/* V24 — smooth, accessible transitions and mobile film controls */
.page-index .v23-hero-img{transform:scale(1.025);animation:v24Hero 1.25s cubic-bezier(.18,.65,.18,1) both;will-change:transform}
.page-index .v23-hero h1{animation:v24Title .85s .15s both}
@keyframes v24Hero{from{opacity:.55;transform:scale(1.075)}to{opacity:1;transform:scale(1.025)}}
@keyframes v24Title{from{opacity:0;transform:translateY(27px)}to{opacity:1;transform:translateY(0)}}
.v24-reveal{opacity:1;transform:none}
.v24-motion-enabled .v24-reveal{opacity:0;transform:translateY(32px);transition:opacity .7s ease,transform .85s cubic-bezier(.2,.7,.2,1)}
.v24-motion-enabled .v24-reveal.v24-visible{opacity:1;transform:none}
.v23-film{display:block;min-width:0}
.v23-film>div{isolation:isolate}
.v23-film video{display:block;background:#161616}
.v23-play{appearance:none;cursor:pointer;z-index:2;pointer-events:auto;touch-action:manipulation;font:inherit;color:#fff;transition:background .2s,transform .2s}
.v23-play:hover,.v23-play:focus-visible{background:#d83a34;transform:scale(1.07);outline:2px solid #fff;outline-offset:3px}
.v24-film-label{display:flex;justify-content:space-between;gap:12px;padding:14px 0;font-size:11px;letter-spacing:.09em;font-weight:700;border-bottom:1px solid #343434;min-height:47px}
.v24-film-label b{font-weight:400}
.v23-film.is-playing .v23-play{opacity:.72}
.v23-film.is-playing .v23-play:not(:focus-visible){background:rgba(0,0,0,.45)}
.v23-editorial-item img,.v23-sheet-grid img{backface-visibility:hidden}
.v23-interlude-track{animation-duration:45s}
.v23-interlude:hover .v23-interlude-track{animation-play-state:paused}
@media(max-width:600px){
 .v23-hero{min-height:0;height:min(760px,calc(100svh - 65px))}
 .v23-hero h1{font-size:clamp(49px,14.6vw,87px);right:14px;letter-spacing:-.095em;white-space:normal}
 .v23-hero-top{left:18px;right:18px}
 .v23-motion-grid{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scroll-padding-inline:8px;padding-inline:2px}
 .v23-film{flex:0 0 min(76vw,340px)}
 .v23-film>div{aspect-ratio:9/15}
 .v24-film-label{font-size:9px}
 .v23-play{width:54px;height:54px;left:14px;bottom:14px}
 .v23-motion-bottom span{max-width:180px}
}
@media(prefers-reduced-motion:reduce){
 .page-index .v23-hero-img,.page-index .v23-hero h1{animation:none;transform:none}
 .v24-motion-enabled .v24-reveal{opacity:1;transform:none;transition:none}
 .v23-interlude-track{animation:none}
 .v23-play{transition:none}
}
