.detail-story{height:430svh;background:#172015;position:relative;scroll-margin-top:0}.detail-stage{height:100svh;position:sticky;top:0;overflow:hidden;background:radial-gradient(ellipse at 32% 55%,#3c4b2e,#141d12 72%);color:#edf2e6}.detail-heading{position:absolute;top:10%;left:6%;z-index:2}.detail-heading>span,.detail-callouts article>span{font:10px monospace;letter-spacing:1.5px;color:#baff00}.detail-heading h2{font:400 clamp(30px,4vw,58px)/1.02 'DM Sans',sans-serif;letter-spacing:-2px;margin-top:20px}.detail-heading em{font-family:Georgia,serif;font-weight:400}.detail-canvas,.detail-lines{position:absolute;inset:0;width:100%;height:100%}.detail-canvas canvas{display:block}.detail-lines{pointer-events:none;z-index:2;overflow:visible}.detail-lines path{fill:none;stroke:#baff00;stroke-width:1;stroke-dasharray:5 4}.detail-lines circle{fill:#baff00;stroke:#172015;stroke-width:2}.detail-callouts{position:absolute;left:70%;top:42%;width:25%;z-index:3}.detail-callouts article{animation:detail-reveal .55s ease both}.detail-callouts article[hidden]{display:none}.detail-callouts h3{font-size:clamp(21px,2.3vw,34px);line-height:1.35;font-weight:400;letter-spacing:-1px;margin:20px 0}.detail-callouts p{font-size:13px;line-height:1.9;color:#bcc9b1}.detail-steps{display:flex!important;position:absolute;bottom:9%;left:6%;right:6%;gap:12px;z-index:4}.detail-steps button,.detail-steps a{font:11px monospace;background:transparent;color:#9eae92;border:1px solid #5b6f4a;padding:12px 18px;cursor:pointer;border-radius:3px}.detail-steps button[aria-current=true]{color:#172015;background:#baff00;border-color:#baff00}.detail-steps a{margin-left:auto}.detail-progress{position:absolute;bottom:0;left:0;width:100%;height:3px;background:#baff00;transform:scaleX(var(--detail-progress,0));transform-origin:left}.detail-disclaimer{position:absolute;bottom:4%;right:6%;font-size:10px;color:#8fa47e}
@keyframes detail-reveal{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.experience.flow-motion>img{transform:scale(var(--flow-scale,1.1)) translateY(var(--flow-shift,0px));will-change:transform}.flow-motion .experience-content{opacity:var(--flow-reveal,1);transform:translateY(calc((1 - var(--flow-reveal,1))*45px));transition:opacity .15s,transform .15s}.flow-motion h2{clip-path:inset(0 calc((1 - var(--flow-reveal,1))*100%) 0 0)}
@media(max-width:700px){.detail-story{height:390svh}.detail-heading{top:9%;left:7%}.detail-heading h2{font-size:34px;margin-top:12px}.detail-callouts{left:14%;top:65%;width:78%}.detail-callouts h3{font-size:22px;margin:10px 0}.detail-callouts h3 br{display:none}.detail-callouts p{font-size:12px;line-height:1.7}.detail-callouts article>span{font-size:9px}.detail-steps{bottom:7%;left:7%;right:7%;gap:5px}.detail-steps button,.detail-steps a{padding:10px 8px;font-size:9px}.detail-disclaimer{bottom:3%;font-size:8px}}
@media(prefers-reduced-motion:reduce){.detail-callouts article{animation:none}.experience.flow-motion>img{transform:none;will-change:auto}.flow-motion .experience-content{opacity:1;transform:none;transition:none}.flow-motion h2{clip-path:none}}
.detail-heading h2{opacity:clamp(0,calc(1 - var(--detail-progress,0)*5),1);transform:translateY(calc(var(--detail-progress,0)*-20px));pointer-events:none}

/* Closing color selection chapter, linked to natural scroll. */
.collection-motion{position:relative;isolation:isolate}
.collection-motion:before{content:'';position:absolute;left:7%;right:7%;top:0;height:3px;background:#9acc12;transform:scaleX(var(--collection-progress,0));transform-origin:left;pointer-events:none}
.collection-reveal{display:flow-root;--collection-reveal:1}
.collection-reveal>*{opacity:calc(.12 + var(--collection-reveal)*.88);transform:translateY(calc((1 - var(--collection-reveal))*38px))}
.collection-reveal:focus-within>*{opacity:1;transform:none}
.collection-reveal>.spec{border-color:color-mix(in srgb,#9ba889 calc(var(--collection-reveal)*100%),transparent)}
@media(prefers-reduced-motion:reduce){.collection-reveal>*{opacity:1;transform:none}.collection-motion:before{transform:none}}