/* AUTUMN ADS — ABOUT US PAGE (plugin) */
/* D-DIN PRO — free DIN by Datto (SIL Open Font License 1.1) */
@font-face{font-family:"AA DIN";src:url("../fonts/D-DIN-PRO-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"AA DIN";src:url("../fonts/D-DIN-PRO-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"AA DIN";src:url("../fonts/D-DIN-PRO-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"AA DIN";src:url("../fonts/D-DIN-PRO-700.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}

/* ───────── tokens ───────── */
#aaAboutWidget, #aaFinalMobileAbout, #aaDetail, #aaExplorePopup {
  --ink:#05070b; --white:#f5f7fa; --text:rgba(236,241,248,.86); --muted:rgba(205,213,225,.66); --faint:rgba(205,213,225,.4);
  --line:rgba(255,255,255,.12); --amber:#e9a15f; --amber-soft:#f3c896;
  --din:"AA DIN","DIN Next LT Pro","DIN Pro","Barlow","Helvetica Neue",Arial,sans-serif;
  --ease:cubic-bezier(.22,.61,.36,1); --out:cubic-bezier(.16,1,.3,1); --io:cubic-bezier(.76,0,.24,1);
}
#aaAboutWidget, #aaAboutWidget *, #aaFinalMobileAbout, #aaFinalMobileAbout *, #aaDetail, #aaDetail *, #aaExplorePopup, #aaExplorePopup * { box-sizing:border-box; }
#aaAboutWidget :where(h1,h2,h3,p,span,b,strong,a,button), #aaFinalMobileAbout :where(h1,h2,h3,p,span,b,strong,a,button),
#aaDetail :where(h1,h2,h3,p,span,b,strong,a,button,div), #aaExplorePopup :where(h1,h2,h3,p,span,b,strong,a,button,div) { margin:0; padding:0; font-family:var(--din); }

/* =====================================================================
   DESKTOP
   ===================================================================== */
#aaFinalMobileAbout, #aaExplorePopup { display:none; }
#aaAboutWidget {
  position:relative !important; z-index:1 !important; isolation:isolate;
  width:100vw; max-width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); padding:0;
  height:100vh; height:100svh; overflow:hidden; background:var(--ink); color:#fff; font-family:var(--din);
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
body.aa-about-active { overflow:hidden !important; overscroll-behavior:none; }
#experience { position:absolute; inset:0; overflow:hidden; background:#000; }
.aaV { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; background:#000; opacity:0; transform:translateZ(0); backface-visibility:hidden; }
.aaV.on { opacity:1; }
.aaPoster { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.aaShade { position:absolute; inset:0; pointer-events:none; z-index:3;
  background:
    linear-gradient(90deg, rgba(4,7,12,.55) 0%, rgba(4,7,12,.18) 40%, rgba(4,7,12,0) 62%),
    linear-gradient(0deg, rgba(4,7,12,.62) 0%, rgba(4,7,12,0) 42%),
    linear-gradient(180deg, rgba(4,7,12,.38) 0%, rgba(4,7,12,0) 18%); }
.aaVignette { position:absolute; inset:0; pointer-events:none; z-index:4; box-shadow:inset 0 0 220px rgba(0,0,0,.5); }
#snow { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; z-index:6; }

/* story cards — smoked liquid glass */
.story {
  position:absolute; left:7vw; bottom:12vh; z-index:15; width:min(640px,58vw);
  padding:40px 44px 40px; border-radius:30px; color:#fff;
  background:linear-gradient(155deg, rgba(255,255,255,.11) 0%, rgba(255,255,255,.03) 32%, rgba(255,255,255,0) 60%, rgba(255,255,255,.03) 100%), rgba(9,13,21,.46);
  -webkit-backdrop-filter:blur(26px) saturate(150%) brightness(.85); backdrop-filter:blur(26px) saturate(150%) brightness(.85);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24), inset 0 0 0 1px rgba(255,255,255,.08), 0 40px 100px -40px rgba(0,0,0,.7);
  opacity:0; visibility:hidden; pointer-events:none; transform:translate3d(0,26px,0) scale(.99);
  transition:opacity .7s var(--ease), transform 1s var(--out), visibility 0s linear 1s;
}
.story::before { content:""; position:absolute; inset:0; border-radius:inherit; padding:1px; pointer-events:none;
  background:linear-gradient(135deg, rgba(255,255,255,.5), rgba(255,255,255,.08) 28%, rgba(255,255,255,.03) 60%, rgba(243,200,150,.32));
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor;
  mask:linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); }
