/* =====================================================================
   MyAwaaz — Case Study (Part II: The Dashboard)
   Clean rebuild matching the dark "Warm" homepage language:
   Goga editorial sans · warm peach accents · glassy UI · Lenis scroll.
   ===================================================================== */

@font-face{font-family:Goga;src:url('../warm/fonts/Goga-Regular.otf') format("opentype");font-weight:400;font-style:normal;font-display:swap;}
@font-face{font-family:Goga;src:url('../warm/fonts/Goga-Medium.otf') format("opentype");font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:Goga;src:url('../warm/fonts/Goga-SemiBold.otf') format("opentype");font-weight:600;font-style:normal;font-display:swap;}

:root{
  --bg:#0c0a08;
  --bg-2:#100d0b;
  --bg-3:#15131a;
  --surface:#141009;
  --grey:#b6ada5;
  --grey-dim:#8c847c;
  --peach:#ffbc95;
  --peach-2:#f99e76;
  --cream:#f4ece2;
  --blue:#5b74ff;
  --line:rgba(244,236,226,.10);
  --line-2:rgba(244,236,226,.16);
  --glass:rgba(28,22,17,.42);
  --glass-2:rgba(40,31,24,.55);
  --ease:cubic-bezier(.625,.05,0,1);
  --pad:clamp(20px,4.5vw,86px);
}

*{box-sizing:border-box;}
html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
html,body{margin:0;padding:0;background:var(--bg);}
body{
  font-family:Goga,Arial,sans-serif;color:var(--grey);
  overflow-x:hidden;line-height:1.45;letter-spacing:.01em;
  cursor:none;
}
@media (max-width:900px){ body{cursor:auto;} }
img{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}
::selection{background:var(--peach);color:#23150d;}
h1,h2,h3,h4,p{margin:0;text-wrap:pretty;}

/* page grain / warm ambient + top edge glow ----------------------------- */
.amb{position:fixed;inset:0;z-index:0;pointer-events:none;}
.amb::before{content:"";position:absolute;inset:0;
  background:
    radial-gradient(60% 40% at 50% -8%,rgba(255,178,134,.16),transparent 70%),
    radial-gradient(40% 35% at 100% 8%,rgba(91,116,255,.10),transparent 72%);
}
.top-glow{position:fixed;inset:0;z-index:60;pointer-events:none;
  box-shadow:inset 0 2px 44px rgba(255,178,134,.30), inset 0 2px 170px 12px rgba(255,114,67,.18);}

/* custom cursor --------------------------------------------------------- */
.cursor{position:fixed;top:0;left:0;z-index:300;pointer-events:none;
  width:12px;height:12px;border-radius:50%;background:var(--peach);
  transform:translate(-50%,-50%);mix-blend-mode:difference;
  transition:width .3s var(--ease),height .3s var(--ease),background .3s;}
.cursor::before{content:"";position:absolute;left:50%;top:50%;width:74px;height:74px;border-radius:50%;transform:translate(-50%,-50%) scale(.25);opacity:0;background:rgba(255,188,149,.16);border:1px solid rgba(255,188,149,.5);transition:opacity .3s var(--ease),transform .3s var(--ease);pointer-events:none;}
.cursor.big::before{opacity:1;transform:translate(-50%,-50%) scale(1);}
.cursor.big.has-label{background:transparent;}
.cursor .clabel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;white-space:nowrap;z-index:2;
  font-size:11px;font-weight:600;color:var(--peach);opacity:0;letter-spacing:.04em;}
.cursor.big .clabel{opacity:1;}
@media (max-width:900px){ .cursor{display:none;} }

/* ===================== NAV ===================== */
.nav{position:fixed;top:0;left:0;width:100%;z-index:120;
  display:flex;align-items:center;justify-content:space-between;
  padding:18px var(--pad);}
.nav .brand{position:relative;display:flex;align-items:center;font-weight:600;font-size:1.05rem;color:var(--grey);}
.nav .brand .brand-name{display:flex;align-items:center;gap:.34rem;transition:opacity .35s var(--ease);}
.nav .brand .dot{width:.34rem;height:.34rem;border-radius:50%;background:var(--peach);}
/* circular logo placeholder — fades in past the first fold */
.nav .brand .brand-logo{position:absolute;left:0;top:50%;transform:translateY(-50%);
  width:40px;height:40px;border-radius:50%;overflow:hidden;
  border:1px solid var(--line);background:rgba(244,236,226,.05);
  opacity:0;pointer-events:none;transition:opacity .35s var(--ease);}
