/* ============================================================
   ZURBAGUN AUTO — premium automotive digital experience
   monochrome cinematic system · Geist / Geist Mono
   ============================================================ */
:root{
  --k0:#050505;
  --k1:#0A0A0A;
  --k2:#111111;
  --k3:#1a1a1a;
  --w0:#EDEDED;
  --w1:#F5F5F1;
  --mut:#8b8b87;
  --mut-d:#62625e;
  --ice:#9fe8f5;
  --ice-dim:#5fa9b6;
  --gold:#d8b441;
  --hair:rgba(237,237,237,.14);
  --hair-soft:rgba(237,237,237,.08);
  --hair-ink:rgba(10,10,10,.16);
  --sans:'Geist',system-ui,-apple-system,'Segoe UI',sans-serif;
  --mono:'Geist Mono',ui-monospace,'Cascadia Mono',monospace;
  --ease:cubic-bezier(.16,1,.3,1);
  --ease-io:cubic-bezier(.7,0,.2,1);
}
[dir="rtl"]{--mono:'Geist',system-ui,sans-serif}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--k0)}
html.lenis-on{scroll-behavior:auto}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{
  background:var(--k0);color:var(--w0);
  font-family:var(--sans);font-size:16px;line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:clip;
}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
::selection{background:var(--w0);color:var(--k0)}
h1,h2,h3{text-wrap:balance;font-weight:600}
[dir="rtl"] h1,[dir="rtl"] h2,[dir="rtl"] h3{letter-spacing:0!important}
.wrap{max-width:1560px;margin:0 auto;padding:0 clamp(20px,4vw,72px)}
a:focus-visible,button:focus-visible{outline:1px solid var(--ice);outline-offset:4px}

/* ---------- typography system ---------- */
.display{
  font-size:clamp(3.4rem,9.5vw,10.5rem);
  line-height:.94;letter-spacing:-.03em;font-weight:600;
  text-transform:uppercase;
}
[dir="rtl"] .display{line-height:1.15;text-transform:none}
.display--mid{font-size:clamp(2.6rem,6.5vw,6.5rem)}
/* Cyrillic runs longer — tighter scale so hero copy never invades the nav */
[lang="ru"] .display{font-size:clamp(2.6rem,7.2vw,7.6rem)}
[lang="ru"] .display--mid{font-size:clamp(2rem,5.2vw,5rem)}
@media (max-height:860px){
  h1.display{font-size:clamp(2.5rem,7vw,7rem)}
  [lang="ru"] h1.display{font-size:clamp(2.2rem,5.8vw,5.8rem)}
}
.micro{
  font-family:var(--mono);font-size:11.5px;letter-spacing:.18em;
  text-transform:uppercase;font-weight:500;color:var(--mut);
}
[dir="rtl"] .micro{letter-spacing:.03em}
.micro--ice{color:var(--ice-dim)}
.lead{font-size:clamp(1.05rem,1.5vw,1.3rem);line-height:1.55;color:var(--mut);max-width:34em}
.lead strong{color:var(--w0);font-weight:500}

