/* The stage remains pinned while ordinary document scrolling controls its chapters. */
/* Approved scope: transparent logo assets; no color-changing blend modes. */
.logo-frame{display:block;width:128px;height:66px;overflow:hidden;background:#fff}.logo-frame img{display:block;width:128px;height:64px;max-width:none;transform:scale(1.65);transform-origin:center;object-fit:contain}.footer .logo-frame{width:140px;height:70px}.footer .logo-frame img{width:140px;height:70px}
.header{position:absolute;top:0;left:0;right:0;background:transparent;border-bottom:1px solid #ffffff24;z-index:20}.experience{height:290svh;background:#091726;color:#fff;position:relative}.experience-sticky{position:sticky;top:0;height:100svh;min-height:680px;overflow:hidden}.experience #scene{position:absolute;inset:0;width:100%;height:100%;z-index:0}.experience .scene-fallback{inset:25% 15%;z-index:0;padding:60px;background:radial-gradient(ellipse,#63884b,#0c2035 70%);border:0;font-size:40px;opacity:.4}.experience:has(canvas[data-ready=true]) .scene-fallback{display:none}.stage-top{position:absolute;top:125px;left:4%;right:4%;display:flex;justify-content:space-between;font:11px Consolas,monospace;letter-spacing:1.7px;color:#b9c9d3;z-index:2}.chapter-display{position:absolute;inset:20% 3% 27%;pointer-events:none;z-index:1}.chapter-copy{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(75px) scale(.94);filter:blur(12px);transition:opacity .65s,transform 1s cubic-bezier(.2,.75,.2,1),filter .7s}.chapter-copy.current{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}.chapter-word{font-family:Bahnschrift,'Arial Black',Arial,sans-serif;font-size:clamp(5rem,15vw,15rem);font-weight:800;letter-spacing:-.075em;line-height:.85;text-transform:uppercase;color:#f0f6e9;opacity:.96;text-align:center;mix-blend-mode:overlay}.chapter-copy:nth-child(2) .chapter-word{font-size:clamp(4rem,13vw,13rem)}.chapter-copy:nth-child(3) .chapter-word{font-size:clamp(4rem,12vw,12rem)}.stage-content{position:absolute;bottom:112px;left:4%;right:4%;z-index:3;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;gap:30px}.stage-intro h1{font-size:clamp(1.5rem,2.3vw,2.2rem);line-height:1.17;letter-spacing:-.035em;max-width:390px;margin-bottom:15px}.stage-intro p{font-size:13px;color:#becbd4;max-width:390px;margin:0}.stage-cta{text-align:center}.stage-cta .button{min-width:195px}.stage-cta p{font:10px Consolas,monospace;letter-spacing:1px;color:#a4b6c3;margin:16px 0 0}.chapter-nav{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.chapter-nav button{border:0;background:none;color:#aabac6;font:12px Consolas,monospace;padding:10px 0 10px 14px;min-height:39px;display:flex;align-items:center;gap:20px}.chapter-nav button span{width:20px;height:2px;background:#728292;transition:width .5s,background .5s}.chapter-nav button.active{color:var(--lime)}.chapter-nav button.active span{width:50px;background:var(--lime)}.stage-bottom{position:absolute;bottom:25px;left:4%;right:4%;border-top:1px solid #ffffff36;padding-top:18px;display:flex;justify-content:space-between;align-items:center;gap:20px;z-index:4;font:10px Consolas,monospace;color:#bdcbd4;letter-spacing:1px}.stage-bottom button{color:#becbd4;background:transparent;border:1px solid #617786;padding:9px 14px;min-height:40px;font:11px Consolas,monospace}.chapter-counter{display:flex;gap:25px}.experience-progress{position:absolute;left:0;right:0;bottom:0;height:3px;transform-origin:left;transform:scaleX(0);background:var(--lime);z-index:4}.scroll-cue{position:absolute;right:4%;top:49%;writing-mode:vertical-rl;font:10px Consolas,monospace;letter-spacing:3px;color:#a4b8c5;z-index:2}.no-webgl .chapter-word{mix-blend-mode:normal;opacity:.8}.no-webgl .chapter-copy{filter:none}.section-head h2{line-height:1.08}.service{transition:background .3s,transform .3s}.service:hover{background:#f0f4e9;transform:translateY(-5px)}
@media(max-width:1050px){.stage-content{grid-template-columns:1fr 1fr}.stage-cta{text-align:right}.chapter-nav{grid-column:1/-1;flex-direction:row;justify-content:space-between;align-items:center}.chapter-nav button{font-size:11px;gap:10px}.chapter-nav button.active span{width:30px}.stage-content{bottom:115px;gap:20px}.stage-top{top:116px}.chapter-display{inset:21% 3% 40%}}
@media(max-width:760px){.experience{height:270svh}.experience-sticky{min-height:760px}.header{height:76px}.stage-top{top:103px;left:20px;right:20px;font-size:9px;letter-spacing:.7px;gap:15px}.stage-top span:last-child{max-width:110px;text-align:right}.chapter-display{inset:22% 0 43%}.chapter-word{font-size:21vw!important;letter-spacing:-.06em}.stage-content{left:20px;right:20px;bottom:105px;grid-template-columns:1fr;gap:15px}.stage-intro h1{font-size:24px;max-width:290px;margin-bottom:10px}.stage-intro p{font-size:12px;max-width:340px}.stage-cta{text-align:left;display:flex;align-items:center;gap:15px}.stage-cta .button{min-width:170px;min-height:48px;font-size:12px}.stage-cta p{font-size:9px;margin:0;max-width:90px;line-height:1.6}.chapter-nav{gap:8px}.chapter-nav button{font-size:10px;padding:8px 0;gap:5px;min-height:35px}.chapter-nav button span{display:none}.chapter-nav button.active{border-bottom:1px solid var(--lime)}.stage-bottom{left:20px;right:20px;bottom:19px;padding-top:15px;gap:8px;letter-spacing:0}.chapter-counter{gap:8px;font-size:9px;flex-direction:column}.stage-bottom #scene-status{display:none}.stage-bottom button{font-size:10px;padding:8px}.scroll-cue{right:12px;top:39%;font-size:8px}.experience #scene{height:70%;top:4%}.experience .scene-fallback{font-size:20px;inset:20% 10% 45%}}
@media(max-height:760px) and (min-width:761px){.experience-sticky{min-height:620px}.stage-top{top:105px}.stage-content{bottom:95px}.stage-intro h1{font-size:25px}.stage-intro p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.chapter-copy{transition:none;filter:none;transform:none}.service:hover{transform:none}.experience{height:220svh}}
.header .logo-frame,.footer .logo-frame{width:116px;height:74px;background:transparent;overflow:hidden}.header .logo-frame img,.footer .logo-frame img{width:116px;height:58px;transform:scale(1.6);transform-origin:50% 30%;object-fit:contain}
@media(max-width:760px) and (max-height:759px){.experience-sticky{min-height:0;height:100svh}.stage-top{top:90px;font-size:8px}.chapter-display{inset:19% 0 48%}.experience #scene{top:5%;height:58%}.stage-content{bottom:86px;gap:9px}.stage-intro h1{font-size:21px;max-width:290px;margin-bottom:6px}.stage-intro p{font-size:11px;line-height:1.5;max-width:310px}.stage-cta .button{min-height:44px;padding-block:10px}.chapter-nav button{min-height:32px;padding-block:5px}.stage-bottom{bottom:12px;padding-top:10px}.stage-bottom button{min-height:40px}.scroll-cue{top:30%}}
@media(min-width:761px) and (max-height:619px){.experience-sticky{min-height:0;height:100svh}.header{height:66px}.header .logo-frame{width:90px;height:58px}.header .logo-frame img{width:90px;height:45px}.stage-top{top:79px;font-size:9px}.chapter-display{inset:23% 15% 35%}.chapter-word{font-size:12vw!important}.stage-content{bottom:66px;grid-template-columns:1fr 1fr 1fr;gap:20px}.stage-intro h1{font-size:20px;margin-bottom:5px;max-width:275px}.stage-intro p{display:none}.stage-cta{text-align:center}.stage-cta .button{min-height:44px;padding:10px 16px;min-width:170px}.stage-cta p{display:none}.chapter-nav{grid-column:auto;flex-direction:column;gap:0;align-items:flex-end}.chapter-nav button{font-size:10px;min-height:30px;padding-block:4px}.stage-bottom{bottom:10px;padding-top:8px}.stage-bottom button{min-height:36px;padding:6px 10px}.stage-bottom #scene-status{font-size:9px}.scroll-cue{top:30%;font-size:8px}.experience #scene{height:100%;top:0}}

/* Founder correction: horizontal white identity and readable spacing. */
.header .logo-frame,.footer .logo-frame{width:200px;height:64px;background:transparent;overflow:visible;display:flex;align-items:center}
.header .logo-frame img,.footer .logo-frame img{width:200px;height:auto;max-height:64px;transform:none;object-fit:contain;filter:brightness(0) invert(1)}
.footer{background:var(--ink);color:#fff}.footer a,.footer small{color:#cbd5e1}
h1,h2,h3,.stage-intro h1{letter-spacing:0;word-spacing:.08em}
.chapter-word{letter-spacing:-.01em;font-size:clamp(4rem,14vw,14rem)}
@media(max-width:760px){.chapter-word{letter-spacing:0;font-size:18vw!important}.header .logo-frame,.footer .logo-frame{width:168px;height:54px}.header .logo-frame img,.footer .logo-frame img{width:168px;max-height:54px}.footer{display:flex;flex-direction:column;align-items:flex-start;gap:24px;padding:32px 20px;width:100%;max-width:none}.footer p,.footer small,.footer a{color:#e2e8f0}.footer div{flex-wrap:wrap;gap:16px}}
@media(min-width:761px) and (max-height:619px){.header .logo-frame{width:150px;height:50px}.header .logo-frame img{width:150px;max-height:50px}}