.nav .brand .brand-logo image-slot{display:block;width:100%;height:100%;}
.nav.nav--logo .brand-name{opacity:0;pointer-events:none;}
.nav.nav--logo .brand-logo{opacity:1;pointer-events:auto;}
.nav .links{display:flex;align-items:center;gap:.5rem;}
.nav .links a{font-size:.82rem;font-weight:600;color:var(--grey);
  padding:8px 14px;border-radius:5rem;
  background:rgba(244,236,226,.04);border:1px solid var(--line);
  -webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px);
  transition:transform .4s var(--ease),color .3s,background .3s;}
.nav .links a:hover{color:var(--cream);transform:scale(.94);background:rgba(244,236,226,.10);}
.nav .back{display:flex;align-items:center;gap:.5rem;}
.nav .back i.cl{font-style:normal;transition:color .25s linear;}
.nav .back .arr{transform:rotate(180deg);}

/* ===================== layout helpers ===================== */
.section{position:relative;z-index:1;padding:clamp(80px,11vh,150px) var(--pad);}
.eyebrow{display:inline-flex;align-items:center;gap:.6rem;font-size:.78rem;font-weight:600;
  letter-spacing:.18em;text-transform:uppercase;color:var(--peach);}
.eyebrow .ln{width:34px;height:1px;background:var(--peach);opacity:.6;}
.kicker{color:var(--grey-dim);font-size:.8rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;}
.h-sec{font-weight:600;letter-spacing:-.02em;line-height:.96;color:var(--cream);
  font-size:clamp(34px,6vw,92px);}
.h-sec .peach{color:var(--peach);}
.lead{color:var(--grey);font-size:clamp(16px,1.35vw,21px);max-width:46ch;line-height:1.55;}
.muted{color:var(--grey-dim);}

/* reveal on scroll */
.rv{opacity:0;transform:translateY(34px);
  transition:opacity 1s var(--ease),transform 1s var(--ease);will-change:opacity,transform;}
.rv.is-in{opacity:1;transform:none;}

/* ===================== glass primitive ===================== */
.glass{position:relative;border-radius:22px;
  background:linear-gradient(150deg,rgba(50,39,30,.55),rgba(18,14,11,.55));
  border:1px solid var(--line-2);
  -webkit-backdrop-filter:blur(18px) saturate(1.1);backdrop-filter:blur(18px) saturate(1.1);
  box-shadow:0 30px 70px -30px rgba(0,0,0,.7), inset 0 1px 0 rgba(255,236,222,.10);}
.glass::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:radial-gradient(80% 60% at 18% 0%,rgba(255,188,149,.10),transparent 60%);}

/* chips */
.chips{display:flex;flex-wrap:wrap;gap:10px;}
.chip{display:inline-flex;align-items:center;gap:.45rem;font-size:.8rem;font-weight:600;
  color:var(--grey);padding:8px 15px;border-radius:5rem;
  background:rgba(244,236,226,.04);border:1px solid var(--line-2);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);}
.chip .d{width:.34rem;height:.34rem;border-radius:50%;background:var(--peach-2);}
.chip.alt .d{background:var(--blue);}

/* ===================== HERO ===================== */
.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:flex-end;
  padding-bottom:clamp(40px,7vh,80px);position:relative;overflow:hidden;}
.hero .pt-badge{position:absolute;top:clamp(90px,13vh,130px);right:var(--pad);
  display:flex;align-items:center;gap:.7rem;}
.hero-art{position:absolute;inset:0;z-index:0;pointer-events:none;}
.float{position:absolute !important;will-change:transform;}
.float.c1{top:16%;right:8%;width:min(34vw,440px);}
.float.glass-card{border-radius:18px;padding:0;}
.hero-inner{position:relative;z-index:2;display:flex;flex-direction:column;gap:clamp(20px,3vh,38px);max-width:1500px;}
.hero h1{font-weight:600;letter-spacing:-.03em;line-height:.86;color:var(--peach);
  font-size:clamp(76px,19vw,290px);}
.hero h1 .glyph{display:inline-block;}
.hero .sub{display:flex;flex-wrap:wrap;gap:24px 48px;align-items:flex-end;justify-content:space-between;}
.hero .sub p{font-size:clamp(17px,1.5vw,24px);color:var(--grey);max-width:40ch;line-height:1.5;}
.scrollcue{display:flex;align-items:center;gap:.6rem;color:var(--grey-dim);font-size:.78rem;
  font-weight:600;letter-spacing:.16em;text-transform:uppercase;}
