:root{
  --ink:#151515; --ink2:#1c1b1a; --ink3:#232120;
  --kumera:#935726; --amber:#CFC4B1; --tango:#F27A21; --dawn:#F2E8E5;
  --mute:rgba(207,196,177,.58); --line:rgba(207,196,177,.14);
  --sky1:207,140,80; --skyA:.10;
  --ar:"Readex Pro",system-ui,sans-serif;
  --serif:"Fraunces",Georgia,serif;
  --lat:"Plus Jakarta Sans",system-ui,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,monospace;
  --pad:clamp(20px,5vw,72px);
  --ease:cubic-bezier(.22,.8,.26,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--ink);scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--ar);color:var(--amber);background:var(--ink);line-height:1.75;font-weight:300;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
bdi{unicode-bidi:isolate}
a{color:inherit}
.serif{font-family:var(--serif);font-weight:300}
.dim{color:var(--mute)}
mark{background:none;color:var(--dawn);font-weight:500}

/* sky glow driven by scroll */
.sky{position:fixed;inset:0;pointer-events:none;z-index:0;
  background:radial-gradient(120% 70% at 50% -10%,rgba(var(--sky1),var(--skyA)),transparent 60%);transition:background .2s linear}
section,header{position:relative;z-index:2}

/* HUD */
.hud{position:fixed;left:16px;bottom:16px;z-index:40;display:flex;gap:2px;font-family:var(--mono);direction:ltr;
  background:rgba(21,21,21,.78);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:4px;opacity:0;transform:translateY(10px);transition:.5s var(--ease)}
.hud.on{opacity:1;transform:none}
.hud__cell{padding:7px 12px;display:flex;flex-direction:column;line-height:1.2;border-inline-end:1px solid var(--line)}
.hud__cell:last-child{border:0}
.hud__k{font-family:var(--ar);font-size:10px;color:var(--mute)}
.hud__v{font-size:14px;font-weight:500;color:var(--dawn);font-family:var(--mono)}
.hud__place .hud__v{font-family:var(--ar);font-weight:400;direction:rtl}

/* lane on the right edge (RTL) */
.lane{position:fixed;top:0;bottom:0;right:14px;width:10px;z-index:30;pointer-events:none;overflow:hidden}
.lane__bars{position:absolute;inset:-200px 0 0 0;
  background:repeating-linear-gradient(to bottom,rgba(207,196,177,.28) 0 2px,transparent 2px 9px,rgba(207,196,177,.18) 9px 14px,transparent 14px 31px,rgba(207,196,177,.32) 31px 32px,transparent 32px 47px,rgba(147,87,38,.6) 47px 53px,transparent 53px 70px)}
.lane__car{position:absolute;right:0;width:10px;height:22px;top:0;background:var(--tango);border-radius:2px;box-shadow:0 0 0 3px rgba(242,122,33,.15)}

/* header */
.top{position:absolute;top:0;inset-inline:0;z-index:20;display:flex;align-items:center;gap:28px;padding:22px var(--pad);}
.top__logo{height:16px;width:auto;opacity:.95}
.top__nav{display:flex;gap:22px;margin-inline-start:auto;font-size:14px}
.top__nav a{text-decoration:none;color:var(--mute);transition:color .2s}
.top__nav a:hover{color:var(--dawn)}
.top__tag{font-family:var(--lat);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}

/* HERO */
.hero{min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding:0 var(--pad) 110px;overflow:hidden}
.hero__media{position:absolute;inset:0;z-index:-2}
.hero__media img{width:100%;height:100%;object-fit:cover;object-position:50% 32%;transform:scale(1.08);transform-origin:50% 60%}
.hero__shade{position:absolute;inset:0;z-index:-1;background:
  linear-gradient(to top,var(--ink) 4%,rgba(21,21,21,.55) 38%,rgba(21,21,21,.05) 70%),
  linear-gradient(to left,rgba(21,21,21,.75),transparent 55%)}
