/* One persistent, centered Macintosh across all chapters. */
html{scroll-padding-top:0}.journey{height:550vh;min-height:0}.stage{position:sticky;top:0;height:100svh;min-height:0;display:block;overflow:hidden;--archive-presence:1;--dev-presence:0;--marketing-presence:0}
.main-machine{left:50%;top:59%;position:absolute;margin:0;width:min(740px,79svh,66vw);max-width:none;transform:translate(-50%,-50%) scale(var(--machine-scale,1));transform-origin:50% 40%}
.flow-anchor{position:absolute;width:1px;height:1px;left:0;pointer-events:none}.archive-anchor{top:105vh}.dev-anchor,.universe-anchor{top:250vh}.marketing-anchor{top:400vh}
.stage-index,.stage-collections,.archive-caption,.archive-status,.now-playing,.screen{opacity:calc(var(--library-opacity,0)*var(--archive-presence,1))}.service-open .stage-index,.service-open .stage-collections,.service-open .now-playing{visibility:hidden}
.chapter-screen{position:absolute;left:27.2%;top:20.6%;width:45.6%;height:35.3%;border-radius:8%;overflow:hidden;background:#171d19;color:#eaeed7;padding:7% 4% 3%;font:clamp(9px,1.1vw,15px)/1.6 monospace;pointer-events:none;z-index:3}.dev-screen{opacity:var(--dev-presence,0)}.marketing-screen{opacity:var(--marketing-presence,0);background:#ece9ce;color:#171915;padding-top:8%}
.chapter-toolbar{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;padding:7px 12px;border-bottom:1px solid #d5d7b333;color:#a8af99;font-size:9px}.chapter-screen p{margin:10px 0}.chapter-screen b{color:#ffdc00;font-weight:400}.code-comment{color:#929f89}.screen-pill{font-size:8px;color:#e7cd44;letter-spacing:.4px}.campaign-label{font-size:8px;letter-spacing:.5px}.marketing-screen h3{font:500 clamp(17px,2.4vw,34px)/1.06 'Space Grotesk',sans-serif;margin:13px 0 10px;letter-spacing:-1px}.marketing-screen h3 em{font-family:Georgia,serif}.marketing-screen .chapter-toolbar{background:#ffdc00;color:#20221e;border:0}.campaign-line{height:5px;width:70%;background:#ffdc00;margin-bottom:10px}.marketing-screen .screen-pill{color:#45463b}
.flow-copy{position:absolute;inset:0;z-index:5;pointer-events:none}.dev-copy{opacity:var(--dev-presence,0)}.marketing-copy{opacity:var(--marketing-presence,0)}.flow-copy>.eyebrow{position:absolute;top:135px;left:5%;color:#ffdc00}.flow-copy h2{position:absolute;left:4%;top:30%;width:23%;font-size:clamp(23px,2.8vw,42px);letter-spacing:-1.3px;line-height:1.1}.flow-copy>p{position:absolute;left:4%;top:49%;width:20%;font-size:14px;line-height:1.7;color:#adb4b1}.flow-copy ul{position:absolute;right:4%;top:39%;width:17%;list-style:none;margin:0;padding:0}.flow-copy li{border-bottom:1px solid #ffffff24;padding:17px 0;font:12px monospace;color:#d4d9cd}.chapter-cta{position:absolute;right:4%;top:68%;width:17%;font-size:12px;color:#ffdc00;line-height:1.7;pointer-events:auto}.flow-copy[inert] .chapter-cta{pointer-events:none}
@media(max-width:1000px) and (min-width:701px){.flow-copy h2{font-size:25px}.flow-copy>p{font-size:12px;top:47%}.flow-copy li{font-size:10px}.chapter-cta{font-size:11px}}
@media(max-width:700px){
header .nav-contact{display:none}header nav{gap:18px}header nav a{white-space:nowrap}header nav a:nth-child(2){display:inline}
.journey{height:590vh}.stage{padding:0}.main-machine,.library-open .main-machine{left:50%;top:45%;width:min(102vw,510px);margin:0;transform:translate(-50%,-50%) scale(var(--machine-scale,1));transform-origin:50% 40%}
.hero-caption{top:115px}.hero-caption h1{font-size:24px}.sapinho{left:calc(50% - (1 - var(--frog-progress,0))*100px);top:55%;bottom:auto;width:calc(175px + var(--frog-progress,0)*80px);transform:translateX(-50%);z-index:4}
.archive-caption{position:absolute;top:100px;left:6%;margin:0;padding:0;background:none;opacity:calc(var(--library-opacity,0)*var(--archive-presence,1));pointer-events:none}.archive-caption h2{font-size:18px;margin-top:7px}.archive-caption h2 br{display:none}.archive-caption>.eyebrow{font-size:8px}
.stage-index{position:absolute;left:5%;top:73%;width:55%;max-width:none;margin:0;transform:none;opacity:calc(var(--library-opacity,0)*var(--archive-presence,1));visibility:hidden}.stage-collections{position:absolute;right:4%;left:auto;top:72%;width:31%;margin:0;transform:none;opacity:calc(var(--library-opacity,0)*var(--archive-presence,1));visibility:hidden}.library-open:not(.service-open) .stage-index,.library-open:not(.service-open) .stage-collections{visibility:visible}
.results{max-height:110px}.window-bar{padding:8px 10px;font-size:11px}.index-footer,.index-label,.collections>.eyebrow,.disk-note{display:none}.search{margin:7px;padding:3px 5px}.search input{font-size:11px}.search span{font-size:17px}.entry{padding:6px;gap:7px}.entry img{width:22px;height:27px}.entry strong{font-size:11px}.entry small{font-size:8px}.disks{max-height:200px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;padding:5px 8px;gap:10px;align-items:stretch}.disk,.disk:nth-child(n){width:100%;height:77px;min-height:77px;margin:0;padding:0 7px 6px;transform:none}.disk .disk-top{font-size:6px;padding:3px;margin:0 7px 4px}.disk strong{font-size:12px;padding:3px}.disk small{display:none}.disk strong br{display:none}
.now-playing{position:absolute;top:62%;bottom:auto;left:50%;transform:translateX(-50%);margin:0;width:235px;max-width:70%;min-height:0;padding:8px;order:initial}.now-playing strong{font-size:10px}.now-playing button{font-size:11px}.archive-status{position:absolute;top:97%;left:5%;bottom:auto;margin:0;border:0;padding:0;font-size:8px;line-height:1}
.flow-copy>.eyebrow{top:109px;left:6%;font-size:9px}.flow-copy h2{top:132px;left:6%;width:88%;font-size:23px;line-height:1.05}.flow-copy h2 br{display:none}.flow-copy>p{top:73%;left:6%;width:88%;font-size:13px;margin:0;line-height:1.5}.flow-copy ul{top:84%;left:6%;right:auto;width:88%;display:flex;gap:16px}.flow-copy li{font-size:9px;padding:9px 0}.chapter-cta{top:92%;left:6%;right:auto;width:88%;font-size:11px}
.chapter-screen{font-size:10px}.chapter-toolbar{font-size:7px;padding:5px 9px}.screen-pill,.campaign-label{font-size:6px}.marketing-screen h3{font-size:24px}
}
@media(prefers-reduced-motion:reduce){.main-machine{transform:translate(-50%,-50%)!important}.sapinho{transform:translateX(-50%)!important}}

@media(max-width:700px){.flow-copy::before{content:"";position:absolute;inset:70% 0 0;background:#0d0d0d}.flow-copy>p,.flow-copy ul,.chapter-cta{z-index:1}}
.hero-caption{opacity:var(--hero-opacity,1)}