.scrollcue .bar{width:1px;height:42px;background:linear-gradient(var(--peach),transparent);
  animation:cue 1.8s var(--ease) infinite;transform-origin:top;}
@keyframes cue{0%{transform:scaleY(.2);opacity:.3;}50%{transform:scaleY(1);opacity:1;}100%{transform:scaleY(.2);opacity:.3;}}

/* ===================== image placeholders (Pixar 3D slots) ===================== */
.art-slot{position:relative;border-radius:20px;overflow:hidden;
  background:
    radial-gradient(70% 70% at 30% 22%,rgba(255,158,118,.20),transparent 70%),
    radial-gradient(60% 60% at 82% 84%,rgba(91,116,255,.16),transparent 72%),
    linear-gradient(160deg,#1d1813,#0c0a08);
  border:1px solid var(--line-2);
  box-shadow:0 40px 80px -34px rgba(0,0,0,.75), inset 0 1px 0 rgba(255,236,222,.08);}
image-slot{display:block;width:100%;height:100%;}
.art-cap{position:absolute;left:14px;bottom:12px;right:14px;z-index:3;pointer-events:none;
  display:flex;align-items:center;gap:.5rem;font-size:.72rem;font-weight:600;letter-spacing:.04em;
  color:rgba(255,224,206,.72);}
.art-cap .tag{padding:4px 9px;border-radius:6px;background:rgba(12,10,8,.6);
  border:1px solid var(--line-2);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);}