.eyebrow{font-size:14px;color:var(--amber);display:flex;align-items:center;gap:12px;margin-bottom:14px}
.signal{width:7px;height:26px;background:var(--tango);display:inline-block;animation:blink 1.1s steps(1) infinite}
@keyframes blink{50%{opacity:.15}}
.hero__title{font-weight:200;line-height:.92;font-size:clamp(64px,13vw,210px);color:var(--dawn);letter-spacing:-.01em}
.hero__title span{display:block}
.hero__title .l2{font-weight:500;color:var(--dawn)}
.hero__host{font-size:clamp(20px,2.6vw,34px);margin-top:14px;font-weight:200}
.hero__host strong{font-weight:500;color:var(--dawn)}
.hero__guests{font-size:clamp(14px,1.4vw,18px);color:var(--amber);margin-top:6px}
.hero__guests em{color:var(--tango);font-style:normal;padding:0 6px}
.hero__sub{margin-top:22px;font-size:clamp(15px,1.5vw,19px);max-width:36em;color:var(--mute)}
.hero__meta{position:absolute;bottom:34px;inset-inline:var(--pad);display:flex;gap:26px;flex-wrap:wrap;font-size:12px;color:var(--mute);border-top:1px solid var(--line);padding-top:14px}
.hero__meta bdi{font-family:var(--lat);letter-spacing:.06em}
.hero__cue{position:absolute;bottom:80px;left:var(--pad);display:flex;align-items:center;gap:10px;font-size:12px;color:var(--mute)}
.hero__cue svg{width:30px;height:30px;color:var(--amber);animation:wheel 3s var(--ease) infinite}
@keyframes wheel{0%,100%{transform:rotate(-12deg)}50%{transform:rotate(12deg)}}

/* sections */
.sec{padding:clamp(90px,13vw,170px) var(--pad)}
.sec__head{max-width:860px;margin-bottom:clamp(40px,6vw,72px);position:relative}
.kicker{font-size:13px;color:var(--tango);letter-spacing:.02em;margin-bottom:14px}
.kicker bdi{font-family:var(--lat);text-transform:uppercase;letter-spacing:.16em;font-size:11px;color:var(--mute);margin-inline-start:8px}
.h2{font-weight:300;font-size:clamp(36px,5.6vw,80px);line-height:1.08;color:var(--dawn);letter-spacing:-.01em}
.h2 .serif{font-size:1.05em}
.h3{font-weight:400;font-size:clamp(19px,1.8vw,24px);color:var(--dawn);margin-bottom:16px}
.lead{font-size:clamp(16px,1.45vw,20px);margin-top:22px;max-width:40em;color:var(--amber)}
.mt{margin-top:36px}

/* premise trio */
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line)}
.trio__col{padding:34px 0 34px;padding-inline-end:36px;border-inline-end:1px solid var(--line)}
.trio__col+.trio__col{padding-inline-start:36px}
.trio__col:last-child{border:0}
.trio__k{font-size:12px;color:var(--mute);margin-bottom:12px}
.trio__name{font-weight:400;font-size:24px;color:var(--dawn);line-height:1.3}
.trio__role{font-size:14px;color:var(--mute)}
.trio__seat{font-size:12px;color:var(--tango);margin-top:2px}
.odo{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:22px 18px;margin-top:26px}
.odo b{display:block;font-family:var(--mono);font-weight:400;font-size:clamp(30px,3.2vw,46px);color:var(--dawn);direction:ltr;text-align:right;line-height:1.1}
.odo span{font-size:13px;color:var(--mute)}
.guest{display:flex;gap:16px;align-items:center;margin-bottom:22px}
.guest img{width:78px;height:96px;object-fit:cover;object-position:50% 18%;border-radius:2px;filter:saturate(.9)}
.mini-route{list-style:none;counter-reset:r}
.mini-route li{position:relative;padding:8px 0;padding-inline-start:64px;font-size:15px;border-bottom:1px dashed var(--line)}
.mini-route b{position:absolute;right:0;top:9px;font-family:var(--mono);font-weight:400;font-size:13px;color:var(--tango);direction:ltr}
.rule{margin-top:22px;font-size:14px;color:var(--mute)}
.rule strong{color:var(--dawn);font-weight:500}

