.scroll-story{position:relative;background:#e5ece5;min-height:245svh;padding:0 0 60px;margin-top:20px}.scroll-stage{position:sticky;top:95px;min-height:calc(100svh - 110px);display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center;padding-block:40px}.scroll-copy h2{font-size:clamp(35px,4vw,56px)}.scroll-copy .lead{font-size:17px;max-width:36ch}.scene-labels{display:flex;list-style:none;gap:22px;padding:0;margin:30px 0 20px;font-size:12px}.scene-labels li{color:#586f66;border-bottom:2px solid transparent;padding-bottom:9px}.scene-labels li.active{color:#173c34;border-color:#173c34}.motion-toggle{border:0;background:transparent;padding:8px 0;color:var(--ink);font-size:12px;min-height:44px}.story-board{position:relative;height:450px;isolation:isolate}.story-notes,.story-browser,.story-review{position:absolute;inset:0;display:flex;justify-content:center;flex-direction:column}.story-notes{padding:40px;gap:22px}.note{background:#faf8f0;border:1px solid #cbd5c5;box-shadow:0 14px 35px #244b3710;padding:22px 28px;border-radius:14px;max-width:370px}.note:nth-child(2){align-self:end;transform:rotate(3deg)}.note:nth-child(3){transform:rotate(-2deg)}.note small{display:block;color:#687568;margin-bottom:9px}.note strong{font-size:20px;font-weight:500}.story-browser{inset:35px 0 40px;background:#f8f5eb;border:1px solid #c2cec0;border-radius:15px;overflow:hidden;box-shadow:0 26px 50px #244b3720;opacity:0;pointer-events:none}.browser-rail{display:flex;gap:7px;align-items:center;padding:13px 18px;border-bottom:1px solid #d3dbcb;background:#ffffff60;font-size:9px}.browser-rail i{width:6px;height:6px;background:#bdcbbd;border-radius:50%}.browser-rail span{flex:1;text-align:center;padding-right:35px}.browser-body{padding:27px 30px;position:relative}.browser-body>p{font:16px Serif,Georgia,serif}.browser-body h3{font:39px/1.1 Serif,Georgia,serif;letter-spacing:-.035em;max-width:9ch}.browser-art{position:absolute;right:25px;top:85px;width:135px;height:140px}.browser-art span{position:absolute;background:#a9b99c;border-radius:70px 70px 3px 3px;width:85px;height:140px;bottom:0;left:0}.browser-art span:nth-child(2){left:72px;width:60px;height:60px;border-radius:50%;background:#c7b794;bottom:34px}.browser-art span:nth-child(3){left:69px;width:65px;height:34px;border-radius:50% 50% 3px 3px;background:#b7aa8d}.browser-services{display:flex;gap:18px;border-top:1px solid #c5cec1;padding-top:16px;margin-top:45px;font-size:11px}.story-review{inset:40px;padding:42px;background:#183b3c;color:#f7f7ee;border-radius:20px;box-shadow:0 25px 50px #183b3c20;opacity:0;pointer-events:none}.story-review>span{font-size:12px;color:#b5cdc2;margin-bottom:25px}.story-review h3{font-size:38px;line-height:1.12;margin-bottom:20px}.story-review p{font-size:14px;color:#c4d4ca}.story-review .button{background:#f6f4e9;color:#183b3c;border-color:#f6f4e9;align-self:start;margin-top:12px}.scene-reader{position:absolute;left:0;top:0;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.film-section{display:grid;grid-template-columns:.7fr 1.3fr;gap:65px;align-items:center;padding-block:80px 110px}.film-section video{display:block;width:100%;height:auto;border-radius:18px;background:#e3e8dd;border:1px solid #cbd6c7}.film-section .quiet{margin-top:15px;margin-bottom:0}.film-section p{max-width:35ch;color:var(--muted)}.scroll-story.static{min-height:auto;padding-block:50px}.scroll-story.static .scroll-stage{position:relative;top:auto;min-height:auto}.scroll-story.static .story-notes{display:none}.scroll-story.static .story-browser{opacity:1;pointer-events:auto}.scroll-story.static .story-review{display:none}.scroll-story.static .scene-reader{position:static;width:auto;height:auto;clip-path:none;max-width:1100px;margin:auto;padding:20px 32px;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;font-size:14px}.scroll-story.static .scene-labels{display:none}
@media(max-width:760px){.scroll-story{min-height:225svh;padding-bottom:30px}.scroll-stage{top:76px;min-height:calc(100svh - 76px);grid-template-columns:1fr;gap:10px;padding-block:24px;align-content:center}.scroll-copy h2{font-size:30px;margin-bottom:14px}.scroll-copy .intro{margin-bottom:12px;font-size:12px}.scroll-copy .lead{font-size:14px;margin-bottom:0;max-width:50ch}.scene-labels{margin:18px 0 0;gap:18px;font-size:11px}.motion-toggle{padding:5px 0;margin-top:5px}.story-board{height:300px}.story-notes{padding:10px;gap:12px}.note{padding:14px 20px;width:88%;max-width:340px}.note small{font-size:10px;margin-bottom:5px}.note strong{font-size:16px}.story-browser{inset:0 0 10px}.browser-body{padding:20px}.browser-body h3{font-size:32px}.browser-art{transform:scale(.75);transform-origin:bottom right;top:50px;right:15px}.browser-services{margin-top:38px;gap:13px;font-size:10px}.story-review{inset:0 10px 10px;padding:28px}.story-review>span{margin-bottom:17px}.story-review h3{font-size:31px}.story-review p{font-size:13px}.story-review .button{margin-top:4px;min-height:44px}.film-section{grid-template-columns:1fr;gap:20px;padding-block:45px 65px}.film-section h2{margin-bottom:17px}.scroll-story.static .scene-reader{grid-template-columns:1fr;gap:5px;padding-inline:20px}}
@media(prefers-reduced-motion:reduce){.scroll-story{min-height:auto;padding-block:40px}.scroll-stage{position:relative;top:auto;min-height:auto}.story-notes,.story-review{display:none}.story-browser{opacity:1;transform:none!important;pointer-events:auto}.scene-labels{display:none}.scene-reader{position:static;width:auto;height:auto;clip-path:none;padding:20px;max-width:1100px;margin:auto}.motion-toggle{display:none}}