/* ---------- buttons: thin engineering rectangles ---------- */
.btn{
  display:inline-flex;align-items:center;gap:12px;
  font-family:var(--mono);font-size:12.5px;letter-spacing:.16em;text-transform:uppercase;font-weight:500;
  color:var(--w0);border:1px solid var(--hair);padding:17px 30px;cursor:pointer;background:none;
  transition:border-color .3s ease,color .3s ease;
  white-space:nowrap;position:relative;overflow:hidden;
}
[dir="rtl"] .btn{letter-spacing:.03em}
.btn::before{
  content:"";position:absolute;inset:-1px;background:var(--w0);
  transform:translateX(-101%);transition:transform .5s var(--ease);
}
[dir="rtl"] .btn::before{transform:translateX(101%)}
.btn>*{position:relative;z-index:1}
.btn:hover{border-color:var(--w0);color:var(--k0)}
.btn:hover::before{transform:none}
.btn .arr{font-family:var(--sans);transition:transform .35s var(--ease)}
.btn:hover .arr{transform:translateX(5px)}
[dir="rtl"] .btn .arr{transform:scaleX(-1)}
[dir="rtl"] .btn:hover .arr{transform:scaleX(-1) translateX(5px)}
.btn--fill{background:var(--w0);color:var(--k0);border-color:var(--w0)}
.btn--fill::before{background:var(--k2)}
.btn--fill:hover{color:var(--w0);border-color:var(--k2)}
.on-paper .btn{color:var(--k0);border-color:var(--hair-ink)}
.on-paper .btn::before{background:var(--k0)}
.on-paper .btn:hover{border-color:var(--k0);color:var(--w1)}
.on-paper .btn--fill{background:var(--k0);color:var(--w1);border-color:var(--k0)}
.on-paper .btn--fill::before{background:var(--w1)}
.on-paper .btn--fill:hover{color:var(--k0)}
@media (prefers-reduced-motion:reduce){.btn::before{display:none}.btn:hover{color:inherit}}

/* ---------- preloader ---------- */
#pre{
  position:fixed;inset:0;z-index:100;background:var(--k0);
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;
  transition:opacity .7s var(--ease),visibility .7s;
}
#pre.gone{opacity:0;visibility:hidden;pointer-events:none}
.pre__word{font-family:var(--mono);font-size:13px;letter-spacing:.34em;text-transform:uppercase;color:var(--w0)}
[dir="rtl"] .pre__word{letter-spacing:.08em}
.pre__sub{font-family:var(--mono);font-size:11px;letter-spacing:.22em;color:var(--mut-d)}
.pre__line{width:min(280px,60vw);height:1px;background:var(--hair-soft);position:relative;overflow:hidden}
.pre__line i{position:absolute;inset:0;background:var(--w0);transform:scaleX(0);transform-origin:left}
.pre__pct{font-family:var(--mono);font-size:11px;color:var(--mut-d);font-variant-numeric:tabular-nums}
html.static #pre,html.pre-done #pre{display:none}

/* ---------- header ---------- */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:60;
  border-bottom:1px solid transparent;
  transition:background .45s ease,border-color .45s ease;
}
.nav.on{background:rgba(5,5,5,.96);border-bottom-color:var(--hair-soft)}
.nav__in{display:flex;align-items:center;gap:clamp(16px,3vw,44px);height:68px}
.brand{display:flex;align-items:center;gap:12px;flex:none}
.brand img{width:30px;height:auto}
.brand b{font-weight:600;letter-spacing:.16em;font-size:13.5px;white-space:nowrap}
.brand span{font-family:var(--mono);font-size:9px;letter-spacing:.28em;color:var(--mut);margin-top:2px;white-space:nowrap;display:block}
[dir="rtl"] .brand b,[dir="rtl"] .brand span{letter-spacing:.04em}
.nav__links{display:flex;gap:clamp(18px,2.4vw,36px);margin-inline-start:auto}
.nav__links a{
  font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--mut);
  transition:color .25s;position:relative;padding:6px 0;
}
[dir="rtl"] .nav__links a{letter-spacing:.03em}
.nav__links a::after{
  content:"";position:absolute;bottom:0;inset-inline-start:0;width:100%;height:1px;
  background:var(--ice);transform:scaleX(0);transform-origin:var(--tx,left);transition:transform .35s var(--ease);
}
[dir="rtl"] .nav__links a::after{--tx:right}
.nav__links a:hover{color:var(--w0)}
.nav__links a:hover::after{transform:scaleX(1)}
.lang{display:flex;gap:14px;flex:none}
.lang button{
  background:none;border:0;cursor:pointer;color:var(--mut-d);
  font-family:var(--mono);font-size:11.5px;letter-spacing:.12em;padding:6px 2px;
  transition:color .25s;border-bottom:1px solid transparent;
}
.lang button:hover{color:var(--w0)}
.lang button.act{color:var(--w0);border-bottom-color:var(--w0)}
.nav .btn{padding:11px 18px;font-size:11px}
@media (max-width:1100px){.nav__links{display:none}.lang{margin-inline-start:auto}}