/* ROUTE */
.route{padding:clamp(90px,13vw,170px) 0 0}
.route__intro{padding:0 var(--pad)}
.road{position:relative;overflow:hidden}
.road__track{position:relative;display:flex;gap:0;padding:60px var(--pad) 110px;width:max-content;direction:rtl}
.road__line{position:absolute;inset-inline:0;top:154px;height:2px;background:rgba(207,196,177,.12)}
.road__dash{position:absolute;inset:0;background:repeating-linear-gradient(to left,rgba(207,196,177,.45) 0 28px,transparent 28px 56px);opacity:.5}
.road__progress{position:absolute;right:0;top:-1px;height:4px;width:0;background:var(--tango)}
.stop{position:relative;width:min(420px,78vw);padding-inline-end:56px;flex:none}
.stop__time{font-family:var(--mono);font-size:13px;color:var(--tango);direction:ltr;text-align:right}
.stop__n{font-family:var(--serif);font-weight:200;font-size:64px;line-height:1;color:var(--kumera);margin-top:4px}
.stop__pin{position:relative;height:40px;margin:6px 0 26px}
.stop__bars{position:absolute;right:0;top:4px;display:flex;gap:3px;height:32px;align-items:stretch}
.stop__bars i{display:block;background:var(--amber);width:var(--bw,2px);transition:width .6s var(--ease),background .4s}
.stop.is-on .stop__bars i{background:var(--tango)}
.stop.is-on .stop__bars i:nth-child(odd){width:calc(var(--bw,2px) * 3)}
.stop__place{font-size:24px;font-weight:400;color:var(--dawn);line-height:1.35}
.stop__where{font-size:13px;color:var(--mute);margin:4px 0 14px}
.stop__events{list-style:none;font-size:15px}
.stop__events li{padding:6px 0;padding-inline-start:16px;position:relative;border-bottom:1px solid rgba(207,196,177,.07)}
.stop__events li::before{content:"";position:absolute;inset-inline-start:0;top:16px;width:6px;height:1px;background:var(--tango)}
.stop__cams{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.chip{font-family:var(--mono);font-size:11px;padding:3px 8px;border:1px solid var(--line);border-radius:2px;color:var(--amber);direction:ltr}
.stop__thumb{margin-top:18px;aspect-ratio:16/9;overflow:hidden;border-radius:2px;background:var(--ink3)}
.stop__thumb img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.stop:hover .stop__thumb img{transform:scale(1.04)}
.stop__light{font-size:12px;color:var(--mute);margin-top:8px}

/* QUESTIONS */
.stamp{position:absolute;left:0;top:10px;transform:rotate(-7deg);border:2px solid var(--tango);color:var(--tango);padding:10px 18px;text-align:center;line-height:1.3;font-weight:500;font-size:16px;display:flex;flex-direction:column;border-radius:3px}
.stamp bdi{font-family:var(--mono);font-size:10px;letter-spacing:.3em;margin-top:4px;font-weight:400}
.qchap{display:grid;grid-template-columns:260px 1fr;gap:40px;padding:46px 0;border-top:1px solid var(--line);position:relative}
.qchap__head{position:sticky;top:90px;align-self:start}
.qchap__n{font-family:var(--mono);font-size:12px;color:var(--tango);direction:ltr;text-align:right}
.qchap__t{font-size:24px;font-weight:400;color:var(--dawn);line-height:1.35;margin-top:4px}
.qchap__mood{font-size:13px;color:var(--mute);margin-top:6px}
.qchap__sky{height:3px;width:100%;margin-top:16px;border-radius:2px}
.qlist{list-style:none}
.q{padding:22px 0 26px;border-bottom:1px solid rgba(207,196,177,.07)}
.q__to{display:inline-flex;gap:8px;align-items:center;font-size:12px;color:var(--mute);margin-bottom:6px}
.q__to i{font-style:normal;color:var(--kumera);font-family:var(--mono);direction:ltr}
.q__type{font-size:11px;border:1px solid var(--line);padding:1px 8px;border-radius:20px}
.q__type.t-personal{color:#e7b48c;border-color:rgba(231,180,140,.3)}
.q__type.t-biz{color:var(--amber)}
.q__type.t-aud{color:var(--tango);border-color:rgba(242,122,33,.35)}
.q__txt{font-size:clamp(20px,2.3vw,30px);font-weight:300;line-height:1.5;color:var(--dawn)}
.q__txt::before{content:"«";color:var(--tango);margin-inline-end:4px}
.q__txt::after{content:"»";color:var(--tango)}
.q__why{font-size:13px;color:var(--mute);margin-top:8px}
.q__ans{display:block;height:1px;margin-top:16px;width:46%;background:linear-gradient(to left,rgba(207,196,177,.35),transparent)}

/* CAR */
.car__stage{display:grid;grid-template-columns:1fr 150px;gap:18px}
.car__viewer{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--ink3);border-radius:2px;cursor:grab;touch-action:pan-y}
.car__viewer img{width:100%;height:100%;object-fit:cover;transition:opacity .45s}
.car__cap{position:absolute;bottom:0;inset-inline:0;padding:40px 22px 16px;font-size:14px;background:linear-gradient(to top,rgba(21,21,21,.85),transparent)}
.car__thumbs{display:flex;flex-direction:column;gap:10px;max-height:100%;overflow:auto}
.car__thumbs button{all:unset;cursor:pointer;aspect-ratio:16/10;border-radius:2px;overflow:hidden;opacity:.5;transition:.3s;outline:1px solid transparent}
.car__thumbs button img{width:100%;height:100%;object-fit:cover}
.car__thumbs button[aria-selected=true]{opacity:1;outline-color:var(--tango)}
.car__thumbs button:focus-visible{outline:2px solid var(--tango)}
.specs{margin-top:60px;max-width:900px}
.spec{display:grid;grid-template-columns:200px 1fr;gap:6px 22px;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--line);position:relative}
.spec__k{font-size:14px;color:var(--mute)}
.spec__v{font-weight:400;color:var(--dawn);font-size:17px}
.spec__v bdi{font-family:var(--lat);font-weight:500}
.spec__bar{grid-column:2;height:3px;width:0;background:var(--kumera);display:block;transition:width 1.1s var(--ease)}
.spec.in .spec__bar{width:calc(var(--w) * 100%)}
.spec:nth-child(4n+2) .spec__bar{background:var(--tango)}
.src{font-size:12px;color:var(--mute);margin-top:18px}

