/* Scroll-controlled project sequence. */
/* Static vertical reading is the baseline. Pin only when the viewport can contain the panel. */
.work-scroll{height:auto;view-timeline:none}.work-sticky{position:relative;top:auto;height:auto;padding:32px var(--pad);overflow:clip}.work-viewport{height:auto;overflow:visible}.work-track{display:block;animation:none!important;transform:none;width:100%;height:auto;gap:0;margin:0;padding:0;overflow:visible;scroll-snap-type:none}.project-story{width:100%;min-width:0;display:grid;grid-template-columns:1.3fr 1fr;gap:6%;padding:0;align-items:center;margin-bottom:50px;min-height:500px}.project-story:last-child{margin-bottom:0}.project-visual{min-height:0;height:440px;min-width:0}.project-copy{min-width:0}.project-copy h3{font-size:clamp(38px,4.5vw,68px)}.project-copy>p:not(.eyebrow){font-size:12px;max-width:390px;margin:22px 0}.work-controls{margin-top:15px;height:40px}.work-controls button{width:38px;height:38px}.work-controls .work-track-line i{transform:none}.gallery-hint{font-size:8px}
.story-pinned .work-scroll{height:360svh}.story-pinned .work-sticky{position:sticky;top:var(--nav-height);height:calc(100svh - var(--nav-height));padding:28px var(--pad) 20px}.story-pinned .work-viewport{height:calc(100% - 58px);overflow:clip}.story-pinned .work-track{display:flex;width:300%;height:100%;overflow:visible;will-change:transform}.story-pinned .project-story{flex:0 0 33.333333%;width:33.333333%;height:100%;min-height:0;margin:0;gap:6%;padding-right:22px}.story-pinned .project-visual{height:100%;min-height:0}.story-pinned .project-copy{padding:0}.story-pinned .project-copy .tags{margin-bottom:23px}.story-pinned .project-visual>video{object-fit:cover}.media-overlay{z-index:1}.visual-note{font-size:7px}
.motion-paused .project-story{min-height:0;margin:0 0 50px}.motion-paused .project-story:last-child{margin-bottom:0}.motion-paused .project-visual{height:440px}.motion-paused .work-track{padding:0;margin:0}

@media(max-width:1050px){.story-pinned .project-story{grid-template-columns:1.1fr 1fr;gap:5%;padding-right:10px}.project-copy h3{font-size:48px}.project-copy>p:not(.eyebrow){font-size:11px}}
@media(max-width:760px){.work-sticky{padding:25px 23px}.project-story{display:flex;flex-direction:column;align-items:stretch;gap:22px;min-height:0;margin-bottom:50px;padding:0;width:100%}.project-visual,.motion-paused .project-visual{height:clamp(190px,34svh,320px);min-height:0;width:100%}.project-copy h3{font-size:38px}.project-copy .eyebrow{font-size:8px;margin-bottom:12px}.project-copy>p:not(.eyebrow){font-size:11px;margin:17px 0;max-width:none}.project-copy .tags{margin-bottom:20px}.story-pinned .work-scroll{height:370svh}.story-pinned .work-sticky{padding:20px 23px 16px}.story-pinned .work-viewport{height:calc(100% - 51px)}.story-pinned .work-track{display:flex;width:300%;gap:0;margin:0;padding:0;overflow:visible}.story-pinned .project-story{display:flex;flex-direction:column;justify-content:center;align-items:stretch;width:33.333333%;height:100%;padding:0;gap:18px}.story-pinned .project-visual{height:clamp(180px,27svh,255px);flex:0 0 clamp(180px,27svh,255px);width:100%;min-height:0}.story-pinned .project-copy h3{font-size:34px}.story-pinned .project-copy>p:not(.eyebrow){font-size:10px;line-height:1.75;margin:13px 0}.story-pinned .project-copy .eyebrow{font-size:7px;margin-bottom:9px}.story-pinned .project-copy .tags{margin-bottom:17px;gap:6px}.story-pinned .project-copy .tags span{font-size:7px;padding:4px 9px}.story-pinned .project-copy .pill{min-height:41px;padding:9px 17px;font-size:9px}.work-controls{height:36px;margin-top:15px;gap:15px}.work-controls>div{margin-left:auto}.work-controls button{width:34px;height:34px}.work-track-line{display:block}.gallery-hint{font-size:0}.gallery-hint:before{content:'SCROLL TO EXPLORE · ';font-size:7px}.gallery-hint>span{font-size:17px}.visual-note{left:12px;bottom:10px;font-size:6px}.media-overlay{inset:12px 12px auto}.media-overlay>span:first-child{font-size:7px;padding:6px 9px}}

@media(max-width:370px){.story-pinned .project-copy h3{font-size:31px}}
html{scroll-padding-top:var(--nav-height)}
@media(max-width:1000px){.topbar nav{display:none}.nav-contact{margin-left:auto}}
@media(max-width:760px){.work-controls{height:44px}.work-controls button{width:44px;height:44px}.story-pinned .work-viewport{height:calc(100% - 59px)}.media-button{width:44px;height:44px}}