/* =====================================================================
   LEVANT AUTOCARE EXPO 2027 — "Liquid Gold Telemetry"
   Motorsport broadcast × editorial magazine. RTL-first.
   ===================================================================== */

/* ---------- Cadillac Sans Arabic (brand typeface) ---------- */
@font-face{font-family:'Cadillac';font-weight:100 350;font-display:swap;src:url(../assets/fonts/Cadillac-Light.woff2) format('woff2')}
@font-face{font-family:'Cadillac';font-weight:351 550;font-display:swap;src:url(../assets/fonts/Cadillac-Medium.woff2) format('woff2')}
@font-face{font-family:'Cadillac';font-weight:551 900;font-display:swap;src:url(../assets/fonts/Cadillac-Bold.woff2) format('woff2')}

:root{
  --asphalt:#0A0A0B;
  --ink:#0F0F11;
  --steel:#151518;
  --steel-2:#1C1C20;
  --line:rgba(255,255,255,.09);
  --line-2:rgba(255,255,255,.16);
  --txt:#EFEBE4;
  --muted:#9B968E;
  --dim:#827D75;
  --amber:#FF9A1F;
  --amber-hot:#FFB547;
  --amber-deep:#C25E00;
  --paper:#F1ECE2;
  --paper-2:#E6DFD2;
  --paper-ink:#17130E;
  --paper-mute:#6E665B;
  --silver:#C3C7CE;
  --f-d:'Cadillac',system-ui,sans-serif;
  --f-x:'Cadillac',system-ui,sans-serif;
  --f-b:'Cadillac',system-ui,sans-serif;
  --f-s:'Amiri',serif;
  --f-n:'Big Shoulders Display','Cadillac',sans-serif;
  --f-m:'IBM Plex Mono',ui-monospace,monospace;
  --ease:cubic-bezier(.22,1,.36,1);
  --ease-io:cubic-bezier(.76,0,.24,1);
  --pad:clamp(20px,4.5vw,64px);
  --sec:clamp(96px,11vw,170px);
  --tele:34px;
  --z-float:100;--z-menu:200;--z-header:300;--z-grain:400;--z-cursor:500;--z-wipe:600;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-padding-top:120px}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
body{background:var(--asphalt);color:var(--txt);font-family:var(--f-b);font-weight:300;font-size:clamp(15px,1.02vw,17px);line-height:1.85;overflow-x:hidden;-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
ul,ol{list-style:none}
b,strong{font-weight:600}
::selection{background:var(--amber);color:#000}
:focus-visible{outline:2px solid var(--amber);outline-offset:3px}

.mono{font-family:var(--f-m);font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:400}
.amber{color:var(--amber)}
.i{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.wrap{width:100%;max-width:1360px;margin-inline:auto;padding-inline:var(--pad)}
.sec{position:relative;padding-block:var(--sec)}
.sec--tight{padding-block:clamp(40px,5vw,80px)}
.sec--steel{background:var(--ink);border-block:1px solid var(--line)}
.sec--steel::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.018) 0 2px,transparent 2px 6px)}

/* grain */
.grain{position:fixed;inset:-50%;z-index:var(--z-grain);pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 1.2s steps(6) infinite}
@keyframes grain{0%,100%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,-2%)}80%{transform:translate(3%,3%)}}

/* ---------------- type scale ---------------- */
.eyebrow{display:flex;align-items:center;gap:10px;color:var(--amber);margin-bottom:22px}
.eyebrow .dot{width:7px;height:7px;background:var(--amber);border-radius:50%;box-shadow:0 0 12px var(--amber);animation:blink 1.6s infinite}
@keyframes blink{50%{opacity:.25}}
.h-xl{font-family:var(--f-d);font-weight:700;font-size:clamp(34px,4.6vw,72px);line-height:1.18;letter-spacing:-.005em;text-wrap:balance}
.h-lg{font-family:var(--f-d);font-weight:700;font-size:clamp(28px,3vw,46px);line-height:1.25}
.h-md{font-family:var(--f-d);font-weight:600;font-size:clamp(22px,2vw,30px);line-height:1.35;margin-bottom:28px}
.lead{color:var(--muted);font-size:clamp(15px,1.12vw,18px);line-height:1.95;max-width:58ch}
.head{margin-bottom:clamp(50px,6vw,96px)}
.head--row{display:grid;grid-template-columns:1.25fr 1fr;gap:clamp(30px,6vw,110px);align-items:end}
.head--center{text-align:center;display:flex;flex-direction:column;align-items:center}
.head--center .lead{margin-top:18px}
.head--center .eyebrow{justify-content:center}
@media (max-width:960px){.head--row{grid-template-columns:1fr}}

/* split words — Arabic-safe */
.w{display:inline-block;overflow:hidden;vertical-align:top;padding-block:.14em;margin-block:-.14em}
.wi{display:inline-block;will-change:transform}

/* reveal */
.js [data-in]{opacity:0;translate:0 36px;transition:opacity 1s var(--ease),translate 1.2s var(--ease),transform .6s var(--ease),background .5s,border-color .4s,color .4s;transition-delay:var(--d,0s)}
.js [data-in].in{opacity:1;translate:none}
[data-scrub] .sw{opacity:.14}

/* HUD corner brackets */
.hud{--hc:var(--amber);--hs:14px;--hb:transparent;position:relative;border:1px solid var(--line);
  background-image:linear-gradient(var(--hc),var(--hc)),linear-gradient(var(--hc),var(--hc)),linear-gradient(var(--hc),var(--hc)),linear-gradient(var(--hc),var(--hc)),linear-gradient(var(--hc),var(--hc)),linear-gradient(var(--hc),var(--hc)),linear-gradient(var(--hc),var(--hc)),linear-gradient(var(--hc),var(--hc)),linear-gradient(var(--hb),var(--hb));
  background-size:var(--hs) 2px,2px var(--hs),var(--hs) 2px,2px var(--hs),var(--hs) 2px,2px var(--hs),var(--hs) 2px,2px var(--hs),100% 100%;
  background-position:0 0,0 0,100% 0,100% 0,0 100%,0 100%,100% 100%,100% 100%,0 0;
  background-repeat:no-repeat;background-origin:border-box}

