:root { --home-shell:#241b18; --home-rule:rgba(239,232,220,.14); }
.home-preview{background:var(--paper);color:var(--ink)}
.home-preview h1,.home-preview h2{font-family:var(--font-body);font-weight:750;letter-spacing:-.045em}
.advice-story{position:relative;min-height:900vh;background-color:var(--paper);background-image:radial-gradient(ellipse at 50% 20%,rgba(255,255,255,0.45) 0%,transparent 60%),var(--bg-topo-paper);background-size:auto,1200px 900px;background-position:center,center top;color:var(--ink)}
.advice-stage{position:sticky;top:56px;height:calc(100svh - 56px);display:grid;place-items:center;padding:clamp(28px,6vw,80px);overflow:hidden;text-align:center;max-width:1240px;margin-inline:auto;width:100%;box-sizing:border-box}
.advice-kicker{position:absolute;top:12vh;max-width:22ch;font:750 clamp(30px,5vw,62px)/1.08 var(--font-body);letter-spacing:-.045em;transition:opacity .35s var(--ease),transform .35s var(--ease)}
.advice-cards{position:relative;width:min(100%,780px);height:44vh;transform:translateY(6vh);display:flex;justify-content:center;align-items:center}
.speaker-card{position:absolute;width:min(92vw,540px);background:var(--paper-raised,#fbf6ea);border:1.5px solid var(--ink-12,rgba(26,25,22,.12));border-radius:16px;padding:clamp(20px,3.5vw,32px) clamp(24px,4vw,38px);box-shadow:0 14px 36px rgba(0,0,0,.06),0 2px 6px rgba(0,0,0,.04);box-sizing:border-box;text-align:left;opacity:0;transform:translateY(28px) scale(.92);transition:opacity .38s var(--ease),transform .38s var(--ease),box-shadow .38s var(--ease);pointer-events:none}
.speaker-card.is-active{opacity:1;transform:translateY(0) scale(1) rotate(0deg);box-shadow:0 24px 56px rgba(0,0,0,.10),0 4px 12px rgba(0,0,0,.05);z-index:10;pointer-events:auto}
.speaker-card.is-next{opacity:.62;transform:translateY(12px) scale(.95) rotate(-1.5deg);box-shadow:0 12px 28px rgba(0,0,0,.05);z-index:9}
.speaker-card.is-next-2{opacity:.28;transform:translateY(22px) scale(.90) rotate(1.8deg);box-shadow:0 8px 20px rgba(0,0,0,.03);z-index:8}
.speaker-card.is-passed{opacity:0;transform:translateY(-38px) scale(.96) rotate(-2deg);z-index:11}
.speaker-card__header{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.speaker-card__avatar{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--ink-04,rgba(26,25,22,.04));border:1px solid var(--ink-09,rgba(26,25,22,.09));border-radius:50%;font-size:14px;flex-shrink:0}
.speaker-card__name{font:700 12px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-65)}
.speaker-card__quote{font:750 clamp(26px,4.2vw,40px)/1.12 var(--font-body);letter-spacing:-.035em;color:var(--ink)}
.advice-story.is-crowded .advice-kicker{opacity:0;transform:translateY(-20px)}
.advice-story.is-crowded .speaker-card{opacity:.95;transform:var(--crowd-transform);box-shadow:0 16px 40px rgba(0,0,0,.08);z-index:5}
.speaker-card:nth-child(1){--crowd-transform:translate(clamp(-260px,-18vw,-110px),-13vh) rotate(-4deg)}
.speaker-card:nth-child(2){--crowd-transform:translate(clamp(110px,16vw,240px),-10vh) rotate(3deg)}
.speaker-card:nth-child(3){--crowd-transform:translate(clamp(-240px,-15vw,-100px),11vh) rotate(2deg)}
.speaker-card:nth-child(4){--crowd-transform:translate(clamp(110px,17vw,250px),12vh) rotate(-3deg)}
.speaker-card:nth-child(5){--crowd-transform:translate(0,0) rotate(1deg)}
.advice-reveal{position:absolute;display:grid;gap:22px;opacity:0;transform:translateY(24px);transition:opacity .45s var(--ease),transform .45s var(--ease)}
.advice-reveal h1{font:750 clamp(48px,8vw,100px)/1.02 var(--font-body);letter-spacing:-.055em;color:var(--ink)}.advice-reveal p{max-width:18ch;font:700 clamp(28px,5vw,58px)/1.1 var(--font-body);letter-spacing:-.04em}
.advice-story.is-revealed .advice-lines,.advice-story.is-revealed .advice-kicker{opacity:0}.advice-story.is-revealed .advice-reveal{opacity:1;transform:none}
.advice-thesis{position:absolute;width:min(88vw,1040px);display:grid;gap:clamp(30px,7vh,72px);opacity:0;pointer-events:none;text-align:left}
.advice-thesis p{margin:0;opacity:0;transform:translateY(28px);transition:opacity .45s var(--ease),transform .45s var(--ease)}
.advice-thesis p:first-child{max-width:18ch;font:750 clamp(38px,6vw,76px)/1.04 var(--font-body);letter-spacing:-.05em}
.advice-thesis p:last-child{max-width:22ch;margin-left:auto;font:700 clamp(25px,4vw,48px)/1.12 var(--font-body);letter-spacing:-.035em;color:var(--ink-65)}
.advice-story.is-thesis-one .advice-kicker,.advice-story.is-thesis-one .advice-lines,.advice-story.is-thesis-one .advice-reveal,.advice-story.is-thesis-two .advice-kicker,.advice-story.is-thesis-two .advice-lines,.advice-story.is-thesis-two .advice-reveal{opacity:0}
.advice-story.is-thesis-one .advice-thesis,.advice-story.is-thesis-two .advice-thesis{opacity:1}
.advice-story.is-thesis-one .advice-thesis p:first-child,.advice-story.is-thesis-two .advice-thesis p{opacity:1;transform:none}
.advice-scroll{position:absolute;inset:0;display:grid;grid-template-rows:repeat(9,100vh)}
.sr-narrative{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.cube-story{position:relative;min-height:600vh;background-color:var(--shell);background-image:radial-gradient(circle at 40% 45%,rgba(241,212,192,0.05) 0%,rgba(59,90,74,0.03) 45%,transparent 70%),var(--bg-iso-lattice);background-size:auto,120px 69.282px;background-position:center,center;color:var(--on-shell)}
.cube-stage{position:sticky;top:56px;height:calc(100svh - 56px);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);align-items:center;gap:clamp(20px,4vw,64px);padding:clamp(20px,4vw,56px) var(--page-gutter);overflow:hidden;max-width:1240px;margin-inline:auto;width:100%;box-sizing:border-box}
.cube-stage__visual{display:grid;justify-items:center;min-width:0}.home-cube{width:min(100%,680px)}
.cube-stage__copy{max-width:520px}.cube-stage__copy .eyebrow{color:var(--book-cube-top)}.cube-stage__copy h2{margin:18px 0;font-family:var(--font-body);font-weight:750;letter-spacing:-.045em;font-size:clamp(34px,5vw,64px);color:var(--on-shell)}.cube-stage__copy>p{font-size:clamp(16px,1.7vw,20px);line-height:1.65;color:var(--on-shell-65)}
.tradeoffs{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.tradeoffs span{padding:8px 12px;border:1px solid var(--on-shell-25);border-radius:var(--radius-pill);font:600 11.5px/1 var(--font-mono);letter-spacing:.02em;transition:all .3s var(--ease)}
.cube-story[data-active-step="agency"] .tradeoffs span{border-color:rgba(244,216,200,.45);background:rgba(244,216,200,.08);color:#F4D8C8}
.cube-story[data-active-step="vitality"] .tradeoffs span{border-color:rgba(143,220,154,.45);background:rgba(143,220,154,.08);color:#8FDC9A}
.cube-story[data-active-step="connection"] .tradeoffs span{border-color:rgba(142,160,255,.45);background:rgba(142,160,255,.08);color:#8EA0FF}
.cube-story[data-active-step="local"] .tradeoffs span{border-color:rgba(239,232,220,.3);background:rgba(239,232,220,.06);color:var(--on-shell)}
.cube-story[data-active-step="resolve"] .tradeoffs span{border-color:rgba(244,216,200,.6);background:rgba(244,216,200,.12);color:#F4D8C8}
.cube-steps{position:absolute;inset:0;display:grid;grid-template-rows:repeat(6,100vh);pointer-events:none}.cube-steps article{opacity:0}
.wlw-live-cube__floor{fill:rgba(239,232,220,.11);stroke:rgba(239,232,220,.3);stroke-width:1.25}.wlw-live-cube__room{stroke:rgba(239,232,220,.22)}.wlw-live-cube__labels{fill:var(--ink)}
/* ---- Diagnostic Launch Card ---------------------------------------------- */
.diagnostic-card{background:var(--paper-raised,#fbf6ea);border:1.5px solid var(--ink-12,rgba(26,25,22,.12));border-radius:20px;padding:clamp(36px,6vw,60px) clamp(24px,5vw,52px);box-shadow:0 20px 48px rgba(0,0,0,.06),0 2px 8px rgba(0,0,0,.04);text-align:center;position:relative;overflow:hidden}
.diagnostic-card::before{content:"";position:absolute;top:0;left:8%;right:8%;height:2.5px;background:linear-gradient(90deg,transparent,var(--agency,#df9c7e) 25%,var(--vitality,#3b5a4a) 50%,var(--connection,#4d5fcc) 75%,transparent)}
.diagnostic-card__header{max-width:620px;margin:0 auto}
.diagnostic-card__title{margin:12px 0 16px;font-family:var(--font-body);font-weight:750;letter-spacing:-.045em;font-size:clamp(30px,4.5vw,46px);line-height:1.1;color:var(--ink)}
.diagnostic-card__lede{font-size:clamp(15px,1.6vw,18px);line-height:1.6;color:var(--ink-65);margin:0 auto}
.diagnostic-card__action{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:clamp(28px,4vw,38px)}
.btn--hero-cta{font-size:15.5px;padding:15px 34px;border-radius:var(--radius,4px);box-shadow:0 8px 24px rgba(77,95,204,.25);transition:all .22s var(--ease)}
.btn--hero-cta:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(77,95,204,.35)}
.cta-note{font:500 11px/1.5 var(--font-mono);color:var(--ink-65);margin:0}

.book-bridge .eyebrow{color:var(--on-shell)}.book-bridge .button-row{align-self:center}.home-footer{padding:42px 24px;text-align:center;background:var(--home-shell);color:var(--on-shell-65)}.home-footer span{color:var(--book-cube-top);font-family:var(--font-mono)}.home-footer p{margin-top:10px;font:400 10px/1.7 var(--font-mono)}

/* ---- Scroll Prompt Indicators -------------------------------------------- */
.scroll-prompt{position:absolute;bottom:clamp(16px,3.2vh,28px);left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:5px;font:600 10.5px/1 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;pointer-events:none;z-index:10;transition:opacity .35s var(--ease),transform .35s var(--ease);animation:promptBounce 2.2s ease-in-out infinite}
.scroll-prompt--paper{color:var(--ink-45)}
.scroll-prompt--shell{color:var(--on-shell-65)}
.scroll-prompt__arrow{display:block}
@keyframes promptBounce{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,6px)}}
.advice-story.is-thesis-one .scroll-prompt,.advice-story.is-thesis-two .scroll-prompt{opacity:0;transform:translate(-50%,10px)}
.cube-story[data-active-step="resolve"] .scroll-prompt{opacity:0;transform:translate(-50%,10px)}

@media(max-width:760px){.cube-stage{grid-template-columns:1fr;grid-template-rows:minmax(0,52%) minmax(0,48%);gap:0;text-align:center}.cube-stage__visual{min-height:0;width:100%}.home-cube{width:min(100%,470px)}.cube-stage__copy{align-self:start;width:min(100%,520px);margin:0 auto;padding-top:clamp(14px,3svh,24px);box-sizing:border-box}.cube-stage__copy h2{font-size:clamp(30px,9vw,46px);margin:10px 0}.cube-stage__copy>p{font-size:15px}.tradeoffs{justify-content:center;margin-top:12px}.tradeoffs span{font-size:11px;padding:6px 10px;max-width:100%}.advice-thesis{width:86vw;gap:44px}.advice-thesis p:last-child{max-width:19ch;margin-left:12vw}.speaker-card{padding:18px 20px;border-radius:12px}.speaker-card__quote{font-size:clamp(20px,5vw,26px)}.advice-story.is-crowded .speaker-card{transform:var(--crowd-transform-mobile)}.speaker-card:nth-child(1){--crowd-transform-mobile:translate(-8vw,-17vh) rotate(-3deg) scale(.88)}.speaker-card:nth-child(2){--crowd-transform-mobile:translate(8vw,-10vh) rotate(2deg) scale(.88)}.speaker-card:nth-child(3){--crowd-transform-mobile:translate(-6vw,2vh) rotate(2deg) scale(.88)}.speaker-card:nth-child(4){--crowd-transform-mobile:translate(7vw,13vh) rotate(-2deg) scale(.88)}.speaker-card:nth-child(5){--crowd-transform-mobile:translate(0,22vh) scale(.88)}}
@media(prefers-reduced-motion:reduce){.advice-story,.cube-story{min-height:auto}.advice-stage,.cube-stage{position:relative;top:auto;height:auto;min-height:90svh}.advice-stage{display:none}.sr-narrative{position:static;width:auto;height:auto;margin:0;clip:auto;white-space:normal;padding:var(--section-pad) var(--page-gutter);text-align:center}.sr-narrative h1{font-family:var(--font-body);color:var(--ink)}.sr-narrative p{max-width:60ch;margin:24px auto 0}.advice-scroll,.cube-steps{display:none}.cube-stage{grid-template-columns:1fr;padding-block:var(--section-pad)}.scroll-prompt{display:none} }