.scene-story{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,7vw,7rem);align-items:stretch;min-height:155svh;border-top:1px solid var(--line)}.scene-copy{min-width:0}.scene-copy>.eyebrow{color:#52664b;margin-bottom:1.4rem}.scene-copy h2{font-size:clamp(3rem,5vw,5rem)}.scene-intro{color:#5d6f5a;font-size:.93rem;max-width:40ch;margin-top:1.5rem}.scene-notes{margin:2.3rem 0}.scene-notes article{border-left:2px solid #cdd7c6;padding:.2rem 0 .2rem 1.2rem;margin:1.65rem 0;transition:border-color .2s}.scene-notes article.active{border-color:#557947}.scene-notes article>span{font-size:.61rem;letter-spacing:.12em;color:#617957}.scene-notes h3{font-size:1rem;font-weight:500;line-height:1.4;margin:.55rem 0}.scene-notes p{font-size:.82rem;color:#5d6f5a;line-height:1.7;max-width:38ch}.scene-app{display:inline-block;color:#274a36;border-color:#8ea280}.scene-lab{display:block;font-size:.77rem;color:#5b7251;margin-top:1.2rem;text-decoration:underline;text-underline-offset:.25rem}.scene-rail{position:relative;min-width:0}.scene-stage{position:sticky;top:3rem;background:#f9f7ee;border:1px solid #d3dbca;border-radius:.6rem;box-shadow:0 14px 35px #18382a12;overflow:hidden}.scene-mat{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1.25rem 1.3rem;color:#425b3a}.scene-count{font-size:.62rem;letter-spacing:.08em}.scene-window{position:relative;aspect-ratio:1.25;overflow:hidden;background:#c6d0b9;isolation:isolate}.scene-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;will-change:opacity,transform}.scene-image:first-child{opacity:1}.scene-image[data-scene-image="1"]{object-fit:contain;background:#b9c8b3}.scene-image[data-scene-image="2"]{object-position:center}.scene-tabs{display:flex;border-block:1px solid #d0d9c5}.scene-tabs button{flex:1;min-height:48px;padding:.75rem .5rem;font-size:.76rem;background:transparent;color:#49613f;border-bottom:2px solid transparent}.scene-tabs [aria-selected=true]{border-color:#496d3a;color:#233e2b;background:#e9eedf}.scene-stage figcaption{min-height:107px;padding:1.2rem 1.3rem}.scene-stage figcaption strong{font-size:.88rem;font-weight:500;line-height:1.45}.scene-stage figcaption p{font-size:.66rem;line-height:1.6;color:#5d6e54;margin-top:.4rem}.scene-instruction{font-size:.65rem;color:#63765a;margin:1rem 0 0;text-align:center;position:sticky;top:calc(3rem + 38vw);visibility:hidden}.story-flock{position:absolute;left:0;top:0;width:150px;visibility:hidden;z-index:3;pointer-events:none;transform-origin:center}.story-flock svg{display:block;width:100%;overflow:visible}.story-flock .near-wing,.story-flock .far-wing{transform-origin:2px 2px}.story-seed{position:absolute;left:0;top:0;width:35px;height:38px;visibility:hidden;pointer-events:none;z-index:3}.scene-stage :focus-visible{outline-offset:-5px;box-shadow:none}.scene-stage figcaption:focus-visible{outline-offset:-4px}
@media(max-width:1000px){.scene-story{gap:3rem;min-height:150svh}.scene-stage{top:2rem}.scene-mat{padding:1rem}.scene-mat .eyebrow{font-size:.6rem}.scene-stage figcaption{padding:1rem;min-height:117px}.scene-window{aspect-ratio:1.1}.scene-copy h2{font-size:4rem}}
@media(max-width:760px){.scene-story{grid-template-columns:minmax(0,1fr);min-height:0;gap:2.5rem}.scene-copy h2{font-size:clamp(3rem,14vw,3.6rem)}.scene-intro{font-size:.9rem;max-width:none}.scene-notes{display:grid;gap:1rem;margin:1.8rem 0}.scene-notes article{margin:0;padding:.2rem 0 .2rem 1rem}.scene-notes h3{font-size:.94rem}.scene-notes p{font-size:.79rem;max-width:none}.scene-rail{max-width:520px;width:100%;justify-self:center}.scene-stage{position:relative;top:0}.scene-window{aspect-ratio:1.25}.scene-stage figcaption{min-height:110px}.scene-instruction{position:static;visibility:visible;font-size:.64rem}.scene-app{font-size:.8rem}.story-flock,.story-seed{visibility:hidden!important}}
@media(prefers-reduced-motion:reduce){.scene-story{min-height:0}.scene-stage{position:relative;top:0}.scene-image{transform:none!important}.story-flock,.story-seed{visibility:hidden!important}.scene-notes article{transition:none}.scene-instruction{visibility:visible;position:static}}
html[data-motion=reduce] .scene-story{min-height:0}html[data-motion=reduce] .scene-stage{position:relative;top:0}html[data-motion=reduce] .scene-image{transform:none!important}html[data-motion=reduce] .story-flock,html[data-motion=reduce] .story-seed{visibility:hidden!important}html[data-motion=reduce] .scene-instruction{position:static;visibility:visible}