/* Approved landing presentation. Existing base styling and waitlist behavior remain separate. */
html { scroll-padding-top:var(--story-top,92px); }
.landing-story #sec-proof .wrap {max-width:1360px;}
.landing-story #sec-proof .sec-head {max-width:1080px;margin-left:auto;margin-right:auto;}
.landing-story #sec-proof h2 {font-size:clamp(38px,5.5vw,76px);max-width:17ch;letter-spacing:-.04em;}
.scroll-stack {position:relative;isolation:isolate;}
.scroll-card {position:sticky;top:var(--story-top,92px);padding-bottom:32px;transform-origin:50% 0;}
.scroll-card-inner {display:grid;grid-template-columns:minmax(230px,.72fr) minmax(0,1.5fr);min-height:440px;height:min(540px,calc(100svh - 174px));overflow:hidden;background:#171b23;border:1px solid #343b47;border-radius:24px;box-shadow:0 20px 65px #0007;transform:scale(var(--card-scale,1));filter:brightness(var(--card-brightness,1));transform-origin:50% 0;}
.scroll-copy {padding:38px 30px;display:flex;flex-direction:column;align-items:flex-start;}
.moment-count {display:flex;gap:14px;flex-wrap:wrap;font-size:12px;font-weight:700;color:#c4c8d0;margin-bottom:32px;}
.moment-count span {font-weight:400;}
.scroll-copy h3 {font-size:clamp(26px,3vw,44px);font-weight:800;line-height:1.08;letter-spacing:-.035em;max-width:13ch;}
.scroll-copy p {margin:22px 0 28px;font-size:15px;line-height:1.6;color:#c4c8d0;}
.scroll-copy a {margin-top:auto;color:inherit;font-size:12px;text-underline-offset:5px;}
.scroll-image {display:flex;align-items:center;justify-content:center;min-width:0;padding:24px 0 24px 20px;background:#090b0f;overflow:hidden;}
.scroll-image img {display:block;width:100%;height:100%;object-fit:contain;object-position:center;}
.scroll-card:nth-child(2) .scroll-card-inner {background:#202733;}
.scroll-card:nth-child(3) .scroll-card-inner {background:#1a212a;}
.scroll-card:nth-child(4) .scroll-card-inner {background:#23262f;}
/* A neutral light chapter. Keep the actual two-answer comparison dark/readable. */
.landing-story #sec-flex {background:#f0f1f3;}
.landing-story #sec-flex>.wrap>.sec-head {--ink:#13161d;--body:#424954;--dim:#535c6b;--faint:#535c6b;}
.landing-story #sec-flex h2.flex-big {font-size:clamp(38px,5.6vw,72px);max-width:16ch;letter-spacing:-.04em;}
.landing-story #sec-flex .split {box-shadow:0 22px 60px #11182720;}
.landing-story #sec-flex .keeps {--ink:#13161d;--body:#424954;--dim:#535c6b;--faint:#535c6b;}
@media(min-width:821px) and (min-height:650px) and (prefers-reduced-motion:no-preference) {
 .scroll-card:not(:last-child) {margin-bottom:90px;}
}
@media(max-width:820px), (max-height:649px) {
 .scroll-card {position:relative;top:auto;margin-bottom:24px;padding-bottom:0;}
 .scroll-card-inner {height:auto;min-height:0;grid-template-columns:1fr;transform:none!important;filter:none!important;}
 .scroll-copy {padding:28px;}
 .scroll-copy h3 {max-width:20ch;}
 .moment-count {margin-bottom:20px;}
 .scroll-image {padding:0 16px 20px;}
 .scroll-image img {height:auto;}
}
@media(max-width:720px) {
 html {scroll-padding-top:var(--story-top,92px);}
 .landing-story #sec-proof .wrap {padding-left:18px;padding-right:18px;}
 .scroll-card-inner {border-radius:16px;}
}
@media(prefers-reduced-motion:reduce) {
 html {scroll-behavior:auto;}
 .scroll-card {position:relative;top:auto;margin-bottom:24px;}
 .scroll-card-inner {transform:none!important;filter:none!important;height:auto;min-height:400px;}
}
/* Keyboard users can reveal a card's image link even beneath the next card. */
.scroll-card:focus-within {z-index:10;}
.scroll-card:focus-within .scroll-card-inner {transform:none;filter:none;}
/* Staff walkthrough: one anchored introduction, six ordinary flowing roles. */
.staff-walkthrough {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(48px,7vw,112px);align-items:start;}
.staff-heading {position:sticky;top:calc(var(--story-top,92px) + 26px);padding:24px 0 40px;}
#sec-backroom .staff-heading h2 {font-size:clamp(36px,4vw,56px);line-height:1.04;letter-spacing:-.035em;max-width:14ch;}
.staff-heading .sec-eyebrow {color:#b8beca;}
.staff-heading .sec-sub {font-size:17px;line-height:1.7;max-width:32ch;}
.staff-heading>a {display:inline-block;color:#c4c8d0;font-size:13px;margin-top:32px;text-underline-offset:6px;}
.staff-intro {display:grid;grid-template-columns:36px minmax(0,1fr);gap:20px;padding:44px 0 52px;border-top:1px solid #343b47;}
.staff-intro h3 {font-size:clamp(27px,3vw,40px);line-height:1.15;letter-spacing:-.025em;font-weight:800;}
.staff-job {font-size:18px;color:#f4f5f7;margin-top:22px;font-weight:600;}
.staff-description {font-size:16px;color:#b8beca;line-height:1.7;margin-top:10px;max-width:34ch;}
.backroom-spaces {margin-top:80px;border-top:1px solid #343b47;padding-top:36px;scroll-margin-top:var(--story-top,92px);}
.backroom-spaces>h3 {font-size:26px;font-weight:800;margin-bottom:32px;}
.space-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;}
.space-item {position:relative;padding-left:18px;}
.space-item h4 {font-size:17px;font-weight:700;}
.space-item p {color:#b8beca;font-size:13px;line-height:1.7;margin-top:9px;}
.space-item .space-job {color:#f4f5f7;font-weight:600;}
.staff-heading>a:focus-visible {outline:3px solid #8fa6ff;outline-offset:6px;}
@media(max-width:820px), (max-height:649px) {
 .staff-walkthrough {grid-template-columns:1fr;gap:32px;}
 .staff-heading {position:static;padding-top:0;}
 #sec-backroom .staff-heading h2 {max-width:18ch;}
 .staff-intro {padding:30px 0 38px;}
}
@media(max-width:720px) {
 .space-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px;}
 .staff-description {font-size:15px;}
 .staff-intro {grid-template-columns:26px minmax(0,1fr);gap:12px;}
}
@media(max-width:380px) {.space-grid {grid-template-columns:1fr;}}
@media(prefers-reduced-motion:reduce) {.staff-heading {position:static;}}
/* Screenshot-first proof cards: caption above, full card width for the image. */
.scroll-card-inner {display:flex;flex-direction:column;height:auto;min-height:0;}
.scroll-copy {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 24px;padding:22px 28px;}
.moment-count {grid-column:1;margin:0;font-size:11px;}
.scroll-copy h3 {grid-column:1;font-size:clamp(23px,2.6vw,34px);line-height:1.12;max-width:none;}
.scroll-copy p {grid-column:1;margin:0;font-size:13px;}
.scroll-copy a {grid-column:2;grid-row:1 / 4;align-self:center;margin:0;}
.scroll-image {display:block;flex:none;padding:0;background:#090b0f;}
.scroll-image img {width:100%;height:auto;object-fit:contain;}
/* Tall cards scroll naturally until their bottom is visible, then stack. */
.scroll-card {top:var(--proof-stick-top,140px);}
@media(max-width:820px), (max-height:649px) {
 .scroll-card {top:auto;}
 .scroll-copy {padding:20px;grid-template-columns:1fr;gap:10px;}
 .scroll-copy a {grid-column:1;grid-row:auto;justify-self:start;}
}
@media(prefers-reduced-motion:reduce) {.scroll-card {top:auto;}}
/* Staff share a club-colour circle; initials identify roles, not rank. */
.staff-intro {grid-template-columns:44px minmax(0,1fr);}
.staff-avatar {display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin-top:4px;border:1px solid #a44757;border-radius:50%;background:#392028;color:#f3a3b1;font:700 16px/1 "Libre Franklin",sans-serif;}
@media(max-width:720px) {
 .staff-intro {grid-template-columns:34px minmax(0,1fr);gap:12px;}
 .staff-avatar {width:30px;height:30px;font-size:14px;margin-top:2px;}
}
.space-dot {position:absolute;top:6px;left:0;width:8px;height:8px;border-radius:50%;background:var(--c);}
/* Balance staff introductions with the spaces that follow. */
.staff-intro h3 {font-size:clamp(25px,2.5vw,32px);}
.staff-avatar {width:32px;height:32px;font-size:15px;margin-top:1px;}
.backroom-spaces>h3 {font-size:clamp(28px,3vw,36px);margin-bottom:36px;}
.space-grid {gap:40px 36px;}
.space-item {padding-left:23px;}
.space-item h4 {font-size:clamp(21px,2vw,26px);line-height:1.2;}
.space-item p {font-size:15px;line-height:1.65;margin-top:12px;}
.space-item .space-job {font-size:16px;}
.space-dot {top:9px;width:9px;height:9px;}
@media(max-width:720px) {
 .staff-avatar {width:30px;height:30px;font-size:14px;}
 .space-grid {grid-template-columns:1fr;gap:30px;}
}
/* Keep each desktop proof card inside the available viewing window. */
@media(min-width:821px) and (min-height:650px) and (prefers-reduced-motion:no-preference) {
 .scroll-card {top:var(--story-top,92px);}
 .scroll-card-inner {height:calc(100svh - var(--story-top,92px) - 24px);min-height:0;}
 .scroll-copy {flex:0 0 auto;padding:16px 24px;gap:5px 20px;}
 .scroll-copy h3 {font-size:clamp(22px,2.2vw,30px);}
 .scroll-image {flex:1 1 0;min-height:0;display:flex;align-items:center;justify-content:center;}
 .scroll-image img {display:block;width:100%;height:100%;object-fit:contain;}
}
/* Match the existing landing-page signal halo. */
.space-dot {box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 16%,transparent),0 0 14px color-mix(in srgb,var(--c) 60%,transparent);}
/* Native, keyboard-operable questions. All answers remain in the document. */
.landing-story #sec-faq .faq {max-width:none;}
.landing-story #sec-faq h2 {font-size:clamp(40px,5vw,64px);}
.landing-story .qa {padding:0;}
.landing-story .qa summary.q {list-style:none;cursor:pointer;justify-content:space-between;gap:24px;padding:25px 0;margin:0;font-size:clamp(18px,2vw,24px);line-height:1.4;}
.landing-story .qa summary.q::-webkit-details-marker {display:none;}
.landing-story .qa summary.q::before {display:none;}
.question-toggle {position:relative;flex:none;width:32px;height:32px;border:1px solid #596170;border-radius:50%;}
.question-toggle::before,.question-toggle::after {content:"";position:absolute;inset:50% auto auto 50%;width:12px;height:2px;background:#c4c8d0;transform:translate(-50%,-50%);}
.question-toggle::after {transform:translate(-50%,-50%) rotate(90deg);transition:transform .18s ease;}
.qa[open] .question-toggle::after {transform:translate(-50%,-50%) rotate(0);}
.landing-story .qa .a {margin:0;max-width:70ch;font-size:16px;line-height:1.75;padding:0 56px 28px 0;}
.qa[open] .answer-wrap {animation:answer-enter .2s ease-out;}
.qa summary:hover .question-toggle {border-color:#c4c8d0;background:#23262f;}
.qa summary:focus-visible {outline:2px solid #8fa6ff;outline-offset:6px;border-radius:3px;}
@keyframes answer-enter {from{opacity:0;transform:translateY(-4px);}to{opacity:1;transform:none;}}
.landing-story #sec-close {background:#f0f1f3;border-top-color:#d1d5dc;--ink:#13161d;--body:#424954;--dim:#535c6b;}
@media(max-width:720px) {.landing-story .qa .a {padding-right:0;font-size:15px;}.question-toggle{width:30px;height:30px;}}
@media(prefers-reduced-motion:reduce) {.qa[open] .answer-wrap{animation:none;}.question-toggle::after{transition:none;}}
.scroll-card a:focus-visible {outline:3px solid #8fa6ff;outline-offset:4px;}