/* RIG */
.rig__grid{display:grid;grid-template-columns:minmax(260px,420px) 1fr;gap:clamp(24px,4vw,60px);align-items:start}
.rig__plan{position:sticky;top:80px}
#rigSvg{width:100%;height:auto;overflow:visible}
#rigSvg .body{fill:none;stroke:var(--amber);stroke-width:1.6}
#rigSvg .thin{fill:none;stroke:rgba(207,196,177,.4);stroke-width:1}
#rigSvg .seat{fill:rgba(207,196,177,.06);stroke:rgba(207,196,177,.45);stroke-width:1}
#rigSvg .glass{fill:rgba(207,196,177,.05);stroke:rgba(207,196,177,.3);stroke-width:1}
#rigSvg .lbl{font-family:var(--ar);font-size:15px;fill:var(--mute)}
#rigSvg .cone{fill:rgba(242,122,33,0);stroke:none;transition:fill .35s}
#rigSvg .cam{cursor:pointer}
#rigSvg .cam circle.dot{fill:var(--ink);stroke:var(--amber);stroke-width:2;transition:.25s}
#rigSvg .cam text{font-family:var(--mono);font-size:14px;font-weight:500;fill:var(--amber);text-anchor:middle;dominant-baseline:central;pointer-events:none}
#rigSvg .cam:hover circle.dot{stroke:var(--tango)}
#rigSvg .cam.on circle.dot{fill:var(--tango);stroke:var(--tango)}
#rigSvg .cam.on text{fill:var(--ink)}
#rigSvg .cam.on .cone{fill:rgba(242,122,33,.22)}
#rigSvg .cam:focus-visible circle.dot{stroke:var(--dawn);stroke-width:3}
#rigSvg .orbit{fill:none;stroke:rgba(207,196,177,.25);stroke-dasharray:4 6}
.rig__frame{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--ink3);border-radius:2px}
.rig__frame img{width:100%;height:100%;object-fit:cover}
.slate{position:absolute;top:12px;inset-inline-start:12px;display:flex;gap:1px;font-family:var(--mono);font-size:11px;direction:ltr;background:rgba(21,21,21,.7);border-radius:2px;overflow:hidden}
.slate span{padding:5px 9px;color:var(--amber)}
.slate span:first-child{background:var(--tango);color:var(--ink);font-weight:500}
.rig__info{padding:22px 0 10px}
.rig__info p{font-size:16px}
.rig__dl{display:grid;grid-template-columns:auto 1fr;gap:4px 18px;margin-top:14px;font-size:14px}
.rig__dl dt{color:var(--mute)}
.rig__dl dd{color:var(--dawn)}
.rig__btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.rig__btns button{all:unset;cursor:pointer;font-size:13px;padding:7px 12px;border:1px solid var(--line);border-radius:2px;transition:.2s;display:flex;gap:8px;align-items:center}
.rig__btns button b{font-family:var(--mono);font-weight:500;color:var(--tango)}
.rig__btns button[aria-selected=true]{background:var(--tango);color:var(--ink);border-color:var(--tango)}
.rig__btns button[aria-selected=true] b{color:var(--ink)}
.rig__btns button:focus-visible{outline:2px solid var(--dawn)}
.shutter{animation:shut .55s var(--ease)}
@keyframes shut{0%{clip-path:inset(0 0 100% 0)}100%{clip-path:inset(0 0 0 0)}}