/* device / browser frame for real screenshots */
.frame{position:relative;border-radius:16px;overflow:hidden;border:1px solid var(--line-2);
  background:linear-gradient(160deg,#191510,#0c0a08);
  box-shadow:0 40px 90px -36px rgba(0,0,0,.8), inset 0 1px 0 rgba(255,236,222,.07);}
.frame .bar{display:flex;align-items:center;gap:7px;padding:11px 14px;border-bottom:1px solid var(--line);
  background:rgba(20,16,11,.7);}
.frame .bar i{width:10px;height:10px;border-radius:50%;background:#3a322b;display:block;}
.frame .bar i:nth-child(1){background:#f99e76;}
.frame .bar i:nth-child(2){background:#d9b27a;}
.frame .bar i:nth-child(3){background:#7d8a66;}
.frame .bar .url{margin-left:10px;font-size:.7rem;color:var(--grey-dim);letter-spacing:.02em;}
.shot{position:relative;width:100%;min-height:160px;background:linear-gradient(160deg,#16120d,#0c0a08);}
.shot img{width:100%;height:auto;opacity:0;transition:opacity .8s var(--ease);}
.shot img.loaded{opacity:1;}
.shot .skl{position:absolute;inset:0;display:grid;place-items:center;color:var(--grey-dim);
  font-size:.74rem;letter-spacing:.04em;}
.shot .skl::after{content:"";position:absolute;inset:0;
  background:linear-gradient(100deg,transparent,rgba(255,188,149,.06),transparent);
  background-size:200% 100%;animation:shim 1.6s linear infinite;}
@keyframes shim{0%{background-position:200% 0;}100%{background-position:-200% 0;}}
.phone{aspect-ratio:9/19;border-radius:30px;max-width:300px;}
.phone .shot{height:100%;}
.phone .shot img{height:100%;object-fit:cover;}

/* ===================== BEFORE / AFTER ===================== */
.ba-wrap{display:grid;gap:clamp(28px,4vw,60px);grid-template-columns:1fr;align-items:start;}
.compare{position:relative;border-radius:20px;overflow:hidden;border:1px solid var(--line-2);
  aspect-ratio:16/9;background:#0c0a08;cursor:ew-resize;user-select:none;touch-action:none;}
.compare .layer{position:absolute;inset:0;}
.compare .layer img{width:100%;height:100%;object-fit:cover;}
.compare .after{clip-path:inset(0 0 0 50%);}
.compare .lbl{position:absolute;top:14px;font-size:.72rem;font-weight:600;letter-spacing:.14em;
  text-transform:uppercase;padding:6px 12px;border-radius:6px;color:var(--cream);
  background:rgba(12,10,8,.62);border:1px solid var(--line-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);}
.compare .lbl.b{left:14px;color:var(--peach-2);}
.compare .lbl.a{right:14px;color:var(--peach);}
.compare .handle{position:absolute;top:0;bottom:0;left:50%;width:2px;background:var(--peach);
  transform:translateX(-1px);z-index:4;}
.compare .handle::before{content:"";position:absolute;top:50%;left:50%;width:46px;height:46px;
  transform:translate(-50%,-50%);border-radius:50%;background:rgba(12,10,8,.7);
  border:1px solid var(--peach);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);}
.compare .handle::after{content:"⟷";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  color:var(--peach);font-size:18px;z-index:1;}

/* score grid */
.scores{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.score{padding:20px 18px;border-radius:16px;}
.score .num{font-size:clamp(40px,5vw,68px);font-weight:600;line-height:1;color:var(--peach);
  letter-spacing:-.02em;display:flex;align-items:baseline;gap:.1em;}
.score .num small{font-size:.34em;color:var(--grey-dim);font-weight:600;}
.score .lab{margin-top:8px;font-size:.84rem;color:var(--grey);font-weight:600;}
.score .delta{margin-top:4px;font-size:.74rem;color:var(--grey-dim);}
.score .delta b{color:#9ec27a;}
.score.before .num{color:var(--grey-dim);}

/* two-column point lists */
.cols2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,48px);}
@media (max-width:760px){ .cols2{grid-template-columns:1fr;} }
.plist{display:flex;flex-direction:column;gap:2px;}
.plist .ph{font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  margin-bottom:14px;}
.plist.bad .ph{color:var(--peach-2);}
.plist.good .ph{color:var(--peach);}
.pitem{display:flex;gap:.7rem;padding:13px 0;border-top:1px solid var(--line);
  font-size:clamp(15px,1.15vw,18px);color:var(--grey);align-items:flex-start;}
.pitem .mk{flex:none;margin-top:.18em;width:.55rem;height:.55rem;border-radius:2px;}
.plist.bad .pitem .mk{background:var(--peach-2);transform:rotate(45deg);}
.plist.good .pitem .mk{background:var(--peach);border-radius:50%;}

/* ===================== insight cards ===================== */
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
@media (max-width:880px){ .cards3{grid-template-columns:1fr;} }
.icard{padding:26px 24px 28px;border-radius:20px;display:flex;flex-direction:column;gap:14px;min-height:230px;}
.icard .rate{display:flex;align-items:center;gap:.6rem;}
.icard .rate .bars{display:flex;gap:4px;}
.icard .rate .bars i{width:7px;height:22px;border-radius:2px;background:rgba(244,236,226,.12);}
.icard .rate .bars i.on{background:var(--peach-2);}
.icard .rate .v{font-size:.78rem;font-weight:600;color:var(--peach-2);letter-spacing:.1em;text-transform:uppercase;}
.icard h3{font-size:clamp(22px,2.1vw,30px);font-weight:600;color:var(--cream);letter-spacing:-.01em;line-height:1.04;}
.icard p{font-size:clamp(14px,1.05vw,16px);color:var(--grey);line-height:1.5;margin-top:auto;}

/* annotated screenshot */
.annot{position:relative;}
.pin{position:absolute;z-index:5;display:flex;align-items:center;gap:.5rem;
  padding:8px 13px;border-radius:10px;font-size:.78rem;font-weight:600;color:var(--cream);
  background:rgba(12,10,8,.72);border:1px solid var(--line-2);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;
  box-shadow:0 12px 30px -12px rgba(0,0,0,.7);}
.pin .dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--peach);box-shadow:0 0 0 4px rgba(255,188,149,.18);}
.pin.bad .dot{background:var(--peach-2);box-shadow:0 0 0 4px rgba(249,158,118,.18);}

/* ===================== goals (horizontal scroll) ===================== */
.hscroll{overflow:hidden;}
.htrack{display:flex;gap:22px;padding:0 var(--pad);will-change:transform;}
.goal{flex:none;width:min(78vw,420px);padding:30px 28px;border-radius:22px;
  display:flex;flex-direction:column;gap:18px;min-height:300px;}
.goal .gn{font-size:.9rem;font-weight:600;color:var(--peach);letter-spacing:.1em;}
.goal h3{font-size:clamp(22px,2vw,30px);font-weight:600;color:var(--cream);line-height:1.08;letter-spacing:-.01em;}
.goal .gline{margin-top:auto;height:1px;background:var(--line-2);}

/* ===================== carousel (explorations) ===================== */
.carousel{position:relative;}
.cviewport{overflow:hidden;border-radius:8px;}
.ctrack{display:flex;gap:20px;will-change:transform;cursor:grab;}
.ctrack:active{cursor:grabbing;}
.cslide{flex:none;width:min(64vw,640px);}
.cnav{display:flex;gap:10px;margin-top:22px;align-items:center;}
.cbtn{width:50px;height:50px;border-radius:50%;border:1px solid var(--line-2);
  background:rgba(244,236,226,.04);color:var(--peach);display:grid;place-items:center;
  cursor:none;transition:transform .4s var(--ease),background .3s;}
.cbtn:hover{background:rgba(255,188,149,.12);transform:scale(.92);}
.cbtn svg{width:18px;height:18px;}
.cprog{flex:1;height:1px;background:var(--line);position:relative;margin-left:6px;}
.cprog i{position:absolute;left:0;top:0;height:100%;background:var(--peach);width:30%;}

/* ===================== feature beats (sticky media) ===================== */
.beat{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,70px);align-items:center;}
@media (max-width:880px){ .beat{grid-template-columns:1fr;} }
.beat.flip .beat-media{order:2;}
@media (max-width:880px){ .beat.flip .beat-media{order:0;} }
.beat-copy{display:flex;flex-direction:column;gap:18px;}
.beat-copy h3{font-size:clamp(26px,3vw,46px);font-weight:600;color:var(--cream);line-height:1.02;letter-spacing:-.02em;}
.beat-copy h3 .peach{color:var(--peach);}
.beat-copy p{font-size:clamp(15px,1.15vw,18px);color:var(--grey);line-height:1.55;max-width:44ch;}
.subgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:6px;}
.minicard{padding:16px;border-radius:14px;}
.minicard .mt{font-size:.74rem;font-weight:600;color:var(--peach);letter-spacing:.08em;text-transform:uppercase;}
.minicard p{font-size:.86rem;color:var(--grey);margin-top:7px;line-height:1.4;}

/* progress / aircraft motif */
.runway{position:relative;height:64px;border-radius:14px;border:1px solid var(--line-2);
  background:linear-gradient(160deg,#1a140e,#0c0a08);overflow:hidden;display:flex;align-items:center;padding:0 16px;}
.runway .track{position:relative;flex:1;height:2px;background:repeating-linear-gradient(90deg,var(--line-2) 0 10px,transparent 10px 22px);}
.runway .plane{position:absolute;top:50%;transform:translate(-50%,-50%);font-size:22px;color:var(--peach);}
.runway .goalflag{position:absolute;right:-2px;top:50%;transform:translateY(-50%);color:var(--peach-2);font-size:16px;}

/* ===================== accordion (closing + next parts) ===================== */
.acc{border-top:1px solid var(--line);}
.acc .row{border-bottom:1px solid var(--line);}
.acc .head{display:flex;align-items:baseline;gap:1.2rem;padding:clamp(20px,2.6vw,34px) 0;cursor:none;}
.acc .head .idx{font-size:.82rem;font-weight:600;color:var(--peach);min-width:42px;letter-spacing:.08em;}
.acc .head .ttl{font-size:clamp(22px,3vw,44px);font-weight:600;color:var(--grey);
  letter-spacing:-.01em;flex:1;transition:color .4s var(--ease);}
.acc .row:hover .ttl,.acc .row.open .ttl{color:var(--cream);}
.acc .head .pm{width:34px;height:34px;border-radius:50%;border:1px solid var(--line-2);align-self:center;
  display:grid;place-items:center;color:var(--peach);flex:none;transition:transform .5s var(--ease),background .3s;}
.acc .row.open .head .pm{transform:rotate(45deg);background:rgba(255,188,149,.12);}
.acc .body{max-height:0;overflow:hidden;transition:max-height .6s var(--ease);}
.acc .body .inner{padding:0 0 30px 60px;max-width:62ch;color:var(--grey);
  font-size:clamp(15px,1.2vw,19px);line-height:1.6;}
@media (max-width:620px){ .acc .body .inner{padding-left:0;} }

/* next-parts list variant */
.parts .head .meta{font-size:.78rem;color:var(--grey-dim);font-weight:600;letter-spacing:.1em;
  text-transform:uppercase;margin-right:1rem;}

/* ===================== outcome banner ===================== */
.outcome{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(28px,4vw,64px);align-items:center;}
@media (max-width:880px){ .outcome{grid-template-columns:1fr;} }
.bigscore{display:flex;gap:clamp(16px,2.4vw,40px);flex-wrap:wrap;}
.bigscore .s{flex:1;min-width:120px;}
.bigscore .s .n{font-size:clamp(54px,8vw,120px);font-weight:600;color:var(--peach);line-height:.9;letter-spacing:-.03em;}
.bigscore .s .l{margin-top:8px;font-size:.86rem;color:var(--grey);font-weight:600;}
.bigscore .s .from{font-size:.74rem;color:var(--grey-dim);margin-top:3px;}

/* ===================== big CTA + footer ===================== */
.endcta{text-align:center;display:flex;flex-direction:column;align-items:center;gap:26px;
  padding:clamp(90px,14vh,170px) var(--pad);}
.endcta h2{font-size:clamp(42px,8vw,128px);font-weight:600;color:var(--peach);letter-spacing:-.03em;line-height:.92;}
.endcta .pill{display:inline-flex;align-items:center;gap:.8rem;padding:16px 26px;border-radius:5rem;
  border:1px solid var(--line-2);background:rgba(244,236,226,.04);font-size:1rem;font-weight:600;color:var(--cream);
  -webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px);cursor:none;transition:transform .4s var(--ease),background .3s;}
.endcta .pill:hover{transform:scale(.96);background:rgba(255,188,149,.12);}

.footer{padding:clamp(60px,8vh,110px) var(--pad) 60px;border-top:1px solid var(--line);}
.footer .ftop{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;margin-bottom:clamp(40px,7vw,90px);}
.footer .col h4{font-size:.78rem;font-weight:600;color:var(--grey-dim);letter-spacing:.1em;text-transform:uppercase;margin-bottom:16px;}
.footer .col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;}
.footer .col ul a,.footer .col ul li{font-size:.95rem;color:var(--grey);font-weight:600;}
.footer .col ul a:hover{color:var(--peach);}
.footer .fname{display:flex;align-items:baseline;justify-content:space-between;gap:20px;flex-wrap:wrap;
  border-top:1px solid var(--line);padding-top:30px;}
.footer .fname h2{font-size:clamp(46px,12vw,180px);font-weight:600;color:var(--cream);line-height:.86;letter-spacing:-.03em;}
.footer .fmeta{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:24px;color:var(--grey-dim);font-size:.86rem;font-weight:600;}
.footer .fmeta .pp{color:var(--peach);}

/* utilities */
.maxw{max-width:1500px;margin:0 auto;}
.stack{display:flex;flex-direction:column;}
.gap-s{gap:14px;}.gap-m{gap:26px;}.gap-l{gap:44px;}
.mt-s{margin-top:18px;}.mt-m{margin-top:34px;}.mt-l{margin-top:60px;}
.center{text-align:center;align-items:center;}
.wrap-head{display:flex;flex-direction:column;gap:22px;max-width:60ch;}
.row-between{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;}

/* context intro right column — lead text + 3 metric bullets (no card chrome) */
.ctx-intro{display:flex;flex-direction:column;gap:clamp(22px,3vh,34px);flex:1 1 420px;max-width:560px;}
.ctx-intro .lead{margin:0;max-width:none;}
.metric-bullets{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:clamp(16px,2vh,22px);text-align:left;}
.metric-bullets li{position:relative;display:flex;align-items:baseline;gap:14px;padding-left:22px;text-align:left;}
.metric-bullets li::before{content:"";position:absolute;left:2px;top:.6em;width:8px;height:8px;border-radius:50%;
  background:var(--peach);box-shadow:0 0 12px -2px var(--peach);}
.metric-bullets .mb-val{flex:none;font-size:clamp(24px,2.3vw,36px);font-weight:600;color:var(--peach);
  line-height:1;letter-spacing:-.01em;min-width:3.2ch;}
.metric-bullets .mb-val[data-pending]{color:var(--grey-dim);}
.metric-bullets .mb-val .pct{font-size:.55em;}
.metric-bullets .mb-lab{color:var(--grey);font-size:clamp(14px,1.05vw,16px);line-height:1.35;align-self:center;}
.metric-bullets .mb-lab em{font-style:normal;color:var(--grey-dim);}
@media (max-width:760px){ .ctx-intro{flex-basis:100%;max-width:none;} }