/* ---------- hero / orbit cinema ---------- */
#cinema{position:relative}
.cinema__pin{position:relative;height:100svh;overflow:hidden;background:var(--k0)}
.scene{position:absolute;inset:0}
.scene img{width:100%;height:100%;object-fit:cover;object-position:center 42%}
.scene--front img{object-position:center 38%}
.scene--side img,.scene--china img{object-position:center 45%}
#sc-tq,#sc-side{opacity:0}
.cinema__veil{position:absolute;inset:0;background:var(--k0);pointer-events:none}
.cinema__grad{
  position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(5,5,5,.55) 0%,rgba(5,5,5,0) 30%,rgba(5,5,5,.1) 62%,rgba(5,5,5,.88) 96%);
}
.hero-copy{
  position:absolute;inset-inline-start:0;right:0;left:0;
  bottom:clamp(84px,13vh,150px);z-index:3;
}
.hero-copy .micro{margin-bottom:22px;display:flex;align-items:center;gap:14px;color:var(--w0)}
.hero-copy .micro::before{content:"";width:34px;height:1px;background:var(--ice-dim)}
h1.display{max-width:8em}
.hero__lead{margin-top:26px}
.hero__cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:38px}
.hero__hud{
  position:absolute;left:0;right:0;bottom:0;z-index:3;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 clamp(20px,4vw,72px);height:64px;
  border-top:1px solid var(--hair-soft);
}
.hud__scroll{display:flex;align-items:center;gap:12px}
.hud__scroll .tick{width:1px;height:16px;background:var(--w0);opacity:.8}
@media (prefers-reduced-motion:no-preference){
  .hud__scroll .tick{animation:drop 1.8s var(--ease-io) infinite}
  @keyframes drop{0%{transform:translateY(-6px);opacity:0}35%{opacity:.9}100%{transform:translateY(8px);opacity:0}}
}
.hud__bar{flex:1;height:1px;background:var(--hair-soft);margin:0 clamp(16px,3vw,40px);position:relative}
.hud__bar i{position:absolute;inset:0;background:var(--ice-dim);transform:scaleX(0);transform-origin:left}
.hud__frame{font-variant-numeric:tabular-nums}

/* ---------- paper reset : CURATED ---------- */
.on-paper{background:var(--w1);color:var(--k1)}
.on-paper .micro{color:var(--mut-d)}
.on-paper .lead{color:#4a4a45}
.on-paper .lead strong{color:var(--k1)}
#curated{padding:clamp(110px,15vw,220px) 0}
#curated .display{color:var(--k1)}
#curated .display em{font-style:normal;color:#b9b9b2}
.curated__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,90px);margin-top:clamp(48px,6vw,90px);align-items:start}
.curated__grid .lead{max-width:30em}
.rule{height:1px;background:var(--hair-ink);border:0;margin-bottom:clamp(30px,4vw,54px)}
.on-dark .rule{background:var(--hair-soft)}

