/* Portrait art direction, confined to phones. Desktop reels retain their composition. */
@media(max-width:760px){
 .hero.hero-film{height:100svh;min-height:0;max-height:none;overflow:hidden;background:#0a0a0a}
 .hero-film .hero-video{width:100%;height:100%;object-fit:cover;object-position:50% 50%}
 .hero-film::after{content:"";position:absolute;inset:auto 0 0;height:120px;background:linear-gradient(transparent,#0009);pointer-events:none;z-index:2}
 .hero-film .hero-bottom{left:20px;right:20px;bottom:max(24px,env(safe-area-inset-bottom));gap:20px;z-index:3}
 .hero-film .hero-bottom>span{max-width:155px;font-size:11px;line-height:1.45;text-shadow:0 1px 8px #000}
 .hero-film .hero-bottom a{font-size:11px;text-shadow:0 1px 8px #000}
 .image-frame.essie,.image-frame.loop-film{aspect-ratio:4/3;height:auto;min-height:0;background:#0a0a0a}
 #essie-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
 .image-frame.loop-film mux-player{position:absolute;inset:0;width:100%;height:100%;--media-object-fit:cover;--media-object-position:center;transform:scale(1.27);transform-origin:center}
 .case-meta{gap:16px}.case-meta>div{max-width:100%;font-size:14px;line-height:1.5}
 .case-summary{font-size:17px;line-height:1.5}
 .cookie-notice{max-width:calc(100vw - 32px)}
}