.scroll-film{position:relative;background:#f7f2e4}
.film-stage{position:relative;height:100svh;min-height:700px;overflow:hidden;isolation:isolate}
.film-video,.film-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.film-video{display:none}
.film-stage::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 53%,rgba(247,242,228,.4) 70%,#f7f2e4 85%);z-index:1}
.film-copy{position:relative;z-index:2;width:36%;max-width:560px;padding:0;margin-left:60%;top:19%;transform:none}
.film-copy h1{font:700 clamp(34px,3.65vw,60px)/1.08 var(--display);letter-spacing:-.045em;margin:0 0 22px;color:var(--deep)}
.film-copy p{max-width:490px;font-size:16px;line-height:1.7;margin:0 0 28px}
.film-caption{position:absolute;bottom:26px;left:6%;right:6%;display:flex;justify-content:space-between;align-items:center;z-index:3;font-size:12px;letter-spacing:.05em}
.film-caption a{text-underline-offset:5px}
.scroll-film.is-enhanced{height:400svh}
.is-enhanced .film-stage{position:sticky;top:0;min-height:0}
.is-enhanced .film-video{display:block}
.film-poster{top:auto;height:auto;max-height:100%;object-fit:contain;object-position:left bottom;transform:translateX(-15%);mask-image:linear-gradient(to bottom,transparent,#000 12%)}
.is-enhanced .film-poster{display:block;opacity:0;transition:opacity .4s ease}
.is-enhanced .film-video{transition:opacity .4s ease}
.is-enhanced.show-message .film-poster{opacity:1}
.is-enhanced.show-message .film-video{opacity:0}
.is-enhanced .film-copy,.is-enhanced .film-stage::after{opacity:0;transition:opacity .4s ease}
.is-enhanced.show-message .film-copy,.is-enhanced.show-message .film-stage::after{opacity:1}
@media(max-width:700px){
  .film-stage{min-height:760px}
  .film-video,.film-poster{object-fit:contain;object-position:center 24%;transform:none}
  .film-poster{top:0;height:100%;max-height:none;mask-image:none}
  .film-stage::after{background:linear-gradient(0deg,#f7f2e4 12%,rgba(247,242,228,.98) 42%,rgba(247,242,228,0) 68%)}
  .film-copy{width:auto;max-width:none;margin:0 24px;top:46%;transform:none}
  .film-copy h1{font-size:clamp(30px,8.9vw,52px);margin-bottom:16px}
  .film-copy p{font-size:14px;line-height:1.65;margin-bottom:20px;max-width:460px}
  .film-copy .button{min-height:48px;padding:13px 20px;font-size:14px}
  .film-caption{left:24px;right:24px;bottom:20px;font-size:10px}
}
@media(max-height:650px) and (min-width:701px){.film-copy h1{font-size:clamp(30px,3.2vw,48px)}.film-copy p{font-size:14px;line-height:1.55}.film-copy{top:23%}}
@media(prefers-reduced-motion:reduce){.film-copy,.film-stage::after,.film-video,.film-poster{transition:none!important}}
.film-caption span,.film-caption a{background:rgba(247,242,228,.9);padding:9px 12px;border-radius:24px;color:var(--deep)}
@media(max-width:700px) and (max-height:700px){.film-copy{top:49%}.film-copy h1{font-size:30px}.film-copy p{font-size:13px;line-height:1.5;margin-bottom:14px}.film-copy .button{min-height:44px;padding:10px 18px}.film-caption{bottom:10px}.film-caption span,.film-caption a{padding:6px 8px;font-size:9px}}