/* ---------- models : horizontal universe ---------- */
#models{background:var(--k0);position:relative}
.models__head{padding-block:clamp(90px,11vw,160px) clamp(40px,5vw,70px)}
.models__pin{position:relative;overflow:hidden}
.models__track{display:flex;width:max-content}
.mcard{
  width:min(88vw,1180px);height:min(78svh,760px);flex:none;
  position:relative;display:flex;flex-direction:column;justify-content:flex-end;
  padding:clamp(24px,3.5vw,56px);
  border-inline-start:1px solid var(--hair-soft);
  overflow:hidden;
}
.mcard__bg{position:absolute;inset:0;z-index:0}
.mcard__bg img{width:100%;height:100%;object-fit:cover;opacity:.42;filter:saturate(.8);transition:opacity .8s var(--ease),transform 1.2s var(--ease)}
.mcard__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,5,5,.3),rgba(5,5,5,.86) 88%)}
.mcard::after{
  content:"↗";position:absolute;top:clamp(18px,2.6vw,40px);inset-inline-end:clamp(22px,3vw,48px);z-index:2;
  font-family:var(--sans);font-size:clamp(1.4rem,2vw,2rem);color:var(--w0);
  opacity:0;transform:translate(-10px,10px);transition:opacity .5s var(--ease),transform .5s var(--ease);
}
[dir="rtl"] .mcard::after{content:"↖";transform:translate(10px,10px)}
.mcard__name,.mcard__meta{transition:transform .8s var(--ease)}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
  .mcard:hover .mcard__bg img{opacity:.6;transform:scale(1.045)}
  .mcard:hover::after{opacity:1;transform:none}
  .mcard:hover .mcard__name{transform:translateY(-8px)}
  .mcard:hover .mcard__meta{transform:translateY(-6px)}
}
.mcard__idx{position:absolute;top:clamp(20px,3vw,44px);inset-inline-start:clamp(24px,3.5vw,56px);z-index:2}
.mcard__name{
  position:relative;z-index:2;
  font-size:clamp(3rem,7.2vw,7.8rem);line-height:.92;letter-spacing:-.02em;font-weight:600;text-transform:uppercase;
}
.mcard__name small{display:block;font-size:.42em;color:var(--mut);font-weight:500;letter-spacing:0}
.mcard__meta{position:relative;z-index:2;margin-top:22px;display:flex;align-items:baseline;gap:22px;flex-wrap:wrap}
.mcard__meta .micro{color:var(--mut)}
.mcard--ask{justify-content:center;align-items:flex-start}
.mcard--ask .display--mid{max-width:7em}
.mcard--ask .btn{margin-top:34px}
.models__note{padding-block:clamp(28px,4vw,44px) clamp(90px,11vw,150px)}
.models__note .micro{color:var(--mut-d)}

/* ---------- route ---------- */
#process{background:var(--k1);border-top:1px solid var(--hair-soft)}
.route__head{padding-block:clamp(90px,11vw,160px) clamp(46px,6vw,80px)}
.route__pin{position:relative;height:100svh;overflow:hidden}
.rstage{position:absolute;inset:0}
.rstage img{width:100%;height:100%;object-fit:cover;opacity:.5}
.rstage::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,10,10,.9) 0%,rgba(10,10,10,.35) 55%,rgba(10,10,10,.7) 100%)}
[dir="rtl"] .rstage::after{background:linear-gradient(270deg,rgba(10,10,10,.9) 0%,rgba(10,10,10,.35) 55%,rgba(10,10,10,.7) 100%)}
.route__ui{position:absolute;inset:0;display:grid;grid-template-columns:minmax(120px,1fr) minmax(0,2fr);align-items:end;
  padding:0 clamp(20px,4vw,72px) clamp(90px,12vh,140px)}
.route__num{font-family:var(--mono);font-weight:500;font-size:clamp(3rem,7vw,6.4rem);line-height:1;color:var(--w0);font-variant-numeric:tabular-nums}
.route__num small{display:block;font-size:12px;letter-spacing:.22em;color:var(--mut);margin-top:12px}
.route__steps{position:relative;min-height:280px;width:100%}
.route__pin .rstep{position:absolute;bottom:0;inset-inline-start:0}
.rstep{max-width:34em}
.rstep h3{font-size:clamp(1.7rem,3.4vw,3rem);text-transform:uppercase;letter-spacing:-.015em;margin-bottom:14px}
.rstep p{color:#b9b9b2;font-size:clamp(1rem,1.3vw,1.15rem)}
.rstep .get{margin-top:16px;font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ice-dim)}
[dir="rtl"] .rstep .get{letter-spacing:.03em}
.route__prog{position:absolute;top:0;bottom:0;inset-inline-start:0;width:2px;background:var(--hair-soft)}
.route__prog i{position:absolute;top:0;left:0;right:0;height:100%;background:var(--ice-dim);transform:scaleY(0);transform-origin:top}
.rb{position:absolute;opacity:0}
.rb.on{position:relative;opacity:1}

