/* Portrait workshop studies: natural scrolling, no input capture. */
.scroll-film{background:#101214;border-top:1px solid #3d4245;border-bottom:1px solid #3d4245;margin:0;position:relative}
.film-stage{padding-top:64px;padding-bottom:64px;display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.75fr);gap:clamp(32px,7vw,120px);align-items:center}
.film-copy{max-width:520px}.film-copy h2{margin:0 0 26px}.film-copy>p:not(.eyebrow){color:#bcc2c5;max-width:440px}.film-copy .eyebrow{margin-bottom:24px}
.film-image{position:relative;aspect-ratio:608/1080;height:70vh;height:70svh;max-width:100%;width:auto;justify-self:center;overflow:hidden;background:#252729;border:1px solid #42484c}
.film-image img{width:100%;height:100%;object-fit:contain}.film-image video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;pointer-events:none}.has-frame:not(.is-still) .film-image video{opacity:1}
.film-controls{display:none;margin-top:34px;max-width:360px}.film-controls progress{display:block;width:100%;height:2px;border:0;border-radius:0;background:#454b4f;accent-color:#d4d8d7;margin:14px 0 18px}.film-controls progress::-webkit-progress-bar{background:#454b4f}.film-controls progress::-webkit-progress-value{background:#d4d8d7}.film-controls progress::-moz-progress-bar{background:#d4d8d7}
.film-status{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#c0c6c8}.film-toggle{border:0;border-bottom:1px solid #677074;background:none;padding:6px 0;color:#c4cacc;font-size:11px;cursor:pointer}.film-toggle[hidden]{display:none}
.is-scrubbable{height:190vh;height:190svh}.is-scrubbable .film-stage{position:sticky;top:0;height:100vh;height:100svh;padding-top:32px;padding-bottom:32px}.is-scrubbable .film-controls,.is-still .film-controls{display:block}.is-still progress{display:none}
@media(max-width:760px){.film-stage{grid-template-columns:1fr;gap:24px;padding-top:44px;padding-bottom:44px}.film-copy{max-width:none}.film-copy h2{font-size:2.4rem;margin-bottom:16px}.film-copy .eyebrow{font-size:9px;margin-bottom:14px}.film-copy>p:not(.eyebrow){font-size:13px;line-height:1.6}.film-image{height:43vh;height:43svh;max-height:none;max-width:100%}.film-controls{margin-top:17px;max-width:none}.film-controls progress{margin:9px 0}.film-stage{align-content:center}.is-scrubbable{height:175vh;height:175svh}.is-scrubbable .film-stage{gap:18px;padding-top:24px;padding-bottom:24px}.film-toggle{font-size:10px;padding:3px 0}.film-status{font-size:9px}}
@media(max-height:650px) and (min-width:761px){.film-copy h2{font-size:2.5rem}.film-copy>p:not(.eyebrow){font-size:13px}.film-image{max-height:80vh}.film-controls{margin-top:16px}}
@media(max-width:760px) and (max-height:700px){.film-copy h2{font-size:1.9rem;margin-bottom:10px}.film-copy>p:not(.eyebrow){font-size:12px}.film-copy .eyebrow{margin-bottom:8px}.film-image{height:37svh}.is-scrubbable .film-stage{gap:12px;padding-top:12px;padding-bottom:12px}.film-controls{margin-top:10px}}
@media(prefers-reduced-motion:reduce){.scroll-film.is-scrubbable{height:auto}.scroll-film .film-stage{position:static;height:auto;min-height:0;padding-top:44px;padding-bottom:44px}.film-image video{display:none!important}.film-controls progress,.film-toggle{display:none!important}}
/* Keep the still-view control clear of the progress track, including native-control renderers. */
.film-toggle{display:block;min-height:32px;line-height:1.6;margin-top:12px;padding:6px 0;border:0;text-align:left;text-decoration:underline;text-underline-offset:5px}.film-toggle[hidden]{display:none}
.film-controls progress{appearance:none;-webkit-appearance:none;overflow:hidden;flex:none}