.story.active { opacity:1; visibility:visible; pointer-events:auto; transform:none; transition:opacity .7s var(--ease) .12s, transform 1s var(--out) .12s, visibility 0s; }
.storyNumber { display:flex; align-items:center; gap:14px; padding-bottom:18px; margin-bottom:26px; border-bottom:1px solid var(--line);
  font:600 11px/1.2 var(--din) !important; letter-spacing:.32em; text-transform:uppercase; color:var(--amber-soft) !important; }
.storyNumber::before { content:""; width:26px; height:1px; background:currentColor; opacity:.8; }
.story h1 { font:700 clamp(40px,4.4vw,72px)/.92 var(--din) !important; letter-spacing:-.012em; text-transform:uppercase; color:#fff !important; white-space:nowrap; }
.story h1 .ln { display:block; overflow:hidden; padding:.04em 0 .08em; margin:-.04em 0 -.08em; }
.story h1 .ln > span { display:block; transform:translate3d(0,108%,0); transition:transform 1.1s var(--out); }
.story.active h1 .ln > span { transform:none; }
.story.active h1 .ln:nth-child(1) > span { transition-delay:.18s } .story.active h1 .ln:nth-child(2) > span { transition-delay:.25s }
.story.active h1 .ln:nth-child(3) > span { transition-delay:.32s } .story.active h1 .ln:nth-child(4) > span { transition-delay:.39s }
.storyIntro { margin-top:26px !important; max-width:46ch; font:400 clamp(15px,1.05vw,17px)/1.65 var(--din) !important; color:var(--text) !important; letter-spacing:.01em;
  opacity:0; transform:translate3d(0,14px,0); transition:opacity .8s var(--ease), transform 1s var(--out); }
.story.active .storyIntro { opacity:1; transform:none; transition-delay:.42s; }
.teamMini { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin-top:22px; opacity:0; transition:opacity .8s var(--ease); }
.story.active .teamMini { opacity:1; transition-delay:.5s; }
.teamMini span { display:flex; align-items:center; gap:9px; min-height:44px; padding:0 13px; border-radius:13px; background:rgba(255,255,255,.05);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.12); font:600 12.5px/1.1 var(--din) !important; letter-spacing:.03em; color:#fff !important; }
.teamMini span::before { content:""; width:6px; height:6px; flex:none; border-radius:50%; background:var(--amber-soft); box-shadow:0 0 0 4px rgba(243,200,150,.12); }
.detailButton {
  position:relative; overflow:hidden; isolation:isolate; cursor:pointer; -webkit-appearance:none; appearance:none; border:0;
  display:inline-flex; align-items:center; gap:18px; margin-top:30px !important; min-height:54px; padding:0 8px 0 26px !important; border-radius:999px;
  font:600 13px/1 var(--din) !important; letter-spacing:.06em; color:#fff !important; background:rgba(255,255,255,.07);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.24), inset 0 1px 0 rgba(255,255,255,.22);
  opacity:0; transform:translate3d(0,12px,0); transition:opacity .8s var(--ease), transform 1s var(--out), color .45s var(--ease), box-shadow .45s;
}
.story.active .detailButton { opacity:1; transform:none; transition-delay:.55s, .55s, 0s, 0s; }
.detailButton::before { content:""; position:absolute; inset:0; z-index:-1; border-radius:inherit; background:#fff; transform:translateY(101%); transition:transform .6s var(--out); }
.detailButton span { display:inline-grid; place-items:center; width:38px; height:38px; border-radius:50%; background:var(--amber-soft); color:#0a0d12 !important; font-size:15px !important; transition:transform .55s var(--out); }
.detailButton:hover { color:#0a0d12 !important; box-shadow:inset 0 0 0 1px #fff; }
.detailButton:hover::before { transform:none; }
.detailButton:hover span { transform:rotate(45deg); }
.detailButton:focus-visible, .navDot:focus-visible, .finalContactButton:focus-visible { outline:2px solid var(--amber-soft); outline-offset:4px; }

/* founders */
.foundersStage { position:absolute; left:calc(100% + 34px); top:50%; display:grid; grid-template-columns:repeat(2,230px); gap:16px; z-index:80;
  transform:translate3d(60px,-50%,0); opacity:0; visibility:hidden; pointer-events:none;
  transition:transform 1.1s var(--out), opacity .6s var(--ease), visibility 0s linear 1.1s; }
.story.active .foundersStage { transform:translate3d(0,-50%,0); opacity:1; visibility:visible; transition:transform 1.1s var(--out) .35s, opacity .7s var(--ease) .35s, visibility 0s; }
.story.active .founder.two { transition-delay:.12s; }
.founder { position:relative; height:300px; border-radius:24px; overflow:hidden; isolation:isolate;
  background:radial-gradient(120% 80% at 50% 0%, rgba(243,200,150,.10), transparent 60%), linear-gradient(175deg,#18202e,#0b0f17 70%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.14), inset 0 1px 0 rgba(255,255,255,.22), 0 30px 70px -30px rgba(0,0,0,.8); }
.founder img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 20%; }
.founder::before { content:""; position:absolute; inset:0; z-index:1; background:linear-gradient(180deg, transparent 45%, rgba(5,8,14,.35) 65%, rgba(5,8,14,.9)); }
.founderContent { position:absolute; left:20px; right:20px; bottom:20px; z-index:4; display:grid; gap:8px; }
.founderIndex { font:500 11px/1 var(--din) !important; letter-spacing:.24em; color:var(--amber-soft) !important; }
.founderName { font:700 21px/1 var(--din) !important; letter-spacing:.02em; color:#fff !important; }
.founderRole { font:600 10px/1 var(--din) !important; letter-spacing:.3em; color:rgba(236,241,248,.7) !important; }

/* HUD: nav + progress */
.sideNav { position:absolute; right:40px; top:50%; transform:translateY(-50%); z-index:20; display:grid; gap:6px; }
.navDot { all:unset; cursor:pointer; position:relative; display:flex; align-items:center; justify-content:flex-end; gap:10px; height:24px;
  font:500 10px/1 var(--din); letter-spacing:.18em; color:rgba(255,255,255,.42); font-variant-numeric:tabular-nums; transition:color .4s; }
.navDot::after { content:""; width:8px; height:1px; background:currentColor; transition:width .5s var(--out), background .4s; }
.navDot:hover, .navDot.active { color:#fff; }
.navDot.active::after { width:22px; background:var(--amber); }
.progressWrap { position:absolute; left:7vw; right:40px; bottom:32px; height:1px; background:rgba(255,255,255,.16); z-index:20; }
.progress { position:absolute; left:0; top:0; height:100%; width:100%; background:linear-gradient(90deg,var(--amber-soft),var(--amber)); transform-origin:0 50%; transform:scaleX(0); }
.progressText { position:absolute; right:0; bottom:12px; font:500 10px/1 var(--din); letter-spacing:.22em; color:rgba(255,255,255,.6); font-variant-numeric:tabular-nums; }
.progressLabel { position:absolute; left:0; bottom:12px; font:600 10px/1 var(--din); letter-spacing:.3em; color:rgba(255,255,255,.6); text-transform:uppercase; }
.scrollHint { position:absolute; left:50%; bottom:58px; transform:translateX(-50%); z-index:20; display:grid; justify-items:center; gap:10px;
  font:600 10px/1 var(--din); letter-spacing:.38em; color:rgba(255,255,255,.7); transition:opacity .6s; }
.scrollHint i { display:block; width:1px; height:40px; background:rgba(255,255,255,.22); position:relative; overflow:hidden; }
.scrollHint i::after { content:""; position:absolute; left:0; top:-40%; width:1px; height:40%; background:#fff; animation:aaHint 2.4s var(--ease) infinite; }
@keyframes aaHint { to { top:100%; } }

/* final CTA */
.finalCTA { position:absolute; inset:0; z-index:70; display:flex; align-items:center; justify-content:center; padding:40px;
  background:radial-gradient(70% 60% at 50% 55%, rgba(4,7,12,.35), rgba(4,7,12,.7));
  opacity:0; visibility:hidden; pointer-events:none; transition:opacity .8s var(--ease), visibility 0s linear .8s; }
.finalCTA.active { opacity:1; visibility:visible; pointer-events:auto; transition:opacity .8s var(--ease), visibility 0s; }
.finalGlass { position:relative; width:min(1040px,80vw); padding:70px 60px 64px; border-radius:34px; text-align:center; overflow:hidden;
  background:linear-gradient(155deg, rgba(255,255,255,.1), rgba(255,255,255,.02) 40%, rgba(255,255,255,.03)), rgba(9,13,21,.5);
  -webkit-backdrop-filter:blur(26px) saturate(140%); backdrop-filter:blur(26px) saturate(140%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.26), inset 0 0 0 1px rgba(255,255,255,.08), 0 60px 140px -50px rgba(0,0,0,.85);
  transform:translate3d(0,26px,0) scale(.985); opacity:0; transition:transform 1.1s var(--out) .15s, opacity .8s var(--ease) .15s; }
.finalGlass::after { content:""; position:absolute; left:50%; bottom:0; width:56%; height:1px; transform:translateX(-50%); background:linear-gradient(90deg,transparent,rgba(243,200,150,.85),transparent); }
.finalCTA.active .finalGlass { transform:none; opacity:1; }
.finalKicker { display:block; margin-bottom:26px !important; font:600 11px/1 var(--din) !important; letter-spacing:.36em; color:var(--amber-soft) !important; }
.finalCTA h2 { font:700 clamp(56px,6.4vw,104px)/.88 var(--din) !important; letter-spacing:-.015em; text-transform:uppercase; color:#fff !important; }
.finalLead { margin:28px auto 30px !important; max-width:620px; font:400 18px/1.55 var(--din) !important; color:var(--text) !important; }
.finalContactButton { position:relative; overflow:hidden; isolation:isolate; display:inline-flex; align-items:center; gap:18px; min-height:56px; padding:0 8px 0 30px;
  border-radius:999px; text-decoration:none !important; font:700 13px/1 var(--din) !important; letter-spacing:.2em; color:#0a0d12 !important; background:var(--amber-soft);
  box-shadow:0 22px 50px -20px rgba(233,161,95,.85); transition:box-shadow .4s; }
.finalContactButton span { display:inline-grid; place-items:center; width:40px; height:40px; border-radius:50%; background:#0a0d12; color:var(--amber-soft) !important; font-size:15px; transition:transform .55s var(--out); }
.finalContactButton:hover span { transform:rotate(45deg); }
.finalContactButton:hover { box-shadow:0 22px 50px -16px rgba(233,161,95,1); }

/* =====================================================================
   DESKTOP DETAIL — the card expands into a cinematic panel
   ===================================================================== */
#aaDetail { position:fixed; inset:0; z-index:2147483600; display:none; color:#fff; }
#aaDetail.open { display:block; }
#aaDetail .dBackdrop { position:absolute; inset:0; background:rgba(2,3,6,.62); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); opacity:0; }
#aaDetail .dPanel { position:absolute; inset:22px; display:flex; flex-direction:column; overflow:hidden; border-radius:32px;
  background:radial-gradient(900px 520px at 88% -8%, rgba(233,161,95,.08), transparent 70%), radial-gradient(800px 600px at 0% 110%, rgba(110,150,220,.07), transparent 70%), linear-gradient(180deg, rgba(15,18,24,.94), rgba(6,8,11,.97));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.09), inset 0 1px 0 rgba(255,255,255,.16), 0 60px 160px -40px rgba(0,0,0,.9); }
#aaDetail .dBar { flex:none; display:flex; align-items:center; justify-content:space-between; padding:18px 44px; border-bottom:1px solid var(--line); }
#aaDetail .dKicker { font:600 11px/1 var(--din); letter-spacing:.3em; color:var(--amber-soft); text-transform:uppercase; }
#aaDetail .dClose, #aaExplorePopup .aaEPClose { all:unset; cursor:pointer; position:relative; flex:none; width:50px; height:50px; border-radius:50%; background:rgba(255,255,255,.04);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.22); transition:background .4s, box-shadow .4s, transform .6s var(--out); }
#aaDetail .dClose::before, #aaDetail .dClose::after, #aaExplorePopup .aaEPClose::before, #aaExplorePopup .aaEPClose::after {
  content:""; position:absolute; left:50%; top:50%; width:18px; height:1.5px; margin:-.75px 0 0 -9px; background:#fff; border-radius:2px; }
#aaDetail .dClose::before, #aaExplorePopup .aaEPClose::before { transform:rotate(45deg); }
#aaDetail .dClose::after, #aaExplorePopup .aaEPClose::after { transform:rotate(-45deg); }
#aaDetail .dClose:hover { background:rgba(255,255,255,.1); box-shadow:inset 0 0 0 1px rgba(255,255,255,.6); transform:rotate(90deg); }
#aaDetail .dClose:focus-visible, #aaExplorePopup .aaEPClose:focus-visible { outline:2px solid var(--amber-soft); outline-offset:3px; }
#aaDetail .dScroll { flex:1 1 auto; min-height:0; overflow-y:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:rgba(255,255,255,.18) transparent; }
#aaDetail .dScroll::-webkit-scrollbar { width:10px; } #aaDetail .dScroll::-webkit-scrollbar-thumb { background:rgba(255,255,255,.16); border-radius:10px; border:3px solid transparent; background-clip:padding-box; }
#aaDetail .dBody { max-width:1180px; margin:0 auto; padding:72px 60px 110px; }
#aaDetail .dBody > * { opacity:0; transform:translate3d(0,22px,0); transition:opacity .8s var(--ease), transform 1s var(--out); }
#aaDetail .dBody > .in { opacity:1; transform:none; }

/* shared detail typography (desktop modal + phone popup) */
.dBody h2, #aaExplorePopup h2 { font:700 clamp(40px,5vw,84px)/.92 var(--din); letter-spacing:-.012em; text-transform:uppercase; color:#fff; max-width:16ch; margin-bottom:34px !important; }
.dBody h3 { font:700 clamp(22px,1.8vw,30px)/1.1 var(--din); color:#fff; margin:44px 0 14px !important; text-transform:uppercase; }
.dBody p, #aaExplorePopup .aaEPContent p { font:400 17px/1.72 var(--din); color:var(--muted); max-width:70ch; margin-bottom:16px !important; }
.dBody p strong, #aaExplorePopup p strong { color:#fff; font-weight:600; }
.dBody .modalLead, #aaExplorePopup .lead { font:400 clamp(21px,1.6vw,28px)/1.4 var(--din); color:#fff; max-width:36ch; margin-bottom:28px !important; }
.dBody .modalDivider { height:1px; margin:44px 0; background:linear-gradient(90deg, rgba(255,255,255,.22), transparent); }
.modalGrid, .aaEPGrid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin:40px 0 0; }
.modalItem, .aaEPItem { padding:26px 26px 28px; border-radius:20px; background:linear-gradient(160deg, rgba(255,255,255,.055), rgba(255,255,255,.012));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08), inset 0 1px 0 rgba(255,255,255,.08); transition:box-shadow .45s, transform .6s var(--out); }
.modalItem:hover { box-shadow:inset 0 0 0 1px rgba(255,255,255,.2), inset 0 1px 0 rgba(255,255,255,.16), 0 30px 60px -30px rgba(0,0,0,.8); transform:translateY(-3px); }
.modalItem b, .aaEPItem b { display:block; margin-bottom:12px; font:700 16px/1.25 var(--din); letter-spacing:.04em; color:#fff; text-transform:uppercase; }
.modalItem span, .aaEPItem span { display:block; font:400 15px/1.6 var(--din); color:var(--muted); }
.modalQuote, .aaEPQuote { position:relative; margin-top:56px; padding:64px 48px; border-radius:28px; text-align:center; overflow:hidden;
  font:700 clamp(22px,2vw,38px)/1.2 var(--din); color:#fff; letter-spacing:-.005em;
  background:radial-gradient(600px 260px at 50% 0%, rgba(233,161,95,.12), transparent 70%), linear-gradient(160deg, rgba(255,255,255,.075), rgba(255,255,255,.015));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.1), inset 0 1px 0 rgba(255,255,255,.22); }
.modalQuote::after, .aaEPQuote::after { content:""; position:absolute; left:50%; top:0; width:46%; height:1px; transform:translateX(-50%); background:linear-gradient(90deg, transparent, rgba(243,200,150,.75), transparent); }
.storyTimeline, .aaEPTimeline { position:relative; display:grid; gap:44px; margin-top:52px; padding-left:44px; }
.storyTimeline::before, .aaEPTimeline::before { content:""; position:absolute; left:6px; top:6px; bottom:6px; width:1px; background:linear-gradient(180deg, var(--amber-soft), rgba(255,255,255,.12)); }
.storyMilestone, .aaEPMilestone { position:relative; }
.storyMilestone::before, .aaEPMilestone::before { content:""; position:absolute; left:-43px; top:4px; width:11px; height:11px; border-radius:50%; background:var(--amber); box-shadow:0 0 0 5px rgba(233,161,95,.14); }
.storyMilestone .year, .aaEPMilestone .year { display:block; margin-bottom:10px; font:600 11px/1 var(--din); letter-spacing:.28em; color:var(--amber-soft); }
.storyMilestone h3, .aaEPMilestone h3 { margin:0 0 10px !important; font:700 clamp(22px,1.7vw,30px)/1.1 var(--din); text-transform:none; color:#fff; }
.storyMilestone p, .aaEPMilestone p { margin:0 !important; }
.teamModalGrid, .aaEPTeamGrid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-top:44px; }
.teamModalCard, .aaEPTeamCard { min-height:260px; display:flex; flex-direction:column; justify-content:space-between; padding:28px; border-radius:22px;
  background:linear-gradient(160deg, rgba(255,255,255,.06), rgba(255,255,255,.012)); box-shadow:inset 0 0 0 1px rgba(255,255,255,.09), inset 0 1px 0 rgba(255,255,255,.1); }
.teamModalCard .num, .aaEPTeamCard .num { font:500 12px/1 var(--din); letter-spacing:.22em; color:var(--amber-soft); }
.teamModalCard h3, .aaEPTeamCard h3 { margin:0 0 12px !important; font:700 clamp(26px,2.2vw,40px)/1 var(--din); text-transform:uppercase; color:#fff; }
.teamModalCard p, .aaEPTeamCard p { margin:0 !important; font:600 12px/1.5 var(--din) !important; letter-spacing:.22em; text-transform:uppercase; color:var(--amber-soft) !important; }
html.aaLock, html.aaLock body { overflow:hidden !important; }

@media (min-width:901px) and (max-width:1279px) {
  .story { width:min(520px,52vw); padding:34px 36px; }
  .story h1 { font-size:clamp(36px,4.4vw,56px) !important; }
  .foundersStage { grid-template-columns:1fr; width:240px; left:calc(100% + 26px); }
  .founder { height:180px; }
  .modalGrid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .teamModalGrid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (min-width:901px) and (max-height:780px) {
  .story { bottom:9vh; padding:30px 36px; }
  .story h1 { font-size:clamp(34px,6.2vh,56px) !important; }
  .storyIntro { margin-top:18px !important; font-size:14.5px !important; }
  .detailButton { margin-top:20px !important; }
  .founder { height:240px; }
}

/* =====================================================================
   PHONE (≤ 900px)
   ===================================================================== */
@media (max-width:900px) {
  #aaAboutWidget, #aaDetail { display:none !important; }
  html, body { overflow-x:hidden !important; background:#05070a !important; }
  #aaFinalMobileAbout { display:block; position:relative; z-index:1; width:100vw; max-width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); padding:0;
    background:var(--ink); color:#fff; font-family:var(--din); -webkit-font-smoothing:antialiased; }
  #aaFinalMobileAbout .aaStage { position:fixed; left:0; top:0; width:100%; height:100vh; height:100lvh; z-index:0; overflow:hidden; pointer-events:none; contain:strict; background:var(--ink); }
  #aaFinalMobileAbout.aaPast .aaStage { position:absolute; top:auto; bottom:0; }
  #aaFinalMobileAbout .aaStage img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; visibility:hidden; will-change:opacity,transform; transform:translateZ(0); }
  #aaFinalMobileAbout .aaStage::after { content:""; position:absolute; inset:0; z-index:5;
    background:linear-gradient(180deg, rgba(3,6,11,.28) 0%, rgba(3,6,11,0) 20%, rgba(3,6,11,0) 44%, rgba(3,6,11,.55) 70%, rgba(3,6,11,.88) 100%); }
  #aaMSnow { position:fixed; inset:0; width:100%; height:100%; pointer-events:none; z-index:2; }
  #aaFinalMobileAbout.aaPast #aaMSnow { display:none; }
  #aaFinalMobileAbout .aaFMStory { position:relative; z-index:3; margin:0; padding:0; }
  #aaFinalMobileAbout .aaFMSection { position:relative; height:100svh; min-height:100svh; display:flex; align-items:flex-end; padding:0 14px max(18px, env(safe-area-inset-bottom)); }
  #aaFinalMobileAbout .aaFMSection > img, #aaFinalMobileAbout .aaFMOverlay { display:none !important; }
  #aaFinalMobileAbout .aaFMContent { position:relative; width:100%; max-width:560px; margin:0 auto; padding:24px 22px 22px; border-radius:26px; overflow:hidden;
    background:linear-gradient(160deg, rgba(255,255,255,.12) 0%, rgba(255,255,255,.03) 34%, rgba(255,255,255,0) 60%), rgba(8,12,20,.62);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.26), inset 0 0 0 1px rgba(255,255,255,.1), 0 30px 70px -30px rgba(0,0,0,.8);
    will-change:opacity,transform; }
  #aaFinalMobileAbout .aaFMContent::before { content:""; position:absolute; inset:0; border-radius:inherit; padding:1px; pointer-events:none;
    background:linear-gradient(135deg, rgba(255,255,255,.45), rgba(255,255,255,.06) 30%, rgba(255,255,255,.03) 60%, rgba(243,200,150,.3));
    -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask:linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); }
  #aaFinalMobileAbout .aaFMKicker { display:flex; align-items:center; gap:10px; padding-bottom:14px; margin-bottom:18px; border-bottom:1px solid var(--line);
    font:600 10.5px/1.2 var(--din); letter-spacing:.28em; color:var(--amber-soft); text-transform:uppercase; }
  #aaFinalMobileAbout .aaFMKicker::before { content:""; width:20px; height:1px; background:currentColor; }
  #aaFinalMobileAbout .aaFMContent h1, #aaFinalMobileAbout .aaFMContent h2 { font:700 clamp(32px,9.4vw,46px)/.92 var(--din); letter-spacing:-.01em; text-transform:uppercase; color:#fff; margin-bottom:14px; }
  #aaFinalMobileAbout .aaFMContent p { font:400 15px/1.6 var(--din); color:rgba(236,241,248,.86); margin-bottom:20px; }
  #aaFinalMobileAbout .aaFMButton { -webkit-appearance:none; appearance:none; border:0; cursor:pointer; text-decoration:none; touch-action:manipulation; -webkit-tap-highlight-color:transparent;
    display:flex; width:100%; align-items:center; justify-content:space-between; gap:14px; min-height:54px; padding:0 8px 0 22px; border-radius:999px;
    font:600 12.5px/1 var(--din); letter-spacing:.14em; color:#fff; background:rgba(255,255,255,.08); box-shadow:inset 0 0 0 1px rgba(255,255,255,.26), inset 0 1px 0 rgba(255,255,255,.22);
    transition:transform .25s var(--ease); }
  #aaFinalMobileAbout .aaFMButton span { display:inline-grid; place-items:center; width:38px; height:38px; border-radius:50%; background:var(--amber-soft); color:#0a0d12; font-size:15px; }
  #aaFinalMobileAbout #aaFM08 .aaFMButton { background:var(--amber-soft); color:#0a0d12; box-shadow:0 18px 40px -18px rgba(233,161,95,.8); }
  #aaFinalMobileAbout #aaFM08 .aaFMButton span { background:#0a0d12; color:var(--amber-soft); }
  #aaFinalMobileAbout .aaFMButton:active { transform:scale(.97); }
  #aaFinalMobileAbout .aaRail { position:fixed; right:10px; top:50%; transform:translateY(-50%); z-index:4; display:grid; gap:7px; pointer-events:none; }
  #aaFinalMobileAbout.aaPast .aaRail { opacity:0; }
  #aaFinalMobileAbout .aaRail i { display:block; width:2px; height:14px; border-radius:2px; background:rgba(255,255,255,.28); transition:background .4s, height .4s var(--out); }
  #aaFinalMobileAbout .aaRail i.on { background:var(--amber-soft); height:26px; }

  /* phone popup — full-screen sheet */
  #aaExplorePopup { display:none; position:fixed; inset:0; z-index:2147483647; }
  #aaExplorePopup.open { display:block; }
  #aaExplorePopup .aaEPBackdrop { position:absolute; inset:0; background:rgba(2,3,6,.6); opacity:0; transition:opacity .4s var(--ease); }
  #aaExplorePopup.show .aaEPBackdrop { opacity:1; }
  #aaExplorePopup .aaEPBox { position:absolute; inset:0; display:flex; flex-direction:column; color:#fff; outline:none;
    background:radial-gradient(500px 340px at 90% 0%, rgba(233,161,95,.10), transparent 70%), linear-gradient(180deg, #10141b, #06080b);
    transform:translate3d(0,100%,0); transition:transform .6s var(--out); }
  #aaExplorePopup.show .aaEPBox { transform:none; }
  #aaExplorePopup .aaEPBar { flex:none; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:max(12px, env(safe-area-inset-top)) 14px 12px 20px; border-bottom:1px solid var(--line); }
  #aaExplorePopup .aaEPNum { font:600 10.5px/1.2 var(--din); letter-spacing:.26em; color:var(--amber-soft); text-transform:uppercase; }
  #aaExplorePopup .aaEPClose { width:46px; height:46px; }
  #aaExplorePopup .aaEPScroll { flex:1 1 auto; min-height:0; overflow-y:auto; -webkit-overflow-scrolling:touch; overscroll-behavior:contain; padding:34px 20px max(48px, env(safe-area-inset-bottom)); }
  #aaExplorePopup h2 { font-size:clamp(32px,9vw,46px); margin-bottom:24px !important; }
  #aaExplorePopup .aaEPContent p { font-size:15.5px; }
  #aaExplorePopup .lead { font-size:20px; }
  #aaExplorePopup .aaEPContent h3 { font:700 22px/1.15 var(--din); color:#fff; margin:34px 0 12px; text-transform:uppercase; }
  #aaExplorePopup .aaEPGrid, #aaExplorePopup .aaEPTeamGrid { grid-template-columns:1fr; gap:10px; margin-top:28px; }
  #aaExplorePopup .aaEPItem { padding:20px; border-radius:18px; }
  #aaExplorePopup .aaEPTeamCard { min-height:150px; padding:22px; }
  #aaExplorePopup .aaEPQuote { margin-top:36px; padding:40px 22px; font-size:22px; border-radius:22px; }
  #aaExplorePopup .aaEPTimeline { gap:32px; margin-top:34px; padding-left:34px; }
  #aaExplorePopup .aaEPMilestone::before { left:-33px; }
  html.aaEPLock, html.aaEPLock body { overflow:hidden !important; }
}
@media (prefers-reduced-motion:reduce) {
  .story, .story *, .finalCTA, .finalGlass, #aaExplorePopup .aaEPBox, #aaDetail .dBody > * { transition:none !important; }
  .scrollHint i::after { animation:none; }
}

/* ── your global header integration (kept from your code) ── */

/* =========================================================
   AUTUMN ADS — GLOBAL HEADER INTEGRATION
   The header is supplied ONLY by the PHP/Code Snippets header.
   This page must never create, hide, or cover that header.
========================================================= */

/* Keep the Code Snippets header above this page. */
#av-glass-header{
  position:fixed !important;
  top:0 !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  z-index:2147483000 !important;
  pointer-events:none !important;
}
#av-glass-header .av-desktop-system,
#av-glass-header .av-mobile-system,
#av-glass-header a,
#av-glass-header button,
#av-glass-header nav{
  pointer-events:auto !important;
}

/* Never hide the global WordPress/Code-Snippets header from this page. */
body.aa-about-active .elementor-location-header,
body.aa-about-active .site-header,
body.aa-about-active header.site-header,
body.aa-about-active .main-header,
body.aa-about-active #masthead{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
}