/* mobile route: stacked */
.route__stack{display:none}

/* ---------- inspection ---------- */
#inspection{background:var(--k0);padding:clamp(100px,13vw,200px) 0}
.insp__grid{display:grid;grid-template-columns:7fr 5fr;gap:clamp(28px,4vw,64px);margin-top:clamp(44px,6vw,80px);align-items:stretch}
.insp__main{position:relative;overflow:hidden}
.insp__main img{width:100%;height:100%;object-fit:cover;min-height:420px}
.insp__side{display:grid;grid-template-rows:1fr auto;gap:clamp(28px,4vw,64px)}
.insp__thumbs{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.insp__thumbs figure{overflow:hidden;position:relative;aspect-ratio:3/4}
.insp__thumbs img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.insp__thumbs figure:hover img{transform:scale(1.05)}
.checks{border-top:1px solid var(--hair-soft)}
.checks li{
  display:flex;justify-content:space-between;align-items:center;list-style:none;
  padding:15px 2px;border-bottom:1px solid var(--hair-soft);
  font-family:var(--mono);font-size:12.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--w0);
}
[dir="rtl"] .checks li{letter-spacing:.04em}
.checks li b{color:var(--ice);font-weight:500}

/* ---------- transparency ---------- */
#numbers-block{background:var(--k1);border-top:1px solid var(--hair-soft);border-bottom:1px solid var(--hair-soft);padding:clamp(100px,13vw,190px) 0}
.trans__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,6vw,110px);align-items:start;margin-top:clamp(40px,5vw,70px)}
.ledger{border-top:1px solid var(--hair)}
.ledger .row{
  display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;
  padding:19px 2px;border-bottom:1px solid var(--hair-soft);
}
.ledger .row span{font-family:var(--mono);font-size:12.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--mut)}
[dir="rtl"] .ledger .row span{letter-spacing:.04em}
.ledger .row i{flex:1;height:1px;background:var(--hair-soft)}
.ledger .row em{font-family:var(--mono);font-style:normal;font-size:12.5px;color:var(--mut-d);letter-spacing:.1em}
.ledger .row--total span,.ledger .row--total em{color:var(--w0)}
.ledger .row--total{border-bottom:1px solid var(--hair)}

/* ---------- dubai arrival ---------- */
#dubai{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden}
#dubai .bg{position:absolute;inset:0}
#dubai .bg img{width:100%;height:100%;object-fit:cover}
#dubai .bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,5,5,.5),rgba(5,5,5,.15) 45%,rgba(5,5,5,.82) 96%)}
#dubai .wrap{position:relative;z-index:2;padding-bottom:clamp(80px,11vh,140px)}
#dubai .micro{color:#e8c9a0;margin-bottom:20px}
#dubai .display{color:#fff}

/* ---------- why ---------- */
#why{background:var(--k0);padding:clamp(100px,13vw,200px) 0}
.why__list{border-top:1px solid var(--hair-soft);margin-top:clamp(44px,6vw,80px)}
.wrow{
  display:grid;grid-template-columns:minmax(70px,140px) 1fr 1.2fr;gap:clamp(18px,3vw,56px);
  padding:clamp(28px,4vw,52px) 0;border-bottom:1px solid var(--hair-soft);align-items:start;
}
.wrow .n{font-family:var(--mono);font-size:13px;color:var(--mut-d);letter-spacing:.2em;padding-top:8px}
.wrow h3{font-size:clamp(1.5rem,2.8vw,2.5rem);text-transform:uppercase;letter-spacing:-.015em}
.wrow p{color:var(--mut);max-width:30em}