/* FRAMES */
.strip{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}
.kf{grid-column:span 4;position:relative;cursor:zoom-in;background:var(--ink3);overflow:hidden;border-radius:2px;margin:0}
.kf.wide{grid-column:span 8}
.kf.full{grid-column:span 12}
.kf img{width:100%;height:100%;object-fit:cover;aspect-ratio:16/9;transition:transform 1.4s var(--ease)}
.kf.full img,.kf.cine img{aspect-ratio:2.39/1}
.kf:hover img{transform:scale(1.035)}
.kf figcaption{position:absolute;bottom:0;inset-inline:0;padding:34px 14px 12px;background:linear-gradient(to top,rgba(21,21,21,.88),transparent);font-size:13px;display:flex;justify-content:space-between;gap:10px;align-items:flex-end}
.kf figcaption b{font-weight:400;color:var(--dawn)}
.kf .slate{top:10px}
.kf.reveal{clip-path:inset(0 0 100% 0)}
.note{font-size:12px;color:var(--mute);margin-top:18px}

/* PRODUCTION */
.tbl-wrap{overflow-x:auto;-webkit-mask-image:linear-gradient(to left,#000 85%,transparent);mask-image:linear-gradient(to left,#000 85%,transparent);border-top:1px solid var(--line);-webkit-overflow-scrolling:touch}
.tbl{width:100%;border-collapse:collapse;font-size:14px;min-width:760px}
.tbl th{font-weight:400;color:var(--mute);text-align:start;padding:14px 12px;font-size:12px;border-bottom:1px solid var(--line)}
.tbl td{padding:14px 12px;border-bottom:1px solid rgba(207,196,177,.07);vertical-align:top}
.tbl td:first-child{font-family:var(--mono);color:var(--tango);white-space:nowrap;direction:ltr;text-align:right}
.tbl td:nth-child(3){font-family:var(--mono);direction:ltr;text-align:right;white-space:nowrap}
.tbl td:nth-child(4){color:var(--dawn)}
.prod__cols{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(30px,6vw,90px);margin-top:70px}
.reel__list{list-style:none}
.reel__list li{display:grid;grid-template-columns:78px 1fr;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}
.reel__list b{font-family:var(--mono);font-weight:400;color:var(--tango);direction:ltr;text-align:right;font-size:13px;padding-top:3px}
.reel__list strong{display:block;font-weight:400;color:var(--dawn)}
.reel__list span{font-size:14px;color:var(--mute)}
.deliv__list{list-style:none}
.deliv__list li{display:flex;gap:16px;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--line)}
.deliv__list b{font-family:var(--mono);font-weight:400;font-size:26px;color:var(--dawn);min-width:40px}
.check{list-style:none;font-size:15px}
.check li{padding:7px 0;padding-inline-start:26px;position:relative}
.check li::before{content:"";position:absolute;inset-inline-start:0;top:15px;width:12px;height:12px;border:1px solid var(--kumera);border-radius:2px}
.audio{font-size:13px;color:var(--mute);margin-top:24px}

/* TEASE */
.tease{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:120px var(--pad);overflow:hidden;background:#0f0f0f}
.tease__bars{display:flex;gap:5px;height:120px;align-items:stretch;margin-bottom:46px}
.tease__bars i{display:block;background:var(--amber);width:2px;transform-origin:50% 100%}
.tease__bars i.t{background:var(--tango)}
.tease__k{font-size:14px;color:var(--mute)}
.tease__t{font-weight:200;font-size:clamp(56px,10vw,150px);color:var(--dawn);line-height:1.05;margin:6px 0}
.tease__t bdi{font-family:var(--serif);font-weight:200}
.tease__s{font-size:clamp(16px,1.6vw,21px)}
.tease__contact{display:flex;gap:28px;margin-top:34px;font-size:15px;flex-wrap:wrap;justify-content:center}
.tease__contact b{font-family:var(--mono);font-weight:500;color:var(--tango);font-size:20px}
.tease__contact bdi{font-family:var(--lat)}
.tease__logo{height:18px;width:auto;margin-top:60px;opacity:.85}
.credit{font-size:12px;color:var(--mute);margin-top:22px}

/* LIGHTBOX */
.lb{position:fixed;inset:0;z-index:100;background:rgba(10,10,10,.96);display:flex;align-items:center;justify-content:center;padding:4vw}
.lb[hidden]{display:none}
.lb figure{max-width:min(1500px,92vw)}
.lb img{max-height:80vh;width:auto;margin:auto;border-radius:2px}
.lb figcaption{margin-top:14px;font-size:14px;text-align:center}
.lb__x,.lb__nav{all:unset;cursor:pointer;position:absolute;color:var(--amber);font-size:34px;line-height:1;padding:12px}
.lb__x{top:12px;left:16px}
.lb__prev{right:10px;top:50%;transform:translateY(-50%);font-size:52px}
.lb__next{left:10px;top:50%;transform:translateY(-50%);font-size:52px}
.lb__x:focus-visible,.lb__nav:focus-visible{outline:2px solid var(--tango)}

/* MOBILE */
@media (max-width:980px){
  .top__nav{display:none}
  .top__tag{margin-inline-start:auto;font-size:9px}
  .trio{grid-template-columns:1fr}
  .trio__col,.trio__col+.trio__col{padding:28px 0;border-inline-end:0;border-bottom:1px solid var(--line)}
  .road__track{flex-direction:column;width:auto;padding:30px var(--pad) 40px;padding-right:calc(var(--pad) + 34px)}
  .road__line{inset-inline:auto;right:calc(var(--pad) + 4px);top:40px;bottom:40px;width:2px;height:auto}
  .road__dash{background:repeating-linear-gradient(to bottom,rgba(207,196,177,.45) 0 22px,transparent 22px 44px)}
  .road__progress{width:4px !important;height:var(--p,0%);right:-1px;top:0}
  .stop{width:auto;padding:0 0 46px;padding-inline-end:0}
  .stop__pin{position:absolute;right:-41px;top:2px;margin:0;height:20px;width:20px}
  .stop__bars{height:16px;gap:2px}
  .stop.is-on .stop__bars i:nth-child(odd){width:calc(var(--bw,2px) * 1.6)}
  .stop__time{padding-right:0}
  .qchap{grid-template-columns:1fr;gap:10px;padding:34px 0}
  .qchap__head{position:static}
  .stamp{position:relative;display:inline-flex;margin-top:24px;transform:rotate(-4deg)}
  .car__stage{grid-template-columns:1fr}
  .car__thumbs{flex-direction:row;overflow-x:auto;max-height:none}
  .car__thumbs button{flex:0 0 112px}
  .spec{grid-template-columns:1fr}
  .spec__bar{grid-column:1}
  .rig__grid{grid-template-columns:1fr}
  .rig__plan{position:relative;top:0;max-width:340px;margin:0 auto;order:2}
  .rig__view{order:1;position:sticky;top:0;z-index:5;background:var(--ink);padding-top:8px}
  .rig__info{padding:12px 0 4px}.rig__info p{font-size:14px}.rig__dl{display:none}.rig__btns{display:none}
  .kf,.kf.wide,.kf.full{grid-column:span 12}
  .kf.cine img,.kf.full img{aspect-ratio:16/9}
  .prod__cols{grid-template-columns:1fr}
  .hero{padding-bottom:130px}
  .hero__cue{display:none}
  .hud{left:10px;bottom:10px;opacity:0}
  .hud.on{opacity:.92}
  .hud__cell{padding:4px 8px}
  .hud__place{display:none}
  .hud__cell:nth-child(2){border:0}
  .hud__v{font-size:11px}
  .hud__k{font-size:9px}
  .hero__media img{object-position:50% 50%;transform:none}
  .hero{justify-content:flex-start;padding-top:96px}
  .hero__title{font-size:clamp(64px,19vw,120px)}
  .hero__shade{background:linear-gradient(to bottom,rgba(21,21,21,.82) 0%,rgba(21,21,21,.55) 38%,rgba(21,21,21,0) 62%,rgba(21,21,21,.75) 92%,var(--ink) 100%)}
  .hero__sub{color:var(--amber)}
  .lane{right:4px;width:5px}
  .lane__car{width:5px;height:16px}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none !important;transition:none !important}
  .kf.reveal{clip-path:none}
  html{scroll-behavior:auto}
}

.host{display:flex;gap:18px;align-items:center;margin-bottom:26px}
.host img{width:104px;height:130px;object-fit:cover;object-position:50% 25%;border-radius:2px}

/* hero v5: cabin photo — keep faces clear */
@media (min-width:701px){.hero__title span{display:inline}.hero__title .l1{margin-inline-end:.22em}.hero__title{font-size:clamp(56px,7.2vw,128px);line-height:1}.hero{padding-bottom:96px}.hero__shade{background:linear-gradient(to top,rgba(21,21,21,.94) 0%,rgba(21,21,21,.72) 26%,rgba(21,21,21,0) 50%),linear-gradient(to bottom,rgba(21,21,21,.55),rgba(21,21,21,0) 18%)!important}}
@media (max-width:700px){.hero__media img{object-position:50% 100%!important;transform:none!important}}
/* mobile: show the full cabin shot (all three) above the title */
@media (max-width:700px){
  .hero{min-height:auto;justify-content:flex-start;padding-top:72px;padding-bottom:110px}
  .hero__media{position:relative;inset:auto;z-index:0;margin:0 calc(-1*var(--pad)) 22px;aspect-ratio:1920/1071}
  .hero__media img{width:100%;height:100%;object-fit:contain!important;object-position:50% 50%!important;transform:none!important}
  .hero__shade{display:none}
}
@media (max-width:700px){.hero__meta{position:static;margin-top:28px}}
/* Arabic title: no letter-spacing (it breaks Arabic shaping and drops the dots of final ي) */
.hero__title{letter-spacing:0!important}
@media (max-width:700px){.hero__meta{position:static;margin-top:28px}.hero{padding-bottom:40px}}
.h2{letter-spacing:0!important}
.hero__title{line-height:1.22!important;padding-bottom:.08em}.hero__title span{overflow:visible;padding-bottom:.06em}

.car__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:34px}
.car__grid figure{aspect-ratio:16/10;overflow:hidden;border-radius:2px;background:var(--ink3)}
.car__grid img{width:100%;height:100%;object-fit:cover;display:block}
@media (max-width:700px){.car__grid{grid-template-columns:1fr}}

.top__strike{display:flex;align-items:center;opacity:.92}
.top__strike img{height:30px;width:auto;display:block}
@media (max-width:980px){.top__strike{margin-inline-start:auto}.top__strike img{height:24px}}
.credit{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.credit__logo{height:34px;width:auto;opacity:.9}