.scroll-film{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;opacity:0;transition:opacity 350ms ease;pointer-events:none}
.scene>.scroll-film{z-index:-3}
.scene .video-poster{z-index:-4}
.scroll-film.is-ready{opacity:1}
.medical .scene-shade{background:rgba(7,26,30,.63)}
.supply-film-scene .scene-shade{background:rgba(7,26,30,.65)}
.film-control{position:relative;z-index:3;justify-self:end;align-self:end;max-width:250px}
.play-film{border:0;background:var(--pale);color:var(--ink);font:600 14px var(--body);padding:16px 24px;min-height:48px;cursor:pointer;transition:transform 140ms var(--ease),background-color 180ms ease}
.play-film:active{transform:scale(.97)}
.film-status{font-size:13px;line-height:1.5;margin-top:14px;max-width:240px;color:var(--pale)}
.architecture .film-control{margin-top:24px}
.architecture .play-film{background:var(--teal);color:var(--white)}
.architecture .film-status{color:var(--ink)}
.architecture-photo .scroll-film{height:100%;object-position:60% center}
.supply-film-scene{min-height:90svh}
.scene:has(.film-control) .scene-layout{padding-bottom:120px}
@media(hover:hover) and (pointer:fine){.play-film:hover{background:var(--white)}.architecture .play-film:hover{background:var(--deep)}}
@media(max-width:700px){.scene:has(.film-control){min-height:90svh}.scene:has(.film-control) .scene-layout{justify-content:space-between;padding-bottom:130px}.film-control{align-self:start}.scene>.scroll-film{object-position:center}.medical-film{object-position:65% center!important}.scene-note{font-size:13px;bottom:26px}}
@media(prefers-reduced-motion:reduce){.scroll-film{transition:none}}
.motion-paused .scroll-film{transition:none}
.film-branding{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:38%;min-width:190px;max-width:620px;padding:18px 24px;background:rgba(234,240,237,.9);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);pointer-events:none;z-index:1}
.film-branding img{width:100%;height:auto;max-height:95px;object-fit:contain;mix-blend-mode:multiply}
.scene-layout{z-index:2}
.architecture-photo .film-branding{z-index:1}
@media(max-width:700px){.film-branding{width:72%;min-width:0;padding:12px 18px}.medical .film-branding,.supply-film-scene .film-branding{top:66%}}
.medical .scene-copy,.supply-film-scene .scene-copy{max-width:380px}
.medical h2,.supply-film-scene h2{font-size:clamp(42px,4.05vw,58px)}
.medical .scene-copy p,.supply-film-scene .scene-copy p{font-size:16px;max-width:360px}
.medical .scene-layout,.supply-film-scene .scene-layout{align-items:start}
.medical .film-control,.supply-film-scene .film-control{align-self:end}
@media(max-width:700px){
 .medical .scene-photo,.supply-film-scene .scene-photo,.medical>.scroll-film,.supply-film-scene>.scroll-film,.medical>.scene-shade,.supply-film-scene>.scene-shade{top:0;bottom:auto;height:58svh;inset-inline:0}
 .medical>.film-branding,.supply-film-scene>.film-branding{top:29svh}
 .medical .scene-layout,.supply-film-scene .scene-layout{padding-top:calc(58svh + 35px)!important;padding-bottom:35px!important;min-height:0!important;gap:24px}
 .medical .film-control,.supply-film-scene .film-control{align-self:start}
 .medical .scene-note,.supply-film-scene .scene-note{position:static;margin-top:10px}
 .medical .scene-copy,.supply-film-scene .scene-copy{max-width:100%}
 .medical h2,.supply-film-scene h2{font-size:12vw}
}