/* ---------- numbers ---------- */
#stats{background:var(--k0);padding:0 0 clamp(100px,13vw,190px)}
.stats__grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--hair-soft)}
.stat{padding:clamp(30px,4vw,54px) clamp(8px,2vw,40px) 8px;border-inline-start:1px solid var(--hair-soft)}
.stat:first-child{border-inline-start:0;padding-inline-start:0}
.stat b{display:block;font-size:clamp(3rem,7vw,6.8rem);line-height:1;font-weight:600;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.stat span{display:block;margin-top:14px}
/* mechanical odometer drums */
.stat b .od{display:inline-flex;overflow:hidden;height:1em;vertical-align:top}
.stat b .od-col{display:block;height:1em;overflow:hidden;flex:none}
.stat b .od-strip{display:flex;flex-direction:column;will-change:transform}
.stat b .od-strip i{display:block;height:1em;line-height:1;font-style:normal}
.stat b .od-suf{display:inline-block;vertical-align:top}

/* ---------- group ---------- */
#group{background:var(--w1);color:var(--k1);padding:clamp(100px,13vw,190px) 0}
.group__list{border-top:1px solid var(--hair-ink);margin-top:clamp(40px,5vw,70px)}
.grow{
  display:flex;align-items:baseline;gap:clamp(16px,3vw,44px);
  padding:clamp(20px,3vw,34px) 0;border-bottom:1px solid var(--hair-ink);
  font-size:clamp(1.6rem,3.6vw,3.4rem);font-weight:600;text-transform:uppercase;letter-spacing:-.02em;
  color:var(--k1);transition:color .3s ease;position:relative;
}
.grow small{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.18em;color:var(--mut-d);margin-inline-start:auto;text-transform:uppercase}
[dir="rtl"] .grow small{letter-spacing:.03em}
.grow .gn{font-family:var(--mono);font-size:12px;font-weight:500;color:var(--mut-d);letter-spacing:.14em}
a.grow:hover{color:#5f5f58}
.grow--self{color:#b9b9b2}

/* ---------- final cta ---------- */
#contact{position:relative;min-height:100svh;display:flex;align-items:flex-start;overflow:hidden;background:var(--k0)}
#contact .bg{position:absolute;inset:0}
#contact .bg img{width:100%;height:100%;object-fit:cover;object-position:center 40%;opacity:.55}
#contact .bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,5,5,.72),rgba(5,5,5,.28) 50%,rgba(5,5,5,.9) 100%)}
#contact .wrap{position:relative;z-index:2;padding-top:clamp(120px,15vh,180px);padding-bottom:110px}
#contact .display{max-width:7em}
#contact .lead{margin-top:26px}
.contact__cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:44px}
.contact__rows{margin-top:clamp(44px,6vw,72px);max-width:560px;border-top:1px solid var(--hair-soft)}
.crow{display:grid;grid-template-columns:130px 1fr;gap:18px;padding:15px 2px;border-bottom:1px solid var(--hair-soft);font-size:15px;align-items:baseline}
.crow span{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--mut)}
[dir="rtl"] .crow span{letter-spacing:.03em}
.crow a:hover{color:var(--ice)}

/* ---------- footer ---------- */
footer{background:var(--k0);border-top:1px solid var(--hair-soft);padding:40px 0 46px}
.foot{display:flex;align-items:center;gap:clamp(14px,2.5vw,30px);flex-wrap:wrap}
.foot img{width:26px}
.foot .micro{color:var(--mut-d)}
.foot__nav{margin-inline-start:auto;display:flex;gap:clamp(14px,2.5vw,28px);flex-wrap:wrap}
.foot__nav a{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);transition:color .25s}
[dir="rtl"] .foot__nav a{letter-spacing:.03em}
.foot__nav a:hover{color:var(--w0)}
.foot__legal{flex-basis:100%;color:var(--mut-d);font-size:12.5px;margin-top:6px}

