:root{
  --v8-ink:#171717;
  --v8-paper:#f5f1e8;
  --v8-paper-2:#eee8de;
  --v8-dark:#111513;
  --v8-muted:#706b64;
  --v8-line:#d6ccbd;
  --v8-bronze:#9a7444;
  --v8-bronze-light:#c8ab7d;
}
html{scroll-behavior:smooth}
body{font-family:"Vazirmatn",Tahoma,"Segoe UI",Arial,sans-serif!important;background:var(--v8-paper);color:var(--v8-ink);font-weight:400;line-height:1.95;letter-spacing:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4,.nav-link,.btn-v6,.hero-v8-title,.project-name-v8{font-family:"Vazirmatn",Tahoma,"Segoe UI",Arial,sans-serif!important;letter-spacing:-.018em;font-weight:650}
.container{width:min(1240px,calc(100% - 56px));margin-inline:auto}
.section{padding:90px 0}

/* Navigation */
.header{height:78px;background:rgba(247,244,237,.97)!important;color:#272521!important;border-bottom:1px solid rgba(36,31,25,.08);backdrop-filter:blur(18px)}
.nav{height:78px}
.brand{min-width:138px}.brand img{height:52px!important;width:auto;background:transparent!important;padding:0!important;border-radius:0!important}
.nav-menu{gap:0}.nav-link{font-size:.78rem!important;padding:27px 9px!important;color:#2f2c28!important;font-weight:500}.nav-link:hover{color:var(--v8-bronze)!important}
.nav-cta{min-width:auto!important;padding:10px 15px!important;border-radius:6px!important;font-size:.76rem!important;border-color:#cfc4b4!important;background:transparent;color:#2f2c28!important}
.mega-sub{top:69px!important;border-radius:8px!important;padding:10px!important;background:#fbf8f2!important;border-color:#ddd4c7!important;box-shadow:0 18px 45px rgba(37,29,18,.12)!important}
.mega-sub a{font-size:.81rem!important;border-radius:5px!important}

.home-page-v8 .header:not(.scrolled){background:linear-gradient(180deg,rgba(8,10,9,.78),rgba(8,10,9,.18),transparent)!important;border-bottom-color:transparent;color:#fff!important}
.home-page-v8 .header:not(.scrolled) .nav-link{color:#fff!important;text-shadow:0 1px 8px rgba(0,0,0,.35)}
.home-page-v8 .header:not(.scrolled) .nav-cta{color:#fff!important;border-color:rgba(255,255,255,.5)!important;background:rgba(255,255,255,.06)}
.home-page-v8 .header:not(.scrolled) .brand img{filter:brightness(0) invert(1) drop-shadow(0 2px 8px rgba(0,0,0,.22))}

/* Home hero */
.home-v8{padding-top:0!important}
.hero-v8{position:relative;height:100svh;min-height:720px;background:#0c0f0e;color:#fff;overflow:hidden}
.hero-v8-slides{position:absolute;inset:0}
.hero-slide-v8{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .8s ease,visibility .8s ease;pointer-events:none}
.hero-slide-v8.active{opacity:1;visibility:visible;pointer-events:auto}
.hero-slide-v8 img{width:100%;height:100%;object-fit:cover;transform:scale(1.025);transition:transform 7s ease}
.hero-slide-v8.active img{transform:scale(1)}
.hero-slide-v8.venice img{object-position:center 56%}
.hero-slide-v8.alaleh img{object-position:center 38%}
.hero-slide-v8:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,9,8,.08) 0,rgba(7,9,8,.22) 38%,rgba(7,9,8,.82) 72%,rgba(7,9,8,.94) 100%),linear-gradient(0deg,rgba(7,9,8,.42),transparent 55%)}
.hero-v8-content{position:relative;z-index:4;height:100%;display:flex;align-items:center;padding-top:70px}
.hero-v8-copy{max-width:600px;margin-right:auto;margin-left:0}
.hero-v8-kicker{display:flex;align-items:center;gap:12px;color:#e7d6bd;font-size:.68rem;letter-spacing:.14em;direction:ltr;font-weight:600}.hero-v8-kicker:before{content:"";width:44px;height:1px;background:#d3b27f}
.hero-v8-count{margin-top:25px;font-size:.76rem;color:rgba(255,255,255,.66);direction:ltr;text-align:right}
.hero-v8-title{font-size:clamp(3rem,5.1vw,5.8rem);line-height:1.26;margin:16px 0 13px;color:#fff;max-width:620px}
.hero-v8-sub{font-size:clamp(1rem,1.25vw,1.17rem);color:#f0e9df;max-width:560px;margin:0 0 18px;line-height:2}
.hero-v8-desc{font-size:.95rem;color:rgba(255,255,255,.75);max-width:550px;line-height:2;margin-bottom:28px}
.hero-v8-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.hero-v8-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:0 18px;border-radius:7px;font-size:.82rem;font-weight:600}.hero-v8-actions .solid{background:#f6f1e8;color:#171717}.hero-v8-actions .ghost{border:1px solid rgba(255,255,255,.5);color:#fff;background:rgba(255,255,255,.05)}
.hero-v8-nav{position:absolute;z-index:6;left:0;right:0;bottom:0;border-top:1px solid rgba(255,255,255,.18);background:rgba(9,11,10,.35);backdrop-filter:blur(10px)}
.hero-v8-nav .container{display:grid;grid-template-columns:repeat(5,1fr)}
.hero-v8-dot{appearance:none;border:0;border-left:1px solid rgba(255,255,255,.13);background:transparent;color:rgba(255,255,255,.65);padding:16px 12px 17px;text-align:right;cursor:pointer;position:relative;font-family:inherit}.hero-v8-dot:last-child{border-left:0}.hero-v8-dot small{display:block;direction:ltr;font-size:.55rem;letter-spacing:.12em;color:rgba(255,255,255,.45);margin-bottom:3px}.hero-v8-dot strong{font-size:.75rem;font-weight:500}.hero-v8-dot:after{content:"";position:absolute;right:0;left:100%;top:-1px;height:2px;background:#d0ae76;transition:left 5.5s linear}.hero-v8-dot.active{color:#fff}.hero-v8-dot.active:after{left:0}

/* Intro */
.intro-v8{padding:105px 0 98px;background:#faf7f1}.intro-v8-grid{display:grid;grid-template-columns:.76fr 1.24fr;gap:7vw;align-items:start}.intro-v8-side{padding-top:8px}.intro-v8-index{display:block;color:#8a775b;font-size:.7rem;direction:ltr;border-top:1px solid #b9aa94;padding-top:10px;width:110px}.intro-v8-side p{font-size:.82rem;color:#8b8379;margin-top:7px}.intro-v8-copy h2{font-size:clamp(2.15rem,3.7vw,3.95rem);line-height:1.52;margin:0 0 22px}.intro-v8-copy h2 em{font-style:normal;color:var(--v8-bronze)}.intro-v8-copy p{font-size:1rem;color:#66615b;max-width:760px;line-height:2.1;margin:0}.intro-v8-links{display:flex;gap:24px;margin-top:28px;flex-wrap:wrap}.intro-v8-links a{font-size:.82rem;color:#594934;border-bottom:1px solid #9c8a70;padding-bottom:4px}

/* Project portfolio */
.portfolio-v8{padding:96px 0 110px;background:#eee8de}.section-title-v8{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:48px}.section-title-v8 .title-wrap span{font-size:.67rem;color:#866c48;letter-spacing:.12em;direction:ltr;display:block}.section-title-v8 h2{font-size:clamp(2.2rem,3.7vw,3.9rem);line-height:1.35;margin:8px 0 0}.section-title-v8>p{max-width:470px;color:#756e65;font-size:.94rem;line-height:2;margin:0}
.portfolio-v8-grid{display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:370px 370px;gap:18px}.portfolio-v8-card{position:relative;overflow:hidden;background:#d8d0c4;border-radius:12px;color:#fff;box-shadow:0 18px 38px rgba(62,50,34,.09)}.portfolio-v8-card.big{grid-row:span 2}.portfolio-v8-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.portfolio-v8-card:hover img{transform:scale(1.018)}.portfolio-v8-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,9,8,.76),transparent 54%)}.portfolio-v8-card .copy{position:absolute;z-index:2;right:24px;left:24px;bottom:22px}.portfolio-v8-card .copy small{display:block;font-size:.6rem;direction:ltr;color:#ddd5c9;letter-spacing:.1em}.portfolio-v8-card .copy h3{font-size:clamp(1.65rem,2.5vw,2.9rem);margin:3px 0 2px;color:#fff}.portfolio-v8-card .copy p{font-size:.85rem;margin:0;color:#e7e0d7}.portfolio-v8-card .arrow{position:absolute;z-index:3;left:20px;top:20px;width:38px;height:38px;border:1px solid rgba(255,255,255,.55);border-radius:50%;display:grid;place-items:center;font-size:1.1rem}
.portfolio-v8-small{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}.portfolio-v8-small .portfolio-v8-card{height:310px}.portfolio-v8-small .venice-card img{object-position:center center}.portfolio-v8-small .alaleh-card img{object-position:center 38%}

/* facts / journey */
.journey-v8{padding:105px 0;background:var(--v8-dark);color:#fff}.journey-v8-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:6vw;align-items:end;margin-bottom:55px}.journey-v8-head h2{font-size:clamp(2.3rem,4vw,4.3rem);line-height:1.4;margin:0}.journey-v8-head p{color:#9ea5a1;max-width:600px;margin:0;line-height:2}.journey-v8-line{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid rgba(255,255,255,.18)}.journey-v8-step{position:relative;padding:26px 18px 0 0;min-height:150px;border-left:1px solid rgba(255,255,255,.1)}.journey-v8-step:last-child{border-left:0}.journey-v8-step b{font-size:.63rem;color:#c9aa75}.journey-v8-step h3{font-size:1.02rem;margin:16px 0 6px;color:#fff}.journey-v8-step p{font-size:.79rem;color:#9ca39f;line-height:1.9;margin:0}

/* Team */
.team-v8{padding:105px 0;background:#f8f4ed}.team-v8-grid{display:grid;grid-template-columns:1.13fr .87fr;gap:5.5vw;align-items:center}.team-v8-media{border-radius:12px;overflow:hidden;box-shadow:0 22px 42px rgba(60,48,33,.1)}.team-v8-media img{width:100%;aspect-ratio:16/10;object-fit:cover}.team-v8-copy span{font-size:.65rem;color:#866b47;direction:ltr;letter-spacing:.11em}.team-v8-copy h2{font-size:clamp(2.1rem,3.5vw,3.65rem);line-height:1.45;margin:12px 0 18px}.team-v8-copy p{color:#69645d;line-height:2;margin-bottom:24px}.team-v8-copy a{display:inline-flex;padding:11px 16px;border:1px solid #bdb19f;border-radius:7px;font-size:.82rem}

/* Expertise */
.expertise-v8{padding:100px 0;background:#1c201f;color:#fff}.expertise-v8-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:38px}.expertise-v8-head h2{font-size:clamp(2.2rem,3.6vw,3.7rem);margin:0}.expertise-v8-head p{max-width:480px;color:#9ea49f;margin:0;line-height:2}.expertise-v8-list{border-top:1px solid rgba(255,255,255,.17)}.expertise-v8-list a{display:grid;grid-template-columns:60px 1fr 220px;gap:20px;align-items:center;padding:21px 0;border-bottom:1px solid rgba(255,255,255,.12);transition:.2s}.expertise-v8-list a:hover{padding-right:10px;background:rgba(255,255,255,.025)}.expertise-v8-list span{font-size:.62rem;color:#bea16e}.expertise-v8-list h3{font-size:1.14rem;margin:0}.expertise-v8-list small{font-size:.62rem;direction:ltr;text-align:left;color:#8e9691;letter-spacing:.08em}

/* CTA */
.cta-v8{padding:100px 0;background:#e9e1d4}.cta-v8-card{text-align:center;max-width:850px}.cta-v8-card span{font-size:.65rem;color:#866b47;direction:ltr;letter-spacing:.12em}.cta-v8-card h2{font-size:clamp(2.35rem,4vw,4.25rem);line-height:1.45;margin:13px 0 16px}.cta-v8-card p{max-width:620px;margin:0 auto 25px;color:#68625b;line-height:2}.cta-v8-card a{display:inline-flex;padding:12px 18px;border-radius:7px;background:#171918;color:#fff;font-size:.83rem}

/* Projects page */
.projects-v8{padding-top:78px}.projects-v8-hero{padding:92px 0 72px;background:#faf7f1}.projects-v8-hero h1{font-size:clamp(2.7rem,4.8vw,5rem);line-height:1.35;margin:14px 0 16px}.projects-v8-hero p{max-width:700px;color:#6c665f;line-height:2}.projects-v8-grid{padding:10px 0 100px;background:#f1ece3}.projects-v8-feature{display:grid;grid-template-columns:1.25fr .75fr;gap:36px;align-items:center;padding:58px 0;border-top:1px solid #cbc1b2}.projects-v8-feature.reverse{grid-template-columns:.75fr 1.25fr}.projects-v8-feature.reverse .visual{grid-column:2}.projects-v8-feature.reverse .text{grid-column:1;grid-row:1}.projects-v8-feature .visual{aspect-ratio:16/10;overflow:hidden;border-radius:12px;box-shadow:0 20px 38px rgba(60,48,33,.09)}.projects-v8-feature .visual img{width:100%;height:100%;object-fit:cover}.projects-v8-feature .text small{font-size:.63rem;color:#8b7555;direction:ltr}.projects-v8-feature .text h2{font-size:clamp(2rem,3.5vw,3.7rem);line-height:1.35;margin:8px 0 10px}.projects-v8-feature .text p{color:#6a655e;line-height:2}.projects-v8-feature .text span{font-size:.8rem;color:#5f4b32}
.projects-v8-three{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;border-top:1px solid #cbc1b2;padding-top:50px}.projects-v8-small{display:block}.projects-v8-small .visual{height:320px;overflow:hidden;border-radius:12px;background:#e3ddd4;box-shadow:0 18px 34px rgba(60,48,33,.08)}.projects-v8-small .visual img{width:100%;height:100%;object-fit:cover}.projects-v8-small .visual.contain img{object-fit:contain;padding:4%;background:#efeae2}.projects-v8-small .copy{padding-top:16px}.projects-v8-small small{font-size:.61rem;color:#8b7555;direction:ltr}.projects-v8-small h3{font-size:1.75rem;margin:6px 0 8px}.projects-v8-small p{font-size:.9rem;color:#6b665f;line-height:1.95}.projects-v8-small span{font-size:.78rem;color:#5c4931}

/* Inner pages refinement */
.page-hero{padding-top:78px!important;min-height:520px!important;grid-template-columns:1.05fr .95fr!important}.page-hero .bg{min-height:442px!important}.page-hero .container{padding:85px clamp(30px,4.5vw,65px) 55px!important}.page-hero h1{font-size:clamp(2.35rem,3.9vw,4.15rem)!important;line-height:1.42!important}.page-hero p{font-size:.97rem!important;line-height:2.05!important}.project-tabs{top:78px!important}.content-grid h2{font-size:clamp(1.9rem,3.1vw,3.35rem)!important}.rich-text{font-size:1rem!important;line-height:2.05}.fact b{font-size:1.45rem!important}.fact span{font-size:.8rem!important}.section-head h2{font-size:clamp(2rem,3.3vw,3.45rem)!important}.card h3{font-size:1.15rem!important}.card p{font-size:.92rem;line-height:1.95}.footer{padding-top:66px!important}.footer-grid{gap:40px!important}.footer p{font-size:.9rem;line-height:2}.footer a{font-size:.82rem!important}

@media(max-width:1080px){
  .container{width:min(100% - 36px,1240px)}
  .hero-v8{min-height:700px}.hero-v8-copy{max-width:560px}.hero-v8-title{font-size:4.4rem}.hero-v8-nav .container{grid-template-columns:repeat(5,1fr)}
  .portfolio-v8-grid{grid-template-columns:1fr;grid-template-rows:auto}.portfolio-v8-card.big{grid-row:auto;height:520px}.portfolio-v8-grid>.portfolio-v8-card:not(.big){height:390px}.portfolio-v8-small{grid-template-columns:1fr 1fr}.portfolio-v8-small .portfolio-v8-card:last-child{grid-column:1/-1;height:360px}
  .journey-v8-line{grid-template-columns:repeat(3,1fr)}.journey-v8-step:nth-child(3){border-left:0}.journey-v8-step:nth-child(-n+3){border-bottom:1px solid rgba(255,255,255,.12)}
  .projects-v8-feature,.projects-v8-feature.reverse{grid-template-columns:1fr;gap:24px}.projects-v8-feature.reverse .visual,.projects-v8-feature.reverse .text{grid-column:auto;grid-row:auto}.projects-v8-three{grid-template-columns:1fr 1fr}.projects-v8-small:last-child{grid-column:1/-1}
}
@media(max-width:760px){
  .container{width:min(100% - 24px,1240px)}
  .header,.nav{height:72px}.home-page-v8 .header:not(.scrolled){background:rgba(8,10,9,.5)!important}.brand img{height:46px!important}.home-v8{padding-top:0}.projects-v8{padding-top:72px}
  .hero-v8{height:92svh;min-height:620px}.hero-v8-content{padding-top:66px;align-items:flex-end;padding-bottom:116px}.hero-v8-copy{max-width:100%;margin:0}.hero-v8-title{font-size:2.7rem;line-height:1.35}.hero-v8-sub{font-size:.96rem}.hero-v8-desc{display:none}.hero-v8-nav .container{width:100%;grid-template-columns:repeat(5,1fr)}.hero-v8-dot{padding:11px 5px 12px;text-align:center}.hero-v8-dot small{display:none}.hero-v8-dot strong{font-size:.62rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
  .intro-v8,.portfolio-v8,.journey-v8,.team-v8,.expertise-v8,.cta-v8{padding:72px 0}.intro-v8-grid,.journey-v8-head,.team-v8-grid{grid-template-columns:1fr;gap:26px}.intro-v8-copy h2{font-size:2.3rem}.section-title-v8,.expertise-v8-head{display:block}.section-title-v8>p,.expertise-v8-head p{margin-top:15px}.portfolio-v8-grid>.portfolio-v8-card,.portfolio-v8-card.big{height:360px}.portfolio-v8-small{grid-template-columns:1fr}.portfolio-v8-small .portfolio-v8-card,.portfolio-v8-small .portfolio-v8-card:last-child{height:310px;grid-column:auto}.journey-v8-line{grid-template-columns:1fr}.journey-v8-step{border-left:0!important;border-bottom:1px solid rgba(255,255,255,.12);min-height:auto;padding:22px 0}.team-v8-copy h2{font-size:2.25rem}.expertise-v8-list a{grid-template-columns:42px 1fr}.expertise-v8-list small{display:none}.cta-v8-card h2{font-size:2.35rem}
  .projects-v8-hero{padding:62px 0 48px}.projects-v8-hero h1{font-size:2.7rem}.projects-v8-feature{padding:45px 0}.projects-v8-three{grid-template-columns:1fr}.projects-v8-small:last-child{grid-column:auto}.projects-v8-small .visual{height:300px}
  .page-hero{padding-top:72px!important}.page-hero .container{padding:38px 20px 46px!important}.page-hero h1{font-size:2.55rem!important}.project-tabs{top:72px!important}
}

/* ===== V9 premium polish: larger header/footer + visible hero project slider ===== */
.header{
  height:92px!important;
  background:rgba(247,244,237,.98)!important;
  border-bottom:1px solid rgba(36,31,25,.10)!important;
  box-shadow:0 12px 32px rgba(32,26,20,.06);
}
.nav{height:92px!important;gap:28px!important}
.brand img{height:60px!important}
.nav-menu{gap:2px!important}
.nav-link{
  font-size:.93rem!important;
  padding:35px 12px!important;
  font-weight:600!important;
}
.nav-cta{
  padding:13px 20px!important;
  border-radius:10px!important;
  font-size:.86rem!important;
  font-weight:600!important;
}
.mega-sub{
  top:82px!important;
  width:320px!important;
  padding:14px!important;
  border-radius:14px!important;
}
.mega-sub a{
  padding:12px 14px!important;
  font-size:.88rem!important;
}
.home-page-v8 .header:not(.scrolled){
  background:linear-gradient(180deg,rgba(8,10,9,.88),rgba(8,10,9,.42),transparent)!important;
  box-shadow:none!important;
}
.home-page-v8 .header:not(.scrolled) .nav-link,
.home-page-v8 .header:not(.scrolled) .nav-cta{ text-shadow:0 1px 10px rgba(0,0,0,.42)!important }
.home-page-v8 .header.scrolled{
  background:rgba(10,13,14,.94)!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
}
.home-page-v8 .header.scrolled .nav-link,
.home-page-v8 .header.scrolled .nav-cta{ color:#fff!important }
.home-page-v8 .header.scrolled .nav-cta{ border-color:rgba(255,255,255,.22)!important }
.home-page-v8 .header.scrolled .brand img{ filter:brightness(0) invert(1) }

.hero-v8{min-height:760px!important}
.hero-v8-content{padding-top:88px!important;padding-bottom:140px!important}
.hero-v8-copy{
  max-width:640px!important;
  background:linear-gradient(180deg,rgba(8,10,10,.18),rgba(8,10,10,.28));
  padding:26px 28px 22px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:22px;
  backdrop-filter:blur(4px);
  box-shadow:0 20px 50px rgba(0,0,0,.18);
}
.hero-v8-title{font-size:clamp(3.2rem,4.8vw,5.35rem)!important;line-height:1.18!important;margin-bottom:16px!important}
.hero-v8-sub{font-size:1.08rem!important;margin-bottom:12px!important}
.hero-v8-desc{font-size:1rem!important;max-width:560px!important}
.hero-v8-actions a{min-height:48px!important;padding:0 20px!important;font-size:.87rem!important}

.hero-v8-nav{
  bottom:24px!important;
  border-top:0!important;
  background:transparent!important;
  backdrop-filter:none!important;
}
.hero-v8-nav .container{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:12px;
}
.hero-v8-dot{
  border:1px solid rgba(255,255,255,.12)!important;
  border-left:1px solid rgba(255,255,255,.12)!important;
  background:rgba(8,11,10,.52)!important;
  backdrop-filter:blur(14px);
  border-radius:18px!important;
  min-height:88px;
  padding:16px 18px 14px!important;
  box-shadow:0 16px 34px rgba(0,0,0,.16);
  transition:transform .2s ease, background .2s ease, border-color .2s ease, color .2s ease;
}
.hero-v8-dot:hover{transform:translateY(-2px);background:rgba(16,20,18,.66)!important;color:#fff!important}
.hero-v8-dot:last-child{border-left:1px solid rgba(255,255,255,.12)!important}
.hero-v8-dot small{
  display:block!important;
  font-size:.67rem!important;
  margin-bottom:7px!important;
  color:rgba(255,255,255,.52)!important;
}
.hero-v8-dot strong{
  display:block;
  font-size:.95rem!important;
  font-weight:700!important;
  line-height:1.6;
}
.hero-v8-dot:after{
  top:auto!important;
  bottom:0!important;
  right:16px!important;
  left:calc(100% - 16px)!important;
  height:3px!important;
  border-radius:999px;
  background:linear-gradient(90deg,#d0ae76,#f0d7a5)!important;
}
.hero-v8-dot.active{
  color:#fff!important;
  background:linear-gradient(180deg,rgba(24,28,27,.78),rgba(14,17,16,.88))!important;
  border-color:rgba(208,174,118,.46)!important;
}
.hero-v8-dot.active small{color:#e6d4b3!important}
.hero-v8-dot.active:after{left:16px!important}

.footer{
  position:relative;
  background:linear-gradient(180deg,#090c0e 0,#0e1214 100%)!important;
  padding-top:92px!important;
  padding-bottom:28px!important;
  border-top:1px solid rgba(214,204,189,.10);
}
.footer::before{
  content:"";
  position:absolute;
  top:0;left:0;right:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(208,174,118,.45),transparent);
}
.footer-grid{
  grid-template-columns:1.45fr 1fr 1fr 1fr!important;
  gap:56px!important;
  align-items:start!important;
}
.footer .brand img{
  height:72px!important;
  padding:10px 12px!important;
  border-radius:16px!important;
  box-shadow:0 14px 34px rgba(0,0,0,.16);
}
.footer p{
  font-size:.98rem!important;
  line-height:2.15!important;
  color:#b0b6b9!important;
  max-width:440px!important;
  margin-top:14px!important;
}
.footer h4{
  font-size:1rem!important;
  color:#e0c38f!important;
  margin:0 0 18px!important;
  letter-spacing:.01em;
}
.footer a{
  font-size:.94rem!important;
  margin:10px 0!important;
  color:#d2d8da!important;
  transition:color .2s ease, transform .2s ease;
}
.footer a:hover{color:#fff!important;transform:translateX(-2px)}
.footer-bottom{
  margin-top:56px!important;
  padding-top:22px!important;
  font-size:.84rem!important;
  color:#8e979b!important;
}

@media(max-width:1080px){
  .header,.nav{height:86px!important}
  .brand img{height:54px!important}
  .nav-link{padding:32px 10px!important}
  .nav-cta{display:none!important}
  .mobile-toggle{display:block!important}
  .hero-v8-content{padding-bottom:148px!important}
  .hero-v8-nav .container{grid-template-columns:repeat(5,minmax(140px,1fr))!important;overflow-x:auto;padding-bottom:4px}
  .hero-v8-dot{min-width:160px}
}

@media(max-width:760px){
  .header,.nav{height:76px!important}
  .brand img{height:48px!important}
  .hero-v8{min-height:680px!important;height:100svh!important}
  .hero-v8-content{padding-top:74px!important;padding-bottom:170px!important;align-items:flex-end!important}
  .hero-v8-copy{padding:20px 18px 18px!important;border-radius:18px!important}
  .hero-v8-title{font-size:2.65rem!important;line-height:1.28!important}
  .hero-v8-sub{font-size:.98rem!important;line-height:1.95!important}
  .hero-v8-desc{display:block!important;font-size:.88rem!important;line-height:1.95!important}
  .hero-v8-nav{bottom:16px!important}
  .hero-v8-nav .container{display:flex!important;gap:8px!important;overflow-x:auto!important;padding-inline:12px!important;scrollbar-width:none}
  .hero-v8-nav .container::-webkit-scrollbar{display:none}
  .hero-v8-dot{min-width:145px!important;min-height:72px!important;padding:12px 14px 10px!important;text-align:right!important;border-radius:16px!important}
  .hero-v8-dot small{display:block!important;font-size:.58rem!important;margin-bottom:5px!important}
  .hero-v8-dot strong{font-size:.8rem!important;white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
  .footer{padding-top:74px!important}
  .footer-grid{grid-template-columns:1fr!important;gap:28px!important}
  .footer h4{margin-bottom:10px!important}
  .footer a{margin:8px 0!important}
}

/* ===== V10 responsive layout fix for all pages ===== */
html,body{width:100%;max-width:100%;overflow-x:hidden}
body{min-width:0}
header,main,footer,section{max-width:100%}
img,video,svg{max-width:100%}

@media(max-width:1100px){
  /* The desktop split hero was overriding the older responsive rule. */
  .page-hero{
    display:flex!important;
    flex-direction:column!important;
    grid-template-columns:none!important;
    width:100%!important;
    min-height:0!important;
    padding-top:86px!important;
    overflow:hidden!important;
  }
  .page-hero .bg{
    position:relative!important;
    inset:auto!important;
    grid-column:auto!important;
    grid-row:auto!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    height:clamp(360px,55vw,560px)!important;
    min-height:0!important;
    object-fit:cover!important;
    padding:0!important;
    margin:0!important;
  }
  .page-hero img[src*="venice"],
  .page-hero img[src*="koohshar"],
  .page-hero img[src*="alaleh"]{
    object-fit:contain!important;
    padding:24px!important;
    background:#ece7de!important;
  }
  .page-hero .container{
    grid-column:auto!important;
    grid-row:auto!important;
    width:min(100% - 40px,1240px)!important;
    max-width:1240px!important;
    margin:0 auto!important;
    padding:52px 0 62px!important;
    align-self:stretch!important;
  }
  .page-hero h1{max-width:100%!important}
  .page-hero p{max-width:720px!important}

  .project-tabs{top:86px!important}
  .content-grid,.intro-grid,.split{min-width:0!important}
  .content-grid>*{min-width:0!important}
  .form-grid{min-width:0!important}
  .footer-grid{grid-template-columns:1fr 1fr!important;gap:38px!important}
}

@media(max-width:760px){
  .page-hero{
    padding-top:76px!important;
  }
  .page-hero .bg{
    width:100%!important;
    height:58vw!important;
    min-height:240px!important;
    max-height:360px!important;
  }
  .page-hero img[src*="venice"],
  .page-hero img[src*="koohshar"],
  .page-hero img[src*="alaleh"]{
    padding:14px!important;
  }
  .page-hero .container{
    width:calc(100% - 28px)!important;
    padding:34px 0 44px!important;
  }
  .page-hero .breadcrumb{flex-wrap:wrap!important;gap:6px!important}
  .page-hero h1{
    font-size:clamp(2.1rem,10vw,2.75rem)!important;
    line-height:1.42!important;
    margin:10px 0 16px!important;
  }
  .page-hero p{
    font-size:.95rem!important;
    line-height:2!important;
    margin-bottom:0!important;
  }
  .project-tabs{top:76px!important}
  .project-tabs .container{width:100%!important;padding:0 10px!important}
  .project-tabs a{padding:13px 12px!important;font-size:.76rem!important}

  .section{padding:68px 0!important}
  .container{width:calc(100% - 28px)!important;max-width:100%!important}
  .content-grid,.intro-grid,.split,.form-grid{
    grid-template-columns:1fr!important;
    gap:28px!important;
  }
  .fact-grid,.cards,.feature-media,.access-grid,.pub-grid,.facility-list{
    grid-template-columns:1fr!important;
  }
  .gallery-grid{grid-template-columns:1fr 1fr!important}
  .gallery-grid a:first-child,.gallery-grid a:nth-child(8n){grid-column:span 2!important;grid-row:span 1!important}

  .footer-grid{grid-template-columns:1fr!important;gap:26px!important}
  .footer-bottom{display:block!important}
  .footer-bottom span{display:block!important;margin:6px 0!important}
}

@media(max-width:430px){
  .page-hero .bg{height:62vw!important;min-height:220px!important}
  .gallery-grid{grid-template-columns:1fr!important}
  .gallery-grid a:first-child,.gallery-grid a:nth-child(8n){grid-column:auto!important}
  .container,.page-hero .container{width:calc(100% - 22px)!important}
}