/* ---------------- buttons: livery parallelograms ---------------- */
.btn{--h:56px;--sk:14px;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;height:var(--h);padding-inline:34px;font-family:var(--f-d);font-weight:600;font-size:15.5px;clip-path:polygon(var(--sk) 0,100% 0,calc(100% - var(--sk)) 100%,0 100%);isolation:isolate;overflow:hidden;transition:color .4s,transform .5s var(--ease)}
.btn .i{width:18px;height:18px;transition:transform .5s var(--ease)}
.btn:hover .i{transform:translateX(-6px)}
.btn--amber{background:var(--amber);color:#120900}
.btn--amber::before{content:"";position:absolute;inset:0;background:#fff;transform:translateX(101%) skewX(-14deg);transition:transform .6s var(--ease);z-index:-1}
.btn--amber:hover::before{transform:translateX(0) skewX(0)}
.btn--line{color:var(--txt);background:linear-gradient(var(--line-2),var(--line-2))}
.btn--line::after{content:"";position:absolute;inset:1px;clip-path:inherit;background:var(--asphalt);z-index:-2}
.btn--line::before{content:"";position:absolute;inset:0;background:var(--amber);transform:translateY(101%);transition:transform .55s var(--ease);z-index:-1}
.btn--line:hover{color:#120900}
.btn--line:hover::before{transform:none}
.btn--sm{--h:44px;--sk:11px;padding-inline:24px;font-size:14px}
.btn--block{width:100%}
.link-arrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-d);font-weight:600;color:var(--amber);border-bottom:1px solid rgba(255,154,31,.35);padding-bottom:4px;transition:gap .4s var(--ease)}
.link-arrow:hover{gap:16px}
.link-arrow .i{width:18px;height:18px}

/* ---------------- page transition ---------------- */
.wipe{position:fixed;inset:0;z-index:var(--z-wipe);pointer-events:none;overflow:hidden;animation:wipeFallback 0s 4s forwards}
@keyframes wipeFallback{to{visibility:hidden}}
.wipe__band{position:absolute;top:-10%;bottom:-10%;right:-15%;width:130%;transform:skewX(-12deg)}
.wipe__band--a{background:var(--amber)}
.wipe__band--b{background:#fff}
.wipe__band--c{background:var(--asphalt);display:grid;place-items:center}
.wipe__band--c img{width:min(120px,26vw);transform:skewX(12deg);filter:drop-shadow(0 0 30px rgba(255,154,31,.5))}
body.is-leaving{pointer-events:none}

/* ---------------- cursor ---------------- */
.cursor{position:fixed;top:0;left:0;z-index:var(--z-cursor);pointer-events:none;display:grid;place-items:center}
.cursor i{position:absolute;width:10px;height:10px;margin:-5px 0 0 -5px;background:var(--amber);border-radius:50%;transition:width .4s var(--ease),height .4s var(--ease),margin .4s var(--ease),background .3s}
.cursor span{position:absolute;color:#120900;font-size:10px;opacity:0;transition:opacity .3s;transform:translate(-50%,-50%);left:0;top:0}
.cursor.is-link i{width:46px;height:46px;margin:-23px 0 0 -23px;background:rgba(255,154,31,.25);border:1px solid var(--amber)}
.cursor.is-view i{width:84px;height:84px;margin:-42px 0 0 -42px;background:var(--amber)}
.cursor.is-view span{opacity:1}
@media (hover:none),(max-width:960px){.cursor{display:none}}

/* ---------------- telemetry + header ---------------- */
.telemetry{position:fixed;top:0;inset-inline:0;z-index:calc(var(--z-header) + 1);height:var(--tele);display:flex;align-items:center;justify-content:center;gap:22px;padding-inline:var(--pad);background:#000;border-bottom:1px solid var(--line);color:var(--muted);font-size:10.5px;white-space:nowrap;overflow:hidden;transition:transform .6s var(--ease)}
.telemetry__live{display:flex;align-items:center;gap:8px;color:#ff4d3d}
.telemetry__live i{width:6px;height:6px;border-radius:50%;background:#ff4d3d;animation:blink 1.2s infinite}
.telemetry__sep{width:24px;height:1px;background:var(--line-2)}
.telemetry__count{color:var(--amber)}
.telemetry__count b{font-weight:500;font-variant-numeric:tabular-nums}
@media (max-width:860px){.telemetry>span:nth-child(2),.telemetry>span:nth-child(3){display:none}}

.header{position:fixed;top:var(--tele);inset-inline:0;z-index:var(--z-header);display:flex;align-items:center;gap:30px;padding:16px var(--pad);transition:background .5s,padding .5s var(--ease),transform .6s var(--ease),border-color .5s;border-bottom:1px solid transparent}
.header.is-scrolled{background:rgba(10,10,11,.78);backdrop-filter:blur(16px) saturate(1.3);border-bottom-color:var(--line);padding-block:10px}
body.hide-chrome .header,body.hide-chrome .telemetry{transform:translateY(calc(-100% - var(--tele)))}
.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}
.brand__emblem{width:40px;filter:drop-shadow(0 0 12px rgba(255,154,31,.35));transition:transform .8s var(--ease)}
.brand:hover .brand__emblem{transform:rotate(-20deg)}
.brand__type{display:flex;flex-direction:column;line-height:1}
.brand__type b{font-family:var(--f-n);font-weight:700;font-size:11px;letter-spacing:.55em}
.brand__type i{font-family:var(--f-n);font-style:normal;font-weight:900;font-size:22px;letter-spacing:.01em;text-transform:uppercase}
.brand__type em{font-style:normal;color:var(--amber)}
.brand__type small{font-family:var(--f-m);font-size:8.5px;letter-spacing:.3em;color:var(--muted);margin-top:3px}
.nav{display:flex;margin-inline-start:auto}
.nav-link{position:relative;display:flex;align-items:center;min-height:44px;padding:6px 14px;line-height:1.2}
.nav-link small{display:none}
.nav-link-ar{font-family:var(--f-d);font-weight:500;font-size:14.5px;color:var(--muted);transition:color .3s}
.nav-link-en{display:none}
.nav-link::after{content:"";position:absolute;bottom:4px;inset-inline:14px;height:2px;background:var(--amber);transform:scaleX(0);transform-origin:right;transition:transform .5s var(--ease)}
.nav-link:hover .nav-link-ar,.nav-link[aria-current] .nav-link-ar{color:var(--txt)}
.nav-link:hover::after,.nav-link[aria-current]::after{transform:scaleX(1)}
.nav-link[aria-current] small{color:var(--amber)}
.nav-link:first-child{display:none}
.header__end{display:flex;align-items:center;gap:12px}
.burger{width:48px;height:48px;display:grid;place-content:center;gap:5px;border:1px solid var(--line-2);transition:border-color .3s}
.burger i{display:block;width:20px;height:1.5px;background:var(--txt);transition:transform .5s var(--ease),opacity .3s}
.burger i:nth-child(2){width:12px;margin-inline-start:auto}
.burger:hover{border-color:var(--amber)}
body.menu-open .burger i:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
body.menu-open .burger i:nth-child(2){opacity:0}
body.menu-open .burger i:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
@media (min-width:1281px){.burger{display:none}}
@media (max-width:1280px){.nav{display:none}.header__end{margin-inline-start:auto}}
@media (max-width:560px){.header__end .btn{display:none}}

/* menu */
.menu{position:fixed;inset:0;z-index:var(--z-menu);visibility:hidden;pointer-events:none}
body.menu-open .menu{visibility:visible;pointer-events:auto}
.menu__stripes{position:absolute;inset:0;display:flex}
.menu__stripes i{flex:1;background:var(--asphalt);transform:scaleY(0);transform-origin:top;transition:transform .7s var(--ease-io)}
.menu__stripes i:nth-child(2){transition-delay:.06s}.menu__stripes i:nth-child(3){transition-delay:.12s}
body.menu-open .menu__stripes i{transform:scaleY(1)}
.menu__grid{position:relative;height:100%;display:grid;grid-template-columns:1.5fr 1fr;gap:40px;padding:calc(var(--tele) + 110px) var(--pad) 40px;overflow:auto}
.menu__nav{display:flex;flex-direction:column}
.menu-link{display:grid;grid-template-columns:50px 1fr auto;align-items:baseline;gap:16px;padding:10px 0;border-bottom:1px solid var(--line);opacity:0;transform:translateY(30px);transition:opacity .5s,transform .8s var(--ease),color .3s}
body.menu-open .menu-link{opacity:1;transform:none;transition-delay:calc(.25s + var(--i,0) * .05s)}
.menu-link small{color:var(--amber)}
.menu-link-ar{font-family:var(--f-d);font-weight:700;font-size:clamp(26px,3.4vw,50px);line-height:1.2}
.menu-link-en{font-family:var(--f-n);font-weight:700;font-size:13px;letter-spacing:.3em;color:var(--dim)}
.menu-link:hover .menu-link-ar,.menu-link[aria-current] .menu-link-ar{color:var(--amber)}
.menu__aside{align-self:end;opacity:0;transition:opacity .6s .5s}
body.menu-open .menu__aside{opacity:1}
.menu__logo{width:min(280px,60vw);margin-bottom:30px}
.menu__facts div{display:grid;grid-template-columns:90px 1fr;gap:10px;padding:12px 0;border-top:1px solid var(--line)}
.menu__facts dt{color:var(--amber)}
@media (max-width:900px){.menu__grid{grid-template-columns:1fr}.menu__aside{display:none}}

/* ---------------- liquid canvas ---------------- */
.liquid{position:absolute;inset:0;width:100%;height:100%;display:block;background:radial-gradient(ellipse at 60% 40%,#3a1d02,#0a0705 60%)}
.stage__shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(10,10,11,.15),rgba(10,10,11,.7) 75%),linear-gradient(to top,var(--asphalt) 2%,transparent 40%)}

/* ================= HOME STAGE ================= */
.stage{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;padding-top:calc(var(--tele) + 110px)}
.stage__grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(to bottom,transparent,#000 30%,#000 70%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 30%,#000 70%,transparent)}
.stage__body{position:relative;flex:1;display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:40px}
.stage__title{display:flex;flex-direction:column;gap:22px}
.stage__wordmark{width:min(640px,100%);filter:drop-shadow(0 20px 40px rgba(0,0,0,.6))}
.stage__ar{font-family:var(--f-d);font-weight:500;font-size:clamp(18px,1.9vw,28px);line-height:1.6;color:var(--txt)}
.stage__actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.stage__emblem{position:relative;justify-self:center;width:min(440px,80%);aspect-ratio:655/890;display:grid;place-items:center;transform-style:preserve-3d}
.stage__emblem-img{position:relative;z-index:2;width:100%;filter:drop-shadow(0 40px 60px rgba(0,0,0,.75)) drop-shadow(0 0 60px rgba(255,140,20,.25))}
.gearring{position:absolute;inset:-18%;z-index:1;opacity:.5}
.gearring svg{width:100%;height:100%;fill:none;stroke:rgba(255,154,31,.35);stroke-width:1}
.readout{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr 1.6fr;margin-top:50px;margin-bottom:34px;border-top:1px solid var(--line-2)}
.readout__cell{padding:20px 22px 4px;border-inline-start:1px solid var(--line)}
.readout__cell:first-child{border:0;padding-inline-start:0}
.readout__cell .mono{color:var(--dim);display:block;margin-bottom:6px;font-size:10px}
.readout__cell b{display:block;font-family:var(--f-d);font-weight:600;font-size:clamp(17px,1.5vw,22px);line-height:1.3}
.readout__cell small{font-family:var(--f-m);font-size:11px;color:var(--amber);letter-spacing:.1em}
.count{display:flex;gap:18px;justify-content:flex-start}
.count div{display:flex;flex-direction:column}
.count b{font-family:var(--f-n)!important;font-weight:800!important;font-size:clamp(34px,3.4vw,52px)!important;line-height:1!important;font-variant-numeric:tabular-nums;color:var(--txt)}
.count i{font-style:normal;font-family:var(--f-m);font-size:9.5px;letter-spacing:.2em;color:var(--amber)}
@media (max-width:1000px){
  .stage__body{grid-template-columns:1fr;text-align:center;justify-items:center}
  .stage__emblem{order:-1;width:min(240px,55vw)}
  .stage__actions{justify-content:center}
  .stage .eyebrow{justify-content:center}
  .readout{grid-template-columns:1fr 1fr}
  .readout__cell:nth-child(3){border:0;padding-inline-start:0}
  .readout__cell--count{grid-column:1/-1;border:0;padding-inline-start:0;border-top:1px solid var(--line)}
}

/* livery band */
.livery{position:relative;z-index:2;background:var(--amber);color:#120900;transform:skewY(-2deg);margin-block:-10px;overflow:hidden;padding:16px 0;direction:ltr}
.livery__track{display:flex;align-items:center;gap:30px;width:max-content;animation:marquee 38s linear infinite}
.livery span{font-family:var(--f-d);font-weight:700;font-size:clamp(18px,2vw,28px);white-space:nowrap}
.livery b{font-family:var(--f-n);font-weight:900;font-size:24px;opacity:.5}
@keyframes marquee{to{transform:translateX(-50%)}}

/* statement */
.statement{display:grid;grid-template-columns:340px 1fr;gap:clamp(40px,7vw,120px);align-items:start}
.statement__text{font-family:var(--f-d);font-weight:600;font-size:clamp(26px,3.2vw,50px);line-height:1.55}
.statement--center{display:block;text-align:center}
.statement--center .statement__text{max-width:28ch;margin-inline:auto;font-size:clamp(24px,2.8vw,44px)}
.spec{padding:8px 24px;--hb:var(--ink)}
.spec__row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;border-bottom:1px dashed var(--line-2)}
.spec__row:last-child{border:0}
.spec__row .mono{color:var(--dim)}
.spec__row b{font-family:var(--f-d);font-weight:600}
@media (max-width:960px){.statement{grid-template-columns:1fr}}

/* odometers */
.odos{border-block:1px solid var(--line);background:var(--ink)}
.odos__grid{display:grid;grid-template-columns:1fr 1fr 1.6fr 1fr 1fr}
.odo-cell{padding:44px 24px;border-inline-start:1px solid var(--line);display:flex;flex-direction:column;justify-content:flex-end;gap:10px}
.odo-cell:first-child{border:0}
.odo-cell p{color:var(--muted);font-size:14px;line-height:1.6}
.odo-cell--hero{background:radial-gradient(ellipse at 50% 120%,rgba(255,154,31,.22),transparent 70%)}
.odo-cell--hero .odo{font-size:clamp(64px,7vw,118px);color:var(--amber)}
.odo{display:flex;direction:ltr;justify-content:flex-end;font-family:var(--f-n);font-weight:800;font-size:clamp(46px,4.4vw,72px);line-height:1;height:1em;overflow:hidden;font-variant-numeric:tabular-nums}
.odo__d{display:flex;flex-direction:column;align-self:flex-start;height:auto}
.odo__d span{height:1em;line-height:1}
.odo__s{color:var(--amber)}
.odo__c{opacity:.8}
@media (max-width:1000px){.odos__grid{grid-template-columns:1fr 1fr}.odo-cell--hero{grid-column:1/-1;order:-1;border:0}.odo-cell{border:0;border-top:1px solid var(--line)}}

/* chapters (index rows) */
.chapters{border-top:1px solid var(--line-2)}
.chapter{position:relative;display:grid;grid-template-columns:70px 1.1fr 1.4fr 60px;align-items:center;gap:24px;padding:28px 6px;border-bottom:1px solid var(--line-2);overflow:hidden;isolation:isolate;transition:padding .6s var(--ease),color .4s}
.chapter::before{content:"";position:absolute;inset:0;background:var(--amber);transform:scaleY(0);transform-origin:bottom;transition:transform .55s var(--ease);z-index:-1}
.chapter__n{color:var(--amber);transition:color .4s}
.chapter__t{font-family:var(--f-d);font-weight:700;font-size:clamp(26px,3.2vw,52px);line-height:1.15}
.chapter__d{color:var(--muted);transition:color .4s}
.chapter__go{width:52px;height:52px;display:grid;place-items:center;border:1px solid var(--line-2);border-radius:50%;transition:transform .6s var(--ease),border-color .4s;justify-self:end}
.chapter__go .i{transform:scaleX(-1)}
.chapter:hover{color:#120900;padding-inline:24px}
.chapter:hover::before{transform:scaleY(1)}
.chapter:hover .chapter__n,.chapter:hover .chapter__d{color:#120900}
.chapter:hover .chapter__go{border-color:#120900;transform:rotate(-45deg)}
@media (max-width:760px){.chapter{grid-template-columns:44px 1fr 48px}.chapter__d{grid-column:2;grid-row:2;font-size:14px}.chapter__go{grid-row:1/3;grid-column:3;width:44px;height:44px}}

/* strip (draggable sectors) */
.strip{overflow:hidden;cursor:grab;padding-block:10px;user-select:none}
.strip.is-drag{cursor:grabbing}
.strip__track{display:flex;gap:16px;padding-inline:var(--pad);width:max-content;will-change:transform}
.tile{position:relative;width:300px;height:380px;flex-shrink:0;padding:28px;border:1px solid var(--line-2);background:linear-gradient(170deg,var(--steel-2),var(--ink));display:flex;flex-direction:column;justify-content:flex-end;gap:8px;overflow:hidden;transition:border-color .4s,transform .6s var(--ease)}
.tile::after{content:"";position:absolute;inset:auto 0 0;height:3px;background:var(--amber);transform:scaleX(0);transform-origin:right;transition:transform .6s var(--ease)}
.tile:hover{border-color:rgba(255,154,31,.5);transform:translateY(-8px)}
.tile:hover::after{transform:scaleX(1)}
.tile__n{position:absolute;top:22px;right:26px;color:var(--amber)}
.tile__i{position:absolute;top:50px;left:24px;width:120px;height:120px;fill:none;stroke:rgba(255,154,31,.35);stroke-width:.7;transition:stroke .4s,transform .8s var(--ease)}
.tile:hover .tile__i{stroke:var(--amber);transform:rotate(-12deg) scale(1.08)}
.tile b{font-family:var(--f-d);font-weight:700;font-size:22px;line-height:1.35}
.tile small{font-family:var(--f-m);font-size:10.5px;color:var(--muted);letter-spacing:.06em}
.strip__hint{margin-top:22px;color:var(--dim);text-align:center}
.head--row .link-arrow{justify-self:end}

/* why home */
.why-home{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(40px,7vw,120px);align-items:center}
.poster-frame{padding:14px;--hb:var(--ink)}
.poster-frame img{width:100%;filter:saturate(1.05)}
.poster-frame__tag{position:absolute;bottom:-12px;left:30px;background:var(--amber);color:#120900;padding:4px 12px}
.reasons{counter-reset:r;margin:34px 0 40px;border-top:1px solid var(--line)}
.reasons li{counter-increment:r;display:grid;grid-template-columns:54px 1fr;padding:18px 0;border-bottom:1px solid var(--line)}
.reasons li::before{content:counter(r,decimal-leading-zero);font-family:var(--f-n);font-weight:800;font-size:28px;color:var(--amber);grid-row:span 2;line-height:1.2}
.reasons b{font-family:var(--f-d);font-size:20px}
.reasons span{color:var(--muted);font-size:15px}
@media (max-width:960px){.why-home{grid-template-columns:1fr}.why-home__media{max-width:420px}}

/* pull quote */
.pull{text-align:center;position:relative;padding-block:30px}
.pull::before{content:"";display:block;width:1px;height:70px;margin:0 auto 34px;background:linear-gradient(transparent,var(--amber))}
.pull blockquote{font-family:var(--f-s);font-size:clamp(26px,3.2vw,50px);line-height:1.7;max-width:30ch;margin-inline:auto;text-wrap:balance;color:var(--txt)}
.pull blockquote::before{content:"«";color:var(--amber);margin-inline-end:.15em}
.pull blockquote::after{content:"»";color:var(--amber);margin-inline-start:.15em}
.pull figcaption{margin-top:26px;color:var(--amber)}
.pull--inline{padding-block:60px 0}
.pull--inline::before{display:none}
.pull--inline blockquote{font-size:clamp(22px,2.4vw,36px)}

/* sponsor band */
.sponsor-band{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(40px,6vw,100px);align-items:center}
.sponsor-band .lead{margin:20px 0 34px}
.swatches{display:flex;flex-direction:column;gap:8px}
.swatch{--m:linear-gradient(100deg,#7a7d84,#e9eaee 30%,#8e9198 55%,#f4f4f6 75%,#6c6f76);position:relative;display:flex;justify-content:space-between;align-items:center;padding:22px 28px;background:var(--m);background-size:220% 100%;color:#111;clip-path:polygon(16px 0,100% 0,calc(100% - 16px) 100%,0 100%);transition:background-position 1.2s var(--ease),transform .5s var(--ease)}
.swatch:hover{background-position:100% 0;transform:translateX(-14px)}
.swatch b{font-family:var(--f-d);font-size:clamp(18px,1.6vw,23px)}
.swatch--main{--m:linear-gradient(100deg,#8a4300,#FFD58A 28%,#FF9A1F 50%,#FFE7B0 72%,#a35200);padding-block:32px}
.swatch--main b{font-size:clamp(22px,2vw,30px)}
.swatch--diamond{--m:linear-gradient(100deg,#5aa6c9,#eafcff 30%,#92d8f5 55%,#ffffff 75%,#4f93b5)}
.swatch--platinum{--m:linear-gradient(100deg,#8b8f98,#f6f6f8 30%,#b5b9c1 55%,#ffffff 75%,#7d818a)}
.swatch--gold{--m:linear-gradient(100deg,#8a5b0a,#ffe08a 30%,#d69a1e 55%,#fff0b8 75%,#7a4f06)}
.swatch--silver{--m:linear-gradient(100deg,#6c6f76,#d9dbdf 30%,#8a8e96 55%,#eceef0 75%,#5f6268)}
@media (max-width:960px){.sponsor-band{grid-template-columns:1fr}}

/* organizer strip */
.org-strip{display:grid;grid-template-columns:auto 1fr auto;gap:clamp(30px,5vw,80px);align-items:center;margin-bottom:60px}
.org-strip__mark{font-family:var(--f-n);font-weight:900;font-size:clamp(90px,10vw,160px);line-height:.85;letter-spacing:-.01em;color:var(--silver)}
.org-strip__copy .lead{margin:14px 0 22px}
.org-strip__num{text-align:center}
.org-strip__num b{display:block;font-family:var(--f-n);font-weight:900;font-size:clamp(70px,7vw,120px);line-height:1;color:var(--amber)}
.org-strip__num span{color:var(--muted)}
@media (max-width:960px){.org-strip{grid-template-columns:1fr;text-align:center;justify-items:center}}

/* logos marquee */
.logos{overflow:hidden;border-block:1px solid var(--line);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.logos__track{display:flex;width:max-content;animation:marquee 32s linear infinite}
.logos span{display:grid;place-items:center;padding:30px 60px;border-inline-end:1px solid var(--line);font-family:var(--f-n);font-weight:800;font-size:32px;letter-spacing:.04em;color:#77746f;white-space:nowrap;transition:color .4s}
.logos span.ar{font-family:var(--f-d);font-size:24px}
.logos span:hover{color:var(--txt)}
.logos--lg span{padding:46px 80px;font-size:40px}

/* ================= PAGE HERO ================= */
.page-hero{position:relative;min-height:78svh;display:flex;align-items:flex-end;overflow:hidden;padding:calc(var(--tele) + 140px) 0 70px}
.page-hero .stage__shade{background:linear-gradient(90deg,rgba(10,10,11,.25),rgba(10,10,11,.75) 80%),linear-gradient(to top,var(--asphalt) 3%,transparent 50%)}
.page-hero__in{position:relative;width:100%}
.crumbs{display:flex;gap:12px;color:var(--dim);margin-bottom:24px;justify-content:flex-end}
.crumbs a:hover{color:var(--amber)}
.crumbs span{color:var(--amber)}
.page-hero__num{position:absolute;left:var(--pad);bottom:-30px;font-family:var(--f-n);font-weight:900;font-size:clamp(160px,24vw,380px);line-height:.8;color:transparent;-webkit-text-stroke:1.5px rgba(255,154,31,.45);pointer-events:none}
.page-hero__title{font-family:var(--f-d);font-weight:700;font-size:clamp(42px,6.2vw,96px);line-height:1.12;max-width:14ch;text-wrap:balance}
.page-hero__lead{color:#d4cfc6;font-size:clamp(16px,1.3vw,21px);max-width:54ch;margin-top:24px;line-height:1.85}
.page-hero__toc{display:flex;flex-wrap:wrap;gap:8px;margin-top:40px}
.page-hero__toc a{padding:8px 16px;border:1px solid var(--line-2);color:var(--muted);letter-spacing:.06em;font-family:var(--f-d);text-transform:none;font-size:13px;transition:all .3s}
.page-hero__toc a:hover{border-color:var(--amber);color:var(--amber)}

/* next chapter */
.next{position:relative;display:grid;grid-template-columns:1fr auto;align-items:end;gap:10px 40px;padding:clamp(60px,8vw,120px) var(--pad);border-top:1px solid var(--line);overflow:hidden;isolation:isolate}
.next::before{content:"";position:absolute;inset:0;background:var(--amber);transform:translateX(101%);transition:transform .8s var(--ease-io);z-index:-1}
.next__k{color:var(--amber);grid-column:1/-1;transition:color .4s}
.next__t{font-family:var(--f-d);font-weight:700;font-size:clamp(48px,7vw,96px);line-height:1.1}
.next__d{color:var(--muted);transition:color .4s}
.next__i{width:clamp(60px,7vw,110px);height:clamp(60px,7vw,110px);grid-row:2/4;grid-column:2;stroke-width:1;transition:transform .8s var(--ease)}
.next:hover{color:#120900}
.next:hover::before{transform:none}
.next:hover .next__k,.next:hover .next__d{color:#120900}
.next:hover .next__i{transform:translateX(-20px)}

/* ================= PAPER (light editorial) ================= */
.paper{position:relative;background:var(--paper);color:var(--paper-ink);padding-block:var(--sec)}
.paper::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.6' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 .4 0 0 0 0 .32 0 0 0 0 .22 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)'/%3E%3C/svg%3E")}
.paper .eyebrow{color:var(--amber-deep)}
.paper .lead{color:var(--paper-mute)}

/* founder letter */
.letter{position:relative;display:grid;grid-template-columns:320px 1fr;gap:clamp(40px,7vw,120px)}
.letter__aside{position:sticky;top:140px;align-self:start}
.letter__aside .h-lg{margin-bottom:40px}
.letter__card{padding:28px;border:1px solid rgba(23,19,14,.18);display:flex;flex-direction:column;gap:2px;background:rgba(255,255,255,.35)}
.letter__mono{font-family:var(--f-n);font-weight:900;font-size:76px;line-height:1;color:var(--amber-deep);margin-bottom:14px}
.letter__card b{font-family:var(--f-d);font-size:24px}
.letter__card span{color:var(--amber-deep);font-weight:500}
.letter__card small{color:var(--paper-mute);font-size:13px}
.letter__basmala{font-family:var(--f-s);font-size:24px;color:var(--amber-deep);margin-bottom:24px}
.letter__drop{font-family:var(--f-s);font-size:clamp(28px,3vw,46px);line-height:1.65;margin-bottom:48px}
.letter__cols{columns:2;column-gap:48px;column-rule:1px solid rgba(23,19,14,.12)}
.letter__cols p{font-family:var(--f-s);font-size:clamp(17px,1.25vw,20px);line-height:2;margin-bottom:18px;break-inside:avoid-column;color:#2a241c}
.letter__cols p:first-child::first-letter{font-size:3.4em;float:right;line-height:.9;margin-inline-end:10px;color:var(--amber-deep);font-weight:700}
.letter__close{margin-top:40px;padding:30px 0;border-block:2px solid var(--paper-ink);font-family:var(--f-d);font-weight:600;font-size:clamp(20px,2vw,30px);line-height:1.6}
.letter__sign{margin-top:36px;display:flex;flex-direction:column;gap:6px;color:var(--paper-mute)}
.letter__sign b{font-family:var(--f-d);font-size:22px;color:var(--paper-ink)}
.signature{width:260px;height:76px;fill:none;stroke:var(--amber-deep);stroke-width:2;stroke-linecap:round;stroke-dasharray:900;stroke-dashoffset:900}
@media (max-width:960px){.letter{grid-template-columns:1fr}.letter__aside{position:relative;top:0}.letter__cols{columns:1}}

/* manifest */
.manifest{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.manifest__item{padding:clamp(28px,4vw,54px);--hb:var(--ink)}
.manifest__k{color:var(--amber);display:block;margin-bottom:22px}
.manifest__item p{font-family:var(--f-d);font-weight:500;font-size:clamp(18px,1.6vw,24px);line-height:1.75}
.ambition{margin-top:clamp(60px,7vw,110px);font-family:var(--f-d);font-weight:600;font-size:clamp(24px,2.8vw,44px);line-height:1.6;max-width:32ch}
.ambition--sm{font-size:clamp(20px,2vw,32px);max-width:40ch}
@media (max-width:860px){.manifest{grid-template-columns:1fr}}

/* values */
.values{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line-2)}
.value{position:relative;padding:34px 24px 40px;border-inline-start:1px solid var(--line);overflow:hidden;transition:background .5s}
.value:first-child{border:0}
.value__glyph{display:block;font-family:var(--f-d);font-weight:700;font-size:clamp(90px,9vw,150px);line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(255,154,31,.55);margin-bottom:20px;transition:color .5s,transform .8s var(--ease)}
.value b{display:block;font-family:var(--f-d);font-size:22px}
.value p{color:var(--muted);font-size:14.5px}
.value i{position:absolute;top:18px;left:20px;font-style:normal;color:var(--dim)}
.value:hover{background:rgba(255,154,31,.05)}
.value:hover .value__glyph{color:var(--amber);transform:translateY(-6px)}
@media (max-width:960px){.values{grid-template-columns:1fr 1fr}.value{border:0;border-bottom:1px solid var(--line)}}

/* diff rows */
.diff{border-top:1px solid var(--line-2)}
.diff__row{display:grid;grid-template-columns:110px 1fr 1.3fr 60px;gap:30px;align-items:center;padding:34px 0;border-bottom:1px solid var(--line-2);transition:background .5s,padding .6s var(--ease)}
.diff__n{font-family:var(--f-n);font-weight:900;font-size:64px;line-height:1;color:transparent;-webkit-text-stroke:1.2px var(--amber);transition:color .4s}
.diff__row h3{font-family:var(--f-d);font-size:clamp(22px,2vw,30px)}
.diff__row p{color:var(--muted)}
.diff__i{width:40px;height:40px;color:var(--amber);justify-self:end}
.diff__row:hover{padding-inline:20px;background:rgba(255,255,255,.02)}
.diff__row:hover .diff__n{color:var(--amber)}
@media (max-width:860px){.diff__row{grid-template-columns:70px 1fr}.diff__row p{grid-column:1/-1}.diff__i{display:none}.diff__n{font-size:44px}}
.gains{margin-top:clamp(60px,7vw,100px)}
.checks{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.checks--2{grid-template-columns:1fr 1fr}
.checks li{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;border:1px solid var(--line);font-weight:400;transition:border-color .4s,transform .5s var(--ease)}
.checks li:hover{border-color:rgba(255,154,31,.5);transform:translateX(-4px)}
.checks .i{width:20px;height:20px;color:var(--amber);stroke-width:2.4;margin-top:4px}
@media (max-width:860px){.checks,.checks--2{grid-template-columns:1fr}}

/* ================= SHIFTER ================= */
.shifter__pin{min-height:100vh;display:flex;align-items:center}
.shifter__grid{display:grid;grid-template-columns:420px 1fr;gap:clamp(40px,8vw,140px);align-items:center}
.shifter__gate{position:relative;padding:30px;border:1px solid var(--line);background:radial-gradient(circle at 50% 40%,#1d1308,var(--ink) 70%)}
.gate{width:100%;overflow:visible}
.gate__track path{fill:none;stroke:#2a2a30;stroke-width:22;stroke-linecap:round}
.gate__labels text{fill:var(--dim);font-family:var(--f-n);font-weight:800;font-size:26px;text-anchor:middle;dominant-baseline:middle;transition:fill .4s}
.gate__labels text.is-on{fill:var(--amber)}
.gate__knob circle:first-child{fill:url(#gAmber);filter:drop-shadow(0 6px 18px rgba(255,154,31,.55))}
.gate__knob-core{fill:#120900}
.shifter__gear{margin-top:16px;color:var(--muted);text-align:center}
.shifter__gear b{font-family:var(--f-n);font-size:34px;color:var(--amber);font-weight:900;vertical-align:middle}
.shifter__panels{position:relative;min-height:340px}
.shift{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;opacity:0;transform:translateY(40px);transition:opacity .5s,transform .8s var(--ease);pointer-events:none}
.shift.is-on{opacity:1;transform:none;pointer-events:auto}
.shift__k{color:var(--amber);margin-bottom:18px}
.shift h3{font-family:var(--f-d);font-weight:700;font-size:clamp(32px,4vw,64px);line-height:1.2;margin-bottom:22px}
.shift p{color:#cfcac2;font-size:clamp(17px,1.4vw,22px);max-width:40ch;line-height:1.9}
@media (max-width:960px){
  .shifter__pin{min-height:0;display:block}
  .shifter__grid{grid-template-columns:1fr}
  .shifter__gate{display:none}
  .shifter__panels{min-height:0;display:flex;flex-direction:column;gap:30px}
  .shift{position:relative;opacity:1;transform:none;padding:26px 0;border-top:1px solid var(--line)}
}
.because{margin-top:clamp(60px,8vw,120px);padding-top:50px;border-top:1px solid var(--line-2)}
.because ol{counter-reset:b;display:grid;grid-template-columns:1fr 1fr;gap:16px 50px}
.because li{counter-increment:b;display:grid;grid-template-columns:50px 1fr;font-family:var(--f-d);font-size:clamp(17px,1.4vw,21px);line-height:1.7;padding-block:12px}
.because li::before{content:counter(b,decimal-leading-zero);font-family:var(--f-m);font-size:12px;color:var(--amber);padding-top:6px}
@media (max-width:860px){.because ol{grid-template-columns:1fr}}

/* lab (future) */
.lab{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.lab__cell{position:relative;padding:34px 30px;background:var(--ink);display:flex;flex-direction:column;gap:12px;min-height:300px;transition:background .5s}
.lab__cell--wide{grid-column:span 2;background:radial-gradient(ellipse at 80% 0%,#2a1706,var(--ink) 65%)}
.lab__cell--wide h3{font-size:clamp(28px,2.8vw,42px)!important}
.lab__top{display:flex;justify-content:space-between;align-items:center;color:var(--amber);margin-bottom:auto}
.lab__top .i{width:34px;height:34px}
.lab__cell h3{font-family:var(--f-d);font-weight:700;font-size:clamp(20px,1.7vw,25px);line-height:1.35}
.lab__cell p{color:var(--muted);font-size:15px}
.lab__meter{height:3px;background:var(--line-2);margin-top:14px;overflow:hidden}
.lab__meter i{display:block;height:100%;width:calc(var(--v) * 100%);background:var(--amber);transform:scaleX(0);transform-origin:right;transition:transform 1.6s var(--ease) .3s}
.lab__cell.in .lab__meter i{transform:scaleX(1)}
.lab__cell:hover{background:var(--steel)}
@media (max-width:960px){.lab{grid-template-columns:1fr}.lab__cell--wide{grid-column:auto}}

/* region radar */
.region{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(30px,6vw,90px);align-items:center}
.radar{padding:20px;--hb:radial-gradient(circle,#160f07,var(--ink) 70%);background-color:var(--ink)}
.radar__svg{width:100%;overflow:visible}
.radar__rings circle{fill:none;stroke:rgba(255,154,31,.18);stroke-dasharray:3 6}
.radar__axes path{stroke:rgba(255,255,255,.06)}
.radar__sweep{transform-origin:300px 300px;animation:sweep 6s linear infinite}
.radar__sweep path{fill:url(#gAmber);opacity:.12}
@keyframes sweep{to{transform:rotate(360deg)}}
.radar__links path{fill:none;stroke:var(--amber);stroke-width:1.5;opacity:.85}
.rn circle{fill:var(--amber);filter:drop-shadow(0 0 8px var(--amber))}
.rn--b circle{fill:var(--silver);filter:none}
.rn text{fill:var(--txt);font-family:var(--f-d);font-size:17px;font-weight:600;text-anchor:middle}
.rn--b text{fill:var(--muted);font-size:14px}
.radar__core circle{fill:#fff}
.radar__core .pulse{fill:none;stroke:var(--amber);stroke-width:1.5;transform-origin:300px 300px;animation:pulse 2.4s ease-out infinite}
@keyframes pulse{from{transform:scale(.3);opacity:1}to{transform:scale(2.2);opacity:0}}
.radar__core text{fill:var(--amber);font-family:var(--f-d);font-weight:700;font-size:26px;text-anchor:middle}
.radar__legend{display:flex;gap:24px;justify-content:center;color:var(--muted);font-size:10px;padding-top:6px}
.radar__legend span{display:flex;align-items:center;gap:8px}
.radar__legend i{width:8px;height:8px;border-radius:50%}
.radar__legend .a{background:var(--amber)}.radar__legend .b{background:var(--silver)}
.factors{border-top:1px solid var(--line-2)}
.factor{display:grid;grid-template-columns:60px 1fr;padding:20px 0;border-bottom:1px solid var(--line)}
.factor .mono{color:var(--amber);grid-row:span 2;padding-top:6px;font-size:10px}
.factor h3{font-family:var(--f-d);font-size:19px}
.factor p{color:var(--muted);font-size:14.5px;line-height:1.8}
.gateway{margin-top:60px;display:grid;grid-template-columns:1fr auto 1.3fr;gap:30px;align-items:center;padding:30px 36px;--hb:var(--ink)}
.gateway .mono{color:var(--amber);display:block;margin-bottom:6px}
.gateway b{font-family:var(--f-d);font-size:clamp(17px,1.5vw,22px)}
.gateway__arrow{width:40px;height:40px;color:var(--amber)}
@media (max-width:960px){.region,.gateway{grid-template-columns:1fr}.gateway__arrow{transform:rotate(-90deg)}}

/* damascus */
.damascus{position:relative;overflow:hidden;padding-block:calc(var(--sec) + 20px) clamp(180px,22vw,320px);background:linear-gradient(180deg,var(--asphalt),#2a1505 60%,#140a03)}
.damascus__sun{position:absolute;top:24%;left:50%;width:min(800px,110vw);aspect-ratio:1;border-radius:50%;translate:-50% 0;background:radial-gradient(circle,rgba(255,170,50,.55),rgba(255,120,0,.15) 40%,transparent 66%)}
.damascus__word{position:absolute;bottom:16%;left:50%;translate:-50% 0;font-family:var(--f-d);font-weight:700;font-size:clamp(180px,30vw,480px);line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(255,170,60,.22);white-space:nowrap;pointer-events:none}
.damascus__sky{position:absolute;bottom:0;left:0;width:100%;height:clamp(140px,20vw,280px);fill:var(--asphalt)}
.damascus__in{position:relative;z-index:2}
.damascus .h-xl{max-width:20ch}
.damascus .lead{color:#d9d2c6;margin-top:24px;max-width:64ch}
.dam-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:56px}
.dam-card{padding:28px;background:rgba(10,8,6,.55);backdrop-filter:blur(12px);border:1px solid rgba(255,170,60,.22);transition:transform .6s var(--ease),border-color .4s}
.dam-card:hover{transform:translateY(-8px);border-color:var(--amber)}
.dam-card .mono{color:var(--amber)}
.dam-card h3{font-family:var(--f-d);font-size:22px;margin:8px 0}
.dam-card p{color:#bdb6aa;font-size:14.5px}
.damascus .pull blockquote{color:#fff}
@media (max-width:860px){.dam-cards{grid-template-columns:1fr}}

/* bars */
.bars{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.bar{background:var(--asphalt);padding:28px 24px;display:flex;flex-direction:column;gap:6px}
.bar__col{height:200px;display:flex;align-items:flex-end;margin-bottom:22px;border-bottom:1px solid var(--line-2);background:repeating-linear-gradient(0deg,transparent 0 39px,rgba(255,255,255,.04) 39px 40px)}
.bar__col i{display:block;width:46px;height:calc(var(--h) * 100%);background:linear-gradient(180deg,var(--amber-hot),var(--amber-deep));transform:scaleY(0);transform-origin:bottom;transition:transform 1.4s var(--ease) .2s}
.bar.in .bar__col i{transform:scaleY(1)}
.bar .mono{color:var(--amber);font-size:10px}
.bar h3{font-family:var(--f-d);font-size:20px}
.bar p{color:var(--muted);font-size:14px;line-height:1.75}
.callout{margin-top:40px;padding:clamp(28px,4vw,50px);display:grid;grid-template-columns:1fr 2fr;gap:40px;--hb:var(--ink)}
.callout h3{font-family:var(--f-d);font-size:clamp(22px,2vw,30px)}
.callout p{font-size:clamp(16px,1.25vw,19px);color:#d0cbc3}
@media (max-width:1100px){.bars{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.bars,.callout{grid-template-columns:1fr}}

/* ================= SECTORS EXPLORER ================= */
.chain-line{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:center;margin-bottom:70px;font-family:var(--f-d);font-weight:600;color:var(--muted)}
.chain-line i{width:40px;height:1px;background:linear-gradient(90deg,var(--amber),transparent)}
.chain-line span{padding:8px 16px;border:1px solid var(--line-2)}
.explorer{display:grid;grid-template-columns:340px 1fr;gap:clamp(30px,5vw,70px);align-items:start}
.explorer__list{position:sticky;top:150px;display:flex;flex-direction:column;border-top:1px solid var(--line-2)}
.ex-btn{display:flex;align-items:center;gap:16px;padding:15px 6px;border-bottom:1px solid var(--line);text-align:right;font-family:var(--f-d);font-weight:500;font-size:17px;color:var(--muted);transition:color .3s,padding .5s var(--ease),background .4s}
.ex-btn .mono{color:var(--dim);transition:color .3s}
.ex-btn:hover{color:var(--txt)}
.ex-btn.is-on{color:#120900;background:var(--amber);padding-inline:18px}
.ex-btn.is-on .mono{color:#120900}
.explorer__stage{position:relative;min-height:620px}
.sx{position:absolute;inset:0;display:grid;grid-template-rows:auto 1fr;opacity:0;visibility:hidden;transition:opacity .5s,visibility .5s}
.sx.is-on{opacity:1;visibility:visible}
.sx__art{position:relative;height:300px;border:1px solid var(--line);background:radial-gradient(circle at 30% 50%,#26160a,var(--ink) 65%);overflow:hidden;display:flex;align-items:center;padding-inline:50px}
.sx__art::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:40px 40px}
.sx__art .i{position:relative;z-index:1;width:200px;height:200px;stroke-width:.6;color:var(--amber);filter:drop-shadow(0 0 30px rgba(255,154,31,.4))}
.sx__n{position:absolute;left:30px;bottom:-30px;font-family:var(--f-n);font-weight:900;font-size:240px;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.12)}
.sx__body{padding-top:36px}
.sx__en{color:var(--amber)}
.sx__body h2{font-family:var(--f-d);font-weight:700;font-size:clamp(28px,3vw,46px);line-height:1.25;margin:10px 0 26px}
.sx__body ul{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;border-top:1px solid var(--line)}
.sx__body li{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);font-size:16px}
.sx__body li::before{content:"";width:8px;height:8px;background:var(--amber);transform:rotate(45deg);flex-shrink:0}
.sx.is-on .sx__art .i{animation:pop .9s var(--ease)}
@keyframes pop{from{transform:scale(.6) rotate(-30deg);opacity:0}}
@media (max-width:960px){
  .explorer{grid-template-columns:1fr}
  .explorer__list{display:none}
  .explorer__stage{min-height:0;display:flex;flex-direction:column;gap:60px}
  .sx{position:relative;opacity:1;visibility:visible}
  .sx__art{height:200px}.sx__art .i{width:120px;height:120px}.sx__n{font-size:160px}
  .sx__body ul{grid-template-columns:1fr}
}

/* ================= EXHIBIT ================= */
.roster{border-top:1px solid var(--line-2)}
.roster li{position:relative;display:grid;grid-template-columns:60px 1fr auto;align-items:center;gap:20px;padding:20px 4px;border-bottom:1px solid var(--line-2);overflow:hidden;isolation:isolate;transition:color .4s,padding .6s var(--ease)}
.roster li::before{content:"";position:absolute;inset:0;background:var(--amber);transform:scaleX(0);transform-origin:right;transition:transform .6s var(--ease);z-index:-1}
.roster .mono{color:var(--amber);transition:color .4s}
.roster b{font-family:var(--f-d);font-weight:700;font-size:clamp(22px,3vw,46px);line-height:1.2}
.roster i{font-style:normal;font-family:var(--f-n);font-weight:700;letter-spacing:.2em;color:var(--dim);font-size:14px;transition:color .4s}
.roster li:hover{color:#120900;padding-inline:20px}
.roster li:hover::before{transform:scaleX(1)}
.roster li:hover .mono,.roster li:hover i{color:#120900}
.outcome{margin-top:50px;padding:clamp(28px,4vw,50px);--hb:var(--ink)}
.outcome p{font-family:var(--f-d);font-size:20px;margin-bottom:24px}
.outcome__flow{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.outcome__flow span{position:relative;padding:12px 22px;background:var(--steel-2);border:1px solid var(--line-2);font-family:var(--f-d);font-weight:600;color:var(--amber-hot)}
.outcome__flow span+span::before{content:"";position:absolute;right:-13px;top:50%;width:12px;height:1px;background:var(--amber)}
.outcome small{display:block;margin-top:24px;color:var(--muted)}

/* dashboard */
.dash{display:grid;grid-template-columns:1fr 1.3fr;gap:clamp(30px,5vw,70px);align-items:center}
.gauge{position:relative;padding:20px;border:1px solid var(--line);background:radial-gradient(circle at 50% 70%,#21150a,var(--asphalt) 70%)}
.gauge svg{width:100%;overflow:visible}
.gauge__track{fill:none;stroke:#26262b;stroke-width:16}
.gauge__fill{fill:none;stroke:url(#gAmber);stroke-width:16;filter:drop-shadow(0 0 10px rgba(255,154,31,.6))}
.gauge__ticks line{stroke:rgba(255,255,255,.35);stroke-width:1.5}
.gauge__ticks line.maj{stroke:var(--txt);stroke-width:2.5}
.gauge__ticks text{fill:var(--muted);font-family:var(--f-n);font-weight:700;font-size:14px;text-anchor:middle;dominant-baseline:middle}
.gauge__needle{transform-origin:200px 200px;transform:rotate(-135deg)}
.gauge__needle path{fill:var(--amber)}
.gauge__needle circle{fill:#111;stroke:var(--amber);stroke-width:3}
.gauge__read{position:absolute;left:0;right:0;bottom:12%;text-align:center}
.gauge__read b{display:block;font-family:var(--f-n);font-weight:900;font-size:clamp(46px,5vw,76px);line-height:1}
.gauge__read span{color:var(--amber);font-family:var(--f-d)}
.dash__cells{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.dcell{background:var(--ink);padding:26px 22px;display:flex;flex-direction:column;gap:6px}
.dcell .odo{justify-content:flex-start;font-size:clamp(40px,3.6vw,58px)}
.dcell__word{font-family:var(--f-d);font-weight:700;font-size:clamp(32px,3vw,46px);line-height:1.15;color:var(--txt)}
.dcell h3{font-family:var(--f-d);font-size:17px;margin-top:6px}
.dcell p{color:var(--muted);font-size:13.5px;line-height:1.7}
@media (max-width:1000px){.dash{grid-template-columns:1fr}.dash__cells{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.dash__cells{grid-template-columns:1fr}}

/* features */
.features{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.feature{position:relative;background:var(--asphalt);padding:34px 28px;display:flex;flex-direction:column;gap:10px;min-height:260px;transition:background .5s}
.feature--lg{grid-column:span 2;background:linear-gradient(140deg,#1c1209,var(--asphalt) 60%)}
.feature .i{width:36px;height:36px;color:var(--amber);margin-bottom:auto;transition:transform .7s var(--ease)}
.feature .mono{position:absolute;top:30px;left:28px;color:var(--dim)}
.feature h3{font-family:var(--f-d);font-size:clamp(20px,1.7vw,26px);line-height:1.35}
.feature p{color:var(--muted);font-size:15px}
.feature:hover{background:var(--steel)}
.feature:hover .i{transform:rotate(-12deg) scale(1.15)}
@media (max-width:1000px){.features{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.features{grid-template-columns:1fr}.feature--lg{grid-column:auto}}
.benefits{margin-top:clamp(60px,7vw,100px)}
.benefits__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.benefits__grid>span{display:flex;align-items:center;gap:14px;padding:22px;border:1px solid var(--line-2);font-family:var(--f-d);font-weight:600;font-size:16.5px;transition:background .4s,color .4s,border-color .4s}
.benefits__grid .i{color:var(--amber);width:26px;height:26px;transition:color .4s}
.benefits__grid>span:hover{background:var(--amber);color:#120900;border-color:var(--amber)}
.benefits__grid>span:hover .i{color:#120900}
@media (max-width:1000px){.benefits__grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.benefits__grid{grid-template-columns:1fr}}

/* options */
.options{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.option{display:flex;flex-direction:column;gap:8px;padding:26px;border:1px solid var(--line-2);background:var(--asphalt);transition:border-color .4s,transform .6s var(--ease)}
.option:hover{border-color:var(--amber);transform:translateY(-8px)}
.option__plan{height:150px;margin:-26px -26px 18px;border-bottom:1px solid var(--line);background:#0c0c0e;background-image:linear-gradient(rgba(80,140,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(80,140,255,.07) 1px,transparent 1px);background-size:16px 16px;display:grid;place-items:center;padding:16px}
.option__plan svg{width:100%;height:100%;overflow:visible}
.option__plan .pl-a,.option__plan .pl-d{fill:none;stroke:var(--amber);stroke-width:1.5}
.option__plan .pl-b{fill:var(--amber)}
.option__plan .pl-c{fill:rgba(255,154,31,.15);stroke:var(--amber);stroke-width:1}
.option__plan .pl-d{stroke:rgba(255,255,255,.3);stroke-dasharray:4 4}
.option__plan .pl-dash{fill:rgba(255,154,31,.06);stroke:var(--amber);stroke-width:1.5;stroke-dasharray:6 5}
.option__plan .pl-t{fill:var(--amber);font-family:var(--f-n);font-weight:800;font-size:22px;text-anchor:middle}
.option>.mono{color:var(--amber);font-size:10px}
.option h3{font-family:var(--f-d);font-size:24px}
.option p{color:var(--muted);font-size:14.5px}
.spec-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.spec-list li{font-size:12.5px;padding:5px 10px;border:1px solid var(--line-2);color:#cfcac2}
.option footer{margin-top:auto;padding-top:18px;border-top:1px dashed var(--line-2);font-size:13.5px;color:var(--amber-hot)}
.pills{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:50px}
.pills span{padding:10px 20px;border:1px solid var(--line-2);font-family:var(--f-d);font-size:15px;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);background:var(--steel)}
@media (max-width:1100px){.options{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.options{grid-template-columns:1fr}}

/* tabs */
.tabs__bar{position:relative;display:inline-flex;border:1px solid var(--line-2);margin-bottom:34px}
.tab{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;padding:14px 34px;font-family:var(--f-d);font-weight:600;font-size:17px;color:var(--muted);transition:color .4s;line-height:1.4}
.tab .mono{font-size:9px}
.tab.is-on{color:#120900}
.tabs__ink{position:absolute;top:0;bottom:0;background:var(--amber);transition:all .6s var(--ease)}
.tabs__panel{display:none;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.tabs__panel.is-on{display:grid;animation:rise .7s var(--ease)}
@keyframes rise{from{opacity:0;transform:translateY(24px)}}
.svc{padding:30px;border:1px solid var(--line);background:var(--ink)}
.svc h3{display:flex;align-items:center;gap:12px;font-family:var(--f-d);font-size:20px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.svc h3 .i{color:var(--amber);width:28px;height:28px}
.svc li{position:relative;padding:8px 0;padding-inline-start:20px;color:#cfcac2;font-size:15px}
.svc li::before{content:"";position:absolute;right:0;top:1.15em;width:8px;height:2px;background:var(--amber)}

/* fazaa */
.fazaa{margin-top:70px;display:grid;grid-template-columns:auto 1fr;gap:clamp(30px,6vw,80px);align-items:center;padding:clamp(30px,5vw,60px);background:var(--amber);color:#120900;clip-path:polygon(0 0,100% 0,100% calc(100% - 40px),calc(100% - 40px) 100%,0 100%)}
.fazaa__seal{position:relative;width:clamp(170px,16vw,230px);aspect-ratio:1;display:grid;place-items:center}
.fazaa__ring{position:absolute;inset:0;animation:sweep 18s linear infinite}
.fazaa__ring text{font-family:var(--f-m);font-size:12.5px;letter-spacing:.2em;fill:#120900}
.fazaa__seal b{font-family:var(--f-d);font-weight:700;font-size:clamp(40px,4vw,58px);line-height:1;padding:24px;border-radius:50%;background:#120900;color:var(--amber);width:62%;aspect-ratio:1;display:grid;place-items:center}
.fazaa__copy .mono{opacity:.7}
.fazaa__copy h3{font-family:var(--f-d);font-size:clamp(26px,2.6vw,38px);margin:8px 0 12px}
.fazaa__copy p{margin-bottom:14px;font-weight:400}
.fazaa__copy b{font-family:var(--f-d)}
@media (max-width:800px){.fazaa{grid-template-columns:1fr;justify-items:center;text-align:center}}

/* ================= SPONSORSHIP ================= */
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.trio__item{position:relative;background:var(--asphalt);padding:36px 30px;display:flex;flex-direction:column;gap:10px}
.trio__item .mono{position:absolute;top:28px;left:28px;color:var(--dim)}
.trio__item .i{width:38px;height:38px;color:var(--amber);margin-bottom:24px}
.trio__item h3{font-family:var(--f-d);font-size:22px}
.trio__item p{color:var(--muted);font-size:15px}
.includes{margin-top:50px;padding:clamp(28px,4vw,50px);--hb:var(--ink)}
@media (max-width:860px){.trio{grid-template-columns:1fr}}

.ladder{display:flex;flex-direction:column;gap:10px}
.rung{--m:linear-gradient(100deg,#6c6f76,#d9dbdf 30%,#8a8e96 55%,#eceef0 75%,#5f6268);border:1px solid var(--line-2);background:var(--asphalt);transition:border-color .4s}
.rung.is-open{border-color:rgba(255,255,255,.3)}
.rung__head{width:100%;display:grid;grid-template-columns:90px 220px 1fr 50px;align-items:center;gap:24px;padding:20px 24px 20px 20px;text-align:right}
.rung__metal{height:56px;background:var(--m);background-size:220% 100%;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);transition:background-position 1.4s var(--ease)}
.rung:hover .rung__metal,.rung.is-open .rung__metal{background-position:100% 0}
.rung__lvl{color:var(--muted);font-size:10.5px}
.rung__name{font-family:var(--f-d);font-weight:700;font-size:clamp(22px,2.4vw,36px);color:var(--mc,#d9dbdf)}
.rung__tog{width:46px;height:46px;border:1px solid var(--line-2);display:grid;place-items:center;transition:transform .5s var(--ease),background .4s}
.rung.is-open .rung__tog{transform:rotate(45deg);background:var(--amber);color:#120900;border-color:var(--amber)}
.rung__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .7s var(--ease)}
.rung.is-open .rung__body{grid-template-rows:1fr}
.rung__in{overflow:hidden;padding-inline:24px}
.rung__in>p{color:#cfcac2;max-width:70ch;margin-bottom:24px;padding-top:6px}
.rung__in .checks{margin-bottom:24px}
.rung__in .btn{margin-bottom:28px}
.rung--main{--mc:#FFB547;--m:linear-gradient(100deg,#8a4300,#FFD58A 28%,#FF9A1F 50%,#FFE7B0 72%,#a35200)}
.rung--diamond{--mc:#A9E4FF;--m:linear-gradient(100deg,#5aa6c9,#eafcff 30%,#92d8f5 55%,#ffffff 75%,#4f93b5)}
.rung--platinum{--mc:#ECEDF0;--m:linear-gradient(100deg,#8b8f98,#f6f6f8 30%,#b5b9c1 55%,#ffffff 75%,#7d818a)}
.rung--gold{--mc:#F2C14E;--m:linear-gradient(100deg,#8a5b0a,#ffe08a 30%,#d69a1e 55%,#fff0b8 75%,#7a4f06)}
.rung--media{--mc:#FF9A6B;--m:linear-gradient(100deg,#8a2f12,#ffb37a 30%,#e2552b 55%,#ffd2b0 75%,#7a2a10)}
.ladder__note{margin-top:30px;color:var(--muted);text-align:center}
@media (max-width:760px){.rung__head{grid-template-columns:60px 1fr 46px;gap:14px}.rung__lvl{grid-column:2;grid-row:1;font-size:9px}.rung__name{grid-column:2;grid-row:2}.rung__metal{grid-row:1/3;height:46px}.rung__tog{grid-row:1/3;grid-column:3}}

/* race track journey */
.track{position:relative;padding-top:20px}
.track__line{width:100%;height:120px;overflow:visible}
.track__base{fill:none;stroke:#26262b;stroke-width:14;stroke-linecap:round}
.track__fill{fill:none;stroke:var(--amber);stroke-width:4;stroke-dasharray:10 10;filter:drop-shadow(0 0 8px rgba(255,154,31,.6))}
.track__sectors{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}
.sector-card{position:relative;padding:34px 30px;border:1px solid var(--line-2);background:var(--ink);overflow:hidden}
.sector-card__s{position:absolute;top:-10px;left:16px;font-family:var(--f-n);font-weight:900;font-size:120px;line-height:1;color:transparent;-webkit-text-stroke:1.5px rgba(255,154,31,.4)}
.sector-card>.mono{color:var(--amber)}
.sector-card h3{font-family:var(--f-d);font-size:26px;margin:8px 0 18px}
.sector-card li{padding:10px 0;border-top:1px solid var(--line);color:#cfcac2}
.sector-card:nth-child(1){border-top:4px solid #ffd400}
.sector-card:nth-child(2){border-top:4px solid var(--amber)}
.sector-card:nth-child(3){border-top:4px solid #b06cff}
@media (max-width:860px){.track__sectors{grid-template-columns:1fr}.track__line{display:none}}

/* ================= ORGANIZER ================= */
.mig{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(40px,7vw,120px);align-items:center}
.mig__mark{display:flex;flex-direction:column;align-items:flex-start}
.mig__mark span{font-family:var(--f-n);font-weight:900;font-size:clamp(130px,17vw,280px);line-height:.85;letter-spacing:-.02em;color:var(--paper-ink)}
.mig__mark em{font-style:normal;color:var(--amber-deep)}
.mig__mark small{color:var(--paper-mute);margin-top:14px}
.mig__copy .h-xl{margin-bottom:24px}
.mig__lead{font-family:var(--f-s);font-size:clamp(20px,1.8vw,27px);line-height:1.85;margin-bottom:22px}
.mig__copy p:not(.mig__lead):not(.eyebrow){color:#3d362c}
@media (max-width:960px){.mig{grid-template-columns:1fr}}
.ledger{border-top:1px solid var(--line-2)}
.ledger li{display:grid;grid-template-columns:60px minmax(200px,1fr) 1.5fr;gap:24px;align-items:center;padding:22px 4px;border-bottom:1px solid var(--line-2);transition:padding .6s var(--ease),background .4s}
.ledger .mono{color:var(--dim)}
.ledger b{font-family:var(--f-n);font-weight:800;font-size:clamp(26px,2.8vw,44px);letter-spacing:.01em;line-height:1;text-transform:uppercase;transition:color .4s}
.ledger p{color:var(--muted)}
.ledger li:hover{padding-inline:20px;background:rgba(255,255,255,.02)}
.ledger li:hover b{color:var(--amber)}
.ledger li.is-current{background:linear-gradient(90deg,transparent,rgba(255,154,31,.12));border-bottom-color:var(--amber)}
.ledger li.is-current b,.ledger li.is-current .mono{color:var(--amber)}
@media (max-width:760px){.ledger li{grid-template-columns:40px 1fr}.ledger p{grid-column:2}}
.org-cols{display:grid;grid-template-columns:1fr 1.2fr;gap:clamp(40px,7vw,110px)}
.org-cols .h-lg{margin-bottom:24px}
.net{display:flex;flex-wrap:wrap;gap:8px}
.net li{padding:10px 16px;border:1px solid var(--line-2);background:var(--asphalt);font-size:15px}
.principles{margin-top:24px;border-top:1px solid var(--line-2)}
.principles div{display:grid;grid-template-columns:120px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}
.principles dt{font-family:var(--f-d);font-weight:700;color:var(--amber)}
.principles dd{color:#cfcac2}
@media (max-width:960px){.org-cols{grid-template-columns:1fr}}
.tally{display:grid;grid-template-columns:repeat(5,1fr);margin-top:60px;border-block:1px solid var(--line-2)}
.tally div{padding:30px 20px;border-inline-start:1px solid var(--line);text-align:center}
.tally div:first-child{border:0}
.tally b{display:block;font-family:var(--f-d);font-weight:700;font-size:clamp(26px,2.6vw,40px);color:var(--amber);line-height:1.3}
.tally b[dir]{font-family:var(--f-n);font-weight:900;font-size:clamp(40px,4vw,60px)}
.tally span{color:var(--muted);font-size:14px}
@media (max-width:860px){.tally{grid-template-columns:1fr 1fr}.tally div{border:0;border-bottom:1px solid var(--line)}}

/* ================= CONTACT ================= */
.ticket{display:grid;grid-template-columns:1fr 280px;background:var(--amber);color:#120900;margin-bottom:70px;position:relative}
.ticket::before,.ticket::after{content:"";position:absolute;left:280px;width:30px;height:30px;border-radius:50%;background:var(--asphalt);translate:-50% 0}
.ticket::before{top:-15px}.ticket::after{bottom:-15px}
.ticket__main{padding:clamp(28px,4vw,50px)}
.ticket__main>.mono{opacity:.7}
.ticket__main h2{font-family:var(--f-n);font-weight:900;font-size:clamp(56px,8vw,130px);line-height:1;margin:14px 0 30px;direction:ltr;text-align:right}
.ticket__main h2 small{font-family:var(--f-d);font-size:.32em;font-weight:700}
.ticket__rows{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;border-top:2px solid #120900;padding-top:20px}
.ticket__rows .mono{display:block;opacity:.65;font-size:10px}
.ticket__rows b{display:block;font-family:var(--f-d);font-size:18px}
.ticket__rows small{font-size:13px;opacity:.8}
.ticket__stub{border-inline-start:2px dashed rgba(18,9,0,.45);padding:30px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center}
.ticket__qr{position:relative;width:170px;padding:12px;background:#fff;overflow:hidden}
.ticket__qr i{position:absolute;inset-inline:0;top:0;height:3px;background:var(--amber);box-shadow:0 0 12px 3px rgba(255,154,31,.7);animation:scan 2.4s ease-in-out infinite}
@keyframes scan{50%{top:calc(100% - 3px)}}
.ticket__stub small{font-size:12.5px;opacity:.8}
@media (max-width:860px){.ticket{grid-template-columns:1fr}.ticket::before,.ticket::after{display:none}.ticket__stub{order:0;border:0;border-top:2px dashed rgba(18,9,0,.45)}.ticket__rows{grid-template-columns:1fr}}
.contact-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(30px,5vw,70px);align-items:start}
.channels{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.channel{display:flex;flex-direction:column;gap:4px;padding:24px;border:1px solid var(--line-2);transition:border-color .4s,background .4s}
.channel .i{color:var(--amber);width:28px;height:28px;margin-bottom:14px}
.channel .mono{color:var(--dim);font-size:10px}
.channel b{font-family:var(--f-d);font-size:16px;word-break:break-word}
.channel:hover{border-color:var(--amber);background:rgba(255,154,31,.05)}
.infos{grid-column:1/-1;margin-top:18px;border-top:1px solid var(--line-2)}
.info{display:flex;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}
.info .i{color:var(--amber);width:30px;height:30px;margin-top:4px}
.info h3{font-family:var(--f-d);font-size:18px}
.info p{color:var(--muted);font-size:14.5px}
.form{position:sticky;top:140px;padding:clamp(26px,3.5vw,44px);--hb:var(--ink)}
.form>.mono{color:var(--amber)}
.form h3{font-family:var(--f-d);font-size:clamp(22px,2vw,30px);margin:8px 0 22px}
.choice{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.choice label{cursor:pointer}
.choice input{position:absolute;opacity:0;pointer-events:none}
.choice span{display:block;padding:9px 16px;border:1px solid var(--line-2);font-size:14px;transition:all .3s}
.choice input:checked+span{background:var(--amber);color:#120900;border-color:var(--amber);font-weight:500}
.choice input:focus-visible+span{outline:2px solid var(--amber);outline-offset:2px}
.field{position:relative;margin-bottom:14px}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field input,.field textarea{width:100%;padding:24px 16px 10px;border:0;border-bottom:1px solid var(--line-2);background:rgba(255,255,255,.025);color:var(--txt);font:inherit;font-size:15px;outline:none;resize:vertical;transition:border-color .3s,background .3s}
.field label{position:absolute;right:16px;top:17px;color:var(--muted);font-size:15px;pointer-events:none;transition:all .3s var(--ease)}
.field input:focus,.field textarea:focus{border-color:var(--amber);background:rgba(255,154,31,.05)}
.field input:focus+label,.field input:not(:placeholder-shown)+label,.field textarea:focus+label,.field textarea:not(:placeholder-shown)+label{top:6px;font-size:11px;color:var(--amber)}
.field.is-err input{border-color:#ff5a4f}
.form .btn{margin-top:10px}
.form__note{margin-top:14px;color:var(--dim);font-size:13px}
.form__ok{margin-top:14px;padding:14px;border:1px solid rgba(80,220,140,.35);color:#8ff0b5;font-size:14px}
@media (max-width:1000px){.contact-grid{grid-template-columns:1fr}.form{position:relative;top:0}}
@media (max-width:520px){.channels,.field-row{grid-template-columns:1fr}}
.mapbox{position:relative;height:clamp(340px,45vw,520px);border-block:1px solid var(--line)}
.mapbox iframe{width:100%;height:100%;border:0;filter:grayscale(1) invert(.92) contrast(.9) sepia(.25) hue-rotate(-10deg)}
.mapbox__tag{position:absolute;top:30px;right:var(--pad);padding:18px 24px;--hb:rgba(10,10,11,.88);backdrop-filter:blur(8px)}
.mapbox__tag .mono{color:var(--amber);display:block}
.mapbox__tag b{font-family:var(--f-d);font-size:20px}

/* ================= FOOTER ================= */
.footer{position:relative;background:#050506;border-top:1px solid var(--line);overflow:hidden}
.footer__cta{background:linear-gradient(120deg,#1e1206,#050506 60%);border-bottom:1px solid var(--line)}
.footer__cta-in{padding-block:clamp(80px,10vw,140px)}
.footer__cta-title{font-family:var(--f-d);font-weight:700;font-size:clamp(32px,5vw,78px);line-height:1.25;max-width:20ch}
.footer__cta-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:40px}
.footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px;padding-block:80px 40px}
.footer__brand img{width:200px;margin-bottom:20px}
.footer__brand p{color:var(--muted);font-size:14px;max-width:36ch}
.footer__col h3{color:var(--amber);margin-bottom:18px}
.footer__col a{display:block;color:var(--muted);margin-bottom:10px;font-size:15px;transition:color .3s}
.footer__col a:hover{color:var(--txt)}
.socials{display:flex;gap:6px;margin-top:16px;justify-content:flex-end}
.socials a{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line-2);font-family:var(--f-n);font-weight:800;font-size:13px;color:var(--txt);margin:0;transition:all .3s}
.socials a:hover{background:var(--amber);color:#120900;border-color:var(--amber)}
.footer__giant{display:flex;justify-content:center;gap:.25em;font-family:var(--f-n);font-weight:900;font-size:clamp(60px,13vw,230px);line-height:.85;letter-spacing:-.01em;white-space:nowrap;padding-block:20px;color:#1a1a1d}
.footer__giant .amber-o{color:transparent;-webkit-text-stroke:2px var(--amber)}
.footer__base{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;padding-block:24px;border-top:1px solid var(--line);font-size:13px;color:var(--dim)}
.footer__base b{color:var(--muted);font-weight:500}
@media (max-width:900px){.footer__grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.footer__grid{grid-template-columns:1fr}}
.wa{position:fixed;bottom:22px;left:22px;z-index:var(--z-float);width:56px;height:56px;display:grid;place-items:center;background:#25D366;color:#fff;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);transition:transform .4s var(--ease)}
.wa .i{width:26px;height:26px}
.wa:hover{transform:translateY(-4px)}

/* ================= reduced motion ================= */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .js [data-in]{opacity:1;translate:none}
  [data-scrub] .sw{opacity:1}
  .grain{display:none}
  .wipe{display:none}
}

/* ---------- display sizes: Cadillac Bold ---------- */
.h-xl,.h-lg,.h-md,.page-hero__title,.chapter__t,.statement__text,.roster b,.next__t,.shift h3,.menu-link-ar,.footer__cta-title,.sx__body h2,.damascus__word,.value__glyph,.ambition,.rung__name,.fazaa__seal b,.diff__row h3,.lab__cell h3,.tile b,.option h3,.trio__item h3,.sector-card h3,.feature h3,.callout h3,.fazaa__copy h3,.letter__aside .h-lg{font-family:var(--f-x);letter-spacing:0}
.h-xl,.page-hero__title,.chapter__t,.next__t,.shift h3,.menu-link-ar,.footer__cta-title{font-weight:800}
.h-xl{line-height:1.3}
.page-hero__title{line-height:1.2}
.statement__text,.ambition{font-weight:700;line-height:1.7}
.roster b,.sx__body h2{font-weight:700}
.value__glyph{font-weight:900}
/* english-only eyebrows read LTR */
.eyebrow{direction:ltr;justify-content:flex-end}
.head--center .eyebrow{justify-content:center}
.btn,.nav-link-ar{font-family:var(--f-d);font-weight:500}


/* =====================================================================
   POLISH PASS
   ===================================================================== */
/* telemetry tag: one consistent bilingual label system */
.eyebrow{gap:12px;font-size:10.5px;letter-spacing:.18em}
.eyebrow::before{content:"";width:8px;height:8px;background:var(--amber);flex-shrink:0;order:2}
.eyebrow::after{content:"";width:36px;height:1px;background:linear-gradient(270deg,var(--amber),transparent);order:3}
.head--center .eyebrow::after{display:none}
.stage .eyebrow::before,.stage .eyebrow::after{display:none}
.paper .eyebrow::before{background:var(--amber-deep)}
.paper .eyebrow::after{background:linear-gradient(270deg,var(--amber-deep),transparent)}

/* prose rhythm */
p,li,dd{text-wrap:pretty}
.h-lg,.h-md,.h-xl,.footer__cta-title,.shift h3{text-wrap:balance}
.lead{line-height:2}
.head--row .lead{padding-bottom:.4em}
.sec + .sec--tight{padding-top:clamp(20px,3vw,48px)}
.pull blockquote{font-size:clamp(24px,2.9vw,44px);line-height:1.75}

/* numbers: centred odometer digits */
.odo__d span{text-align:center}

/* press + focus parity for every hover-driven element */
.btn:active{transform:scale(.97)}
.chapter:focus-visible{color:#120900;padding-inline:24px;outline:none}
.chapter:focus-visible::before{transform:scaleY(1)}
.chapter:focus-visible .chapter__n,.chapter:focus-visible .chapter__d{color:#120900}
.tile:focus-visible{border-color:var(--amber);transform:translateY(-8px);outline:none}
.tile:focus-visible::after{transform:scaleX(1)}
.next:focus-visible{outline:none;color:#120900}
.next:focus-visible::before{transform:none}
.next:focus-visible .next__k,.next:focus-visible .next__d{color:#120900}
.swatch:focus-visible{transform:translateX(-14px);background-position:100% 0;outline-offset:4px}
.ex-btn:focus-visible,.tab:focus-visible,.rung__head:focus-visible,.burger:focus-visible{outline:2px solid var(--amber);outline-offset:-2px}
.channel:focus-visible{border-color:var(--amber)}
.ex-btn:active,.tab:active,.rung__head:active{transform:scale(.995)}

/* tabular figures wherever numbers align */
.reasons li::before,.diff__n,.because li::before,.tally b,.count b{font-variant-numeric:tabular-nums}

/* clearer current page in the nav */
.nav-link[aria-current] .nav-link-ar{color:var(--amber)}

/* ladder: open tier glows in its own metal */
.rung.is-open{box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 30px 60px -40px var(--mc,#fff)}

/* explorer art: metal sheen when switching sector */
.sx.is-on .sx__art::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(100deg,transparent 30%,rgba(255,200,120,.14) 50%,transparent 70%);transform:translateX(100%);animation:sheen 1.1s var(--ease) forwards}
@keyframes sheen{to{transform:translateX(-100%)}}

/* brand scrollbar */
html{scrollbar-color:#2a2a30 var(--asphalt)}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:var(--asphalt)}
::-webkit-scrollbar-thumb{background:#2a2a30;border:2px solid var(--asphalt)}
::-webkit-scrollbar-thumb:hover{background:var(--amber-deep)}

/* mobile refinements */
@media (max-width:760px){
  .sec{padding-block:clamp(72px,16vw,110px)}
  .head{margin-bottom:44px}
  .page-hero{min-height:70svh;padding-bottom:50px}
  .page-hero__num{font-size:clamp(130px,42vw,200px);opacity:.6}
  .readout{margin-top:30px}
  .tile{width:250px;height:320px}
  .tile__i{width:96px;height:96px}
  .pull blockquote{font-size:clamp(22px,6.4vw,30px)}
  .statement__text{font-size:clamp(22px,6vw,30px)}
  .footer__giant{font-size:clamp(44px,14vw,90px)}
}
@media print{.wipe,.grain,.cursor,.telemetry,.wa,.liquid{display:none!important}.js [data-in]{opacity:1;translate:none}}

/* =====================================================================
   TECHNICAL PASS: contrast · touch targets · legibility · overflow
   ===================================================================== */
/* contrast on cream paper: burnt orange darkened to >= 4.5:1 */
:root{--amber-ink:#9A4600}
.paper .eyebrow,.letter__card span,.letter__basmala,.mig__mark em{color:var(--amber-ink)}
.paper .eyebrow::before{background:var(--amber-ink)}
.letter__mono{color:var(--amber-ink)}
/* scroll-lit words stay readable at rest */
[data-scrub] .sw{opacity:.32}

/* list item with inline emphasis: one flow, not anonymous grid cells */
.because li{display:block;position:relative;padding-inline-start:50px}
.because li::before{position:absolute;inset-inline-start:0;top:.55em;padding:0}

/* fazaa seal word fits its disc */
.fazaa__seal b{font-size:clamp(28px,2.6vw,40px);padding:0;width:64%}

/* gauge readout sits above the 0 / 10K labels */
.gauge__read{bottom:27%}
.gauge__read b{font-size:clamp(40px,4.2vw,64px)}

/* touch targets >= 44px */
.footer__col a{display:flex;align-items:center;min-height:44px;margin-bottom:0}
.crumbs a{display:inline-flex;align-items:center;min-height:44px;padding-inline:4px}
.page-hero__toc a{display:inline-flex;align-items:center;min-height:44px}
.link-arrow{min-height:44px}

/* minimum legible sizes for labels */
.brand__type small{font-size:9.5px}
.tab .mono,.rung__lvl{font-size:10.5px}
@media (max-width:760px){
  .mono{font-size:11.5px}
  .eyebrow{font-size:11.5px}
  .brand__type small{font-size:10px}
  .brand__type b{font-size:11.5px}
  .tab .mono,.rung__lvl,.option>.mono,.channel .mono,.readout__cell .mono,.factor .mono,.bar .mono,.radar__legend{font-size:11px}
  .telemetry{font-size:11px}
}

/* ---------- booking path additions ---------- */
.telemetry__live{color:var(--amber)}
.telemetry__live i{background:var(--amber)}
.form__tier{display:flex;align-items:center;gap:12px;margin:-8px 0 18px;padding:12px 16px;border:1px solid rgba(255,154,31,.45);background:rgba(255,154,31,.08)}
.form__tier .mono{color:var(--amber);font-size:10.5px}
.form__tier b{font-family:var(--f-x);font-size:18px}
.field__err{display:block;margin-top:6px;color:#ff8a80;font-size:13px}
.field.is-err label{color:#ff8a80}
.form__wa{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;margin-top:10px;border:1px solid rgba(37,211,102,.35);color:#86efac;font-size:14.5px;transition:background .3s,border-color .3s}
.form__wa:hover,.form__wa:focus-visible{background:rgba(37,211,102,.08);border-color:#25D366}
.form__wa .i{width:20px;height:20px}
.next-steps{counter-reset:ns;margin-top:22px;padding-top:18px;border-top:1px dashed var(--line-2);display:grid;gap:14px}
.next-steps li{counter-increment:ns;display:grid;grid-template-columns:34px 1fr;column-gap:12px}
.next-steps li::before{content:counter(ns);grid-row:span 2;width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--amber);color:var(--amber);font-family:var(--f-n);font-weight:800;font-size:15px}
.next-steps b{font-family:var(--f-d);font-weight:600;font-size:15px}
.next-steps span{color:var(--muted);font-size:13.5px;line-height:1.7}
.brochure-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 18px;margin-top:44px;padding:22px;border:1px dashed var(--line-2)}
.brochure-cta>span{color:var(--muted);font-size:15px;flex-basis:100%;text-align:center}
@media (min-width:900px){.brochure-cta>span{flex-basis:auto;margin-inline-end:auto;text-align:start}}

/* Until the display/body faces are loaded, keep the page laid out but unpainted
   under the wipe, so the font swap never registers as a visible layout shift.
   Self-heals after 3s if JS never runs. */
.fonts-pending .header,.fonts-pending main,.fonts-pending .telemetry{visibility:hidden;animation:fontsFallback 0s 3s forwards}
@keyframes fontsFallback{to{visibility:visible}}
.form__tier[hidden]{display:none}
/* floating WhatsApp: smaller on phones, and not duplicated on the contact page (form + channels already offer it) */
body[data-page="contact"] .wa{display:none}
@media (max-width:760px){.wa{width:48px;height:48px;bottom:14px;left:14px}.wa .i{width:22px;height:22px}main{padding-bottom:8px}}

.form__ok.is-warn{border-color:rgba(255,154,31,.45);color:var(--amber-hot)}
button[aria-busy="true"]{opacity:.7;cursor:progress}
.hp{position:absolute!important;inset-inline-start:0;top:0;width:1px;height:1px;margin:0;padding:0;border:0;opacity:0;overflow:hidden;clip-path:inset(50%);pointer-events:none}

/* ---------- FAQ (also feeds FAQPage structured data) ---------- */
.faq{display:grid;grid-template-columns:1fr 1.6fr;gap:clamp(30px,6vw,100px);align-items:start}
.faq__head{position:sticky;top:140px}
.faq__head .lead{margin-top:20px}
.faq__list{border-top:1px solid var(--line-2)}
.faq__item{border-bottom:1px solid var(--line-2)}
.faq__q{display:flex;align-items:center;gap:18px;min-height:64px;padding:16px 0;cursor:pointer;list-style:none;font-family:var(--f-x);font-weight:700;font-size:clamp(17px,1.4vw,21px);line-height:1.5;transition:color .3s}
.faq__q::-webkit-details-marker{display:none}
.faq__q::after{content:"";flex-shrink:0;margin-inline-start:auto;width:14px;height:14px;background:linear-gradient(var(--amber),var(--amber)) center/100% 2px no-repeat,linear-gradient(var(--amber),var(--amber)) center/2px 100% no-repeat;transition:transform .4s var(--ease)}
.faq__item[open] .faq__q::after{transform:rotate(45deg)}
.faq__q:hover,.faq__item[open] .faq__q{color:var(--amber-hot)}
.faq__a{padding:0 0 22px;color:#cfcac2;max-width:68ch;line-height:1.95}
@media (max-width:960px){.faq{grid-template-columns:1fr}.faq__head{position:static}}
.footer__en{margin-top:14px;font-size:13px;line-height:1.7;color:var(--dim);max-width:46ch;text-align:left}

/* ---------- international phone field ---------- */
.field--phone{grid-column:1/-1}
.phone{display:flex;gap:8px;align-items:stretch}
.phone__code{flex:0 0 150px;min-width:0;padding:0 12px;border:0;border-bottom:1px solid var(--line-2);background:rgba(255,255,255,.025);color:var(--txt);font:inherit;font-size:14.5px;font-variant-numeric:tabular-nums;cursor:pointer;outline:none;transition:border-color .3s,background .3s}
.phone__code:hover{background:rgba(255,255,255,.05)}
.phone__code:focus,.phone__code:focus-visible{border-color:var(--amber);background:rgba(255,154,31,.05);outline:none}
.phone__code option,.phone__code optgroup{background:#111;color:var(--txt)}
.phone__num{position:relative;flex:1;min-width:0}
.field--phone.is-err .phone__num input{border-color:#ff5a4f}
@media (max-width:520px){.phone__code{flex-basis:118px;font-size:13.5px;padding:0 8px}}

/* ---------- back to top (frame fills with page progress) ---------- */
.totop{position:fixed;bottom:22px;inset-inline-start:22px;z-index:var(--z-float);width:56px;height:56px;display:grid;place-items:center;color:var(--txt);background:#121214;clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%);opacity:0;translate:0 18px;pointer-events:none;transition:opacity .35s var(--ease),translate .5s var(--ease),background .25s,color .25s}
.totop.is-on{opacity:1;translate:none;pointer-events:auto}
.totop .i{position:relative;width:22px;height:22px;transition:transform .35s var(--ease)}
.totop__frame{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.totop__frame polygon{fill:none;stroke-width:2;stroke-linejoin:round}
.totop__track{stroke:var(--line-2)}
.totop__prog{stroke:var(--amber);stroke-dasharray:100;stroke-dashoffset:100}
.totop:hover,.totop:focus-visible{background:var(--amber);color:#120900;outline:none}
.totop:hover .i,.totop:focus-visible .i{transform:translateY(-3px)}
.totop:hover .totop__prog,.totop:focus-visible .totop__prog{stroke:#120900}
.totop:active{scale:.94}
@media (max-width:760px){.totop{width:48px;height:48px;bottom:14px;inset-inline-start:14px}}
@media print{.totop{display:none}}
.field-row:has(.field--phone){grid-template-columns:1fr}

/* =====================================================================
   MOBILE PASS: every section composed for a 360–430px handset
   ===================================================================== */
/* footer: social chips centred, LTR contact lines sit on the RTL edge */
.footer__col .socials a{display:grid;place-items:center;min-height:0;width:44px;height:44px;padding:0}
.footer__col a[dir="ltr"]{justify-content:flex-end}

@media (max-width:760px){
  /* telemetry: date + live countdown only, edge to edge */
  .telemetry{justify-content:space-between;gap:12px;padding-inline:16px;font-size:10px;letter-spacing:.04em}
  .telemetry>.telemetry__live,.telemetry>span:nth-child(2),.telemetry__sep{display:none}
  .telemetry>span:nth-child(4){display:block!important}

  /* section rhythm */
  .sec{padding-block:68px}
  .sec--tight{padding-block:48px}
  .head{margin-bottom:34px}
  .lead{font-size:15.5px;line-height:1.95}
  .h-xl{font-size:clamp(30px,8.6vw,40px)}
  .h-lg{font-size:clamp(26px,7.4vw,34px)}
  .h-md{font-size:clamp(20px,5.8vw,25px)}
  .page-hero__title{font-size:clamp(38px,11vw,54px)}

  /* eyebrows: marker + label on one line, long labels wrap cleanly */
  .eyebrow{flex-wrap:wrap;row-gap:4px;line-height:1.7}
  .eyebrow::after{display:none}
  .eyebrow>span[dir="ltr"]{display:none}

  /* pull quotes: tighter lead-in */
  .pull{padding-block:10px}
  .pull::before{height:44px;margin-bottom:22px}
  .pull--inline{padding-block:40px 0}

  /* hero readout: two clean rows + countdown */
  .readout__cell{padding:16px 14px 6px}
  .readout__cell:nth-child(odd){padding-inline-start:0;border-inline-start:0}

  /* cards that kept desktop heights */
  .feature{min-height:0;padding:24px 20px;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:14px;row-gap:8px}
  .feature .i{margin:0;width:30px;height:30px}
  .feature p{grid-column:1/-1}
  .feature .mono{top:18px;left:18px}
  .lab__cell{min-height:0;padding:26px 22px}
  .lab__top{margin-bottom:6px}
  .trio__item{min-height:0;padding:26px 22px}
  .option{padding:22px 20px}

  /* lists inside framed boxes: hairline rows, not boxes in boxes */
  .checks{gap:0;border-top:1px solid var(--line)}
  .checks li{border:0;border-bottom:1px solid var(--line);padding:14px 2px;font-size:15px}
  .checks li:hover{transform:none}

  /* exhibit: benefit chips in two columns */
  .benefits__grid{grid-template-columns:1fr 1fr;gap:8px}
  .benefits__grid>span{flex-direction:column;align-items:flex-start;gap:10px;padding:16px 14px;font-size:14.5px;line-height:1.5}
  .benefits__grid .i{width:22px;height:22px}

  /* exhibit: audience roster, english tag under the arabic name */
  .roster li{grid-template-columns:34px 1fr;row-gap:2px;padding:16px 2px}
  .roster li .mono{grid-row:span 2;align-self:start;padding-top:8px}
  .roster b{font-size:21px}
  .roster i{font-size:11px;letter-spacing:.14em}
  .roster li:hover{padding-inline:2px}

  /* opportunity: factor label above the title */
  .factor{grid-template-columns:1fr;row-gap:4px;padding:18px 0}
  .factor .mono{grid-row:auto;padding:0}
  /* opportunity: market bars become compact horizontal rows */
  .bar{display:grid;grid-template-columns:64px 1fr;column-gap:18px;row-gap:4px;padding:20px 18px}
  .bar__col{grid-row:1/span 4;height:auto;min-height:120px;margin:0;justify-content:center}
  .bar__col i{width:30px}
  .dam-cards{margin-top:36px;gap:10px}
  .dam-card{padding:22px 20px}

  /* sectors: compact art band + chip lists instead of 800px blocks */
  .explorer__stage{gap:44px}
  .sx+.sx{padding-top:44px;border-top:1px solid var(--line)}
  .sx__art{height:130px;padding-inline:24px}
  .sx__art .i{width:76px;height:76px;stroke-width:.9}
  .sx__n{font-size:118px;left:16px;bottom:-18px}
  .sx__body{padding-top:22px}
  .sx__body h2{font-size:clamp(23px,6.6vw,30px);margin:6px 0 18px}
  .sx__body ul{display:flex;flex-wrap:wrap;gap:8px;border:0}
  .sx__body li{padding:9px 12px;border:1px solid var(--line-2);background:rgba(255,255,255,.02);font-size:14px;line-height:1.5;gap:8px}
  .sx__body li::before{width:6px;height:6px}

  /* home: chapter index rows */
  .chapter{padding:22px 2px;gap:14px}
  .chapter:hover{padding-inline:2px}

  /* contact: channel rows */
  .channels{grid-template-columns:1fr;gap:10px}
  .channel{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:16px;row-gap:2px;padding:18px 20px}
  .channel .i{grid-row:span 2;margin:0;width:26px;height:26px}

  /* footer: two link columns side by side, compact brand */
  .footer__cta-actions .btn{flex:1 1 100%}
  .footer__grid{grid-template-columns:1fr 1fr;gap:34px 20px;padding-block:56px 24px}
  .footer__brand,.footer__col:last-child{grid-column:1/-1}
  .footer__brand img{width:140px}
  .footer__brand p{max-width:none}
  .footer__col h3{margin-bottom:8px}
  .footer__col a{min-height:42px;font-size:14.5px}
  .footer__col:last-child{display:grid;grid-template-columns:1fr;border-top:1px solid var(--line);padding-top:24px}
  .socials{justify-content:flex-start;flex-wrap:wrap}
  .footer__base{flex-direction:column;align-items:flex-start;gap:8px;padding-bottom:96px}
}
@media (max-width:380px){
  .telemetry{font-size:9.5px;letter-spacing:0;padding-inline:12px}
  .benefits__grid{grid-template-columns:1fr}
}
@media (max-width:760px){
  .trio__item{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:14px;row-gap:8px}
  .trio__item .i{margin:0;width:30px;height:30px}
  .trio__item p{grid-column:1/-1}
  .wa{width:48px;height:48px;bottom:14px;left:14px}
  .wa .i{width:22px;height:22px}
}
@media (max-width:760px){.channel .mono,.channel b{text-align:right}}
/* mobile menu: event facts under the links instead of hiding them */
@media (max-width:900px){
  .menu__grid{gap:28px;padding-bottom:32px}
  .menu__aside{display:block;align-self:start}
  .menu__logo{display:none}
  .menu__facts div{grid-template-columns:76px 1fr;padding:9px 0;font-size:14px}
  .menu__facts dt{font-size:10px;padding-top:3px}
  .menu__facts dd[dir="ltr"]{text-align:right}
}
/* exhibit features: the closing card fills the last slot so no empty grid cell shows */
.features>.feature--lg:last-child{grid-column:auto}