/* ---------- mobile sticky wa ---------- */
.mwa{
  position:fixed;left:0;right:0;bottom:0;z-index:55;display:none;
  align-items:center;justify-content:center;gap:10px;height:56px;
  background:var(--w0);color:var(--k0);
  font-family:var(--mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:500;
  transform:translateY(100%);transition:transform .4s var(--ease);
}
.mwa svg{width:17px;height:17px}
.mwa.on{transform:none}

/* ---------- reveals ---------- */
@media (prefers-reduced-motion:no-preference){
  .rv{opacity:0;transform:translateY(30px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
  .rv.in{opacity:1;transform:none}
  .rv-d1{transition-delay:.08s}.rv-d2{transition-delay:.16s}.rv-d3{transition-delay:.24s}
}
/* word-split display reveals (gated: js, no-static, no-flat, not arabic) */
.ws .w{display:inline-block;overflow:hidden;vertical-align:top}
.ws .wi{display:inline-block}
html.js:not(.static):not(.flat) .ws:not(.ws-done) .wi{transform:translateY(115%)}
html.static .rv{opacity:1!important;transform:none!important;transition:none!important}
html.settle .rv{opacity:1!important;transform:none!important}

/* ---------- static / reduced-motion fallbacks ---------- */
html.flat .cinema__pin{height:auto;min-height:100svh}
html.flat #sc-tq,html.flat #sc-side{display:none}
html.flat .cinema__veil{display:none}
html.flat .models__track{overflow-x:auto;width:auto;scroll-snap-type:x mandatory}
html.flat .mcard{scroll-snap-align:start}
html.flat .route__pin{display:none}
html.flat .route__stack{display:block}

/* ---------- responsive ---------- */
@media (max-width:1024px){
  .curated__grid{grid-template-columns:1fr}
  .insp__grid{grid-template-columns:1fr}
  .trans__grid{grid-template-columns:1fr}
  .wrow{grid-template-columns:60px 1fr;grid-template-rows:auto auto}
  .wrow p{grid-column:2}
}
@media (max-width:860px){
  .nav__in{height:60px}
  .nav .btn{display:none}
  .hero-copy{bottom:110px}
  .hero__hud{height:56px}
  .hud__frame{display:none}
  .display{font-size:clamp(2.7rem,12.5vw,4.6rem)}
  .display--mid{font-size:clamp(2rem,9vw,3.2rem)}
  [lang="ru"] .display{font-size:clamp(1.9rem,9.4vw,3.4rem)}
  [lang="ru"] .display--mid{font-size:clamp(1.6rem,7.4vw,2.6rem)}
  .mcard{width:86vw;height:66svh}
  .models__pin{overflow-x:auto;scroll-snap-type:x mandatory}
  .models__track{width:max-content}
  .mcard{scroll-snap-align:start}
  .route__pin{display:none}
  .route__stack{display:block}
  .rsb{position:relative;min-height:72svh;display:flex;align-items:flex-end;overflow:hidden;border-top:1px solid var(--hair-soft)}
  .rsb .bg{position:absolute;inset:0}
  .rsb .bg img{width:100%;height:100%;object-fit:cover;opacity:.5}
  .rsb .bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,10,.4),rgba(10,10,10,.88) 92%)}
  .rsb .in{position:relative;z-index:2;padding:0 20px 34px}
  .rsb .route__num{font-size:2.6rem;margin-bottom:8px}
  .stats__grid{grid-template-columns:1fr}
  .stat{border-inline-start:0;padding-inline-start:0;border-top:1px solid var(--hair-soft);padding-top:22px}
  .stat:first-child{border-top:0}
  .mwa{display:flex}
  footer{padding-bottom:88px}
  .crow{grid-template-columns:104px 1fr}
  .grow small{display:none}
}