/* A contact sheet of portrait films. Posters stay quiet; only the chosen film moves. */
.reels-curated{background:#070707;padding-block:clamp(70px,8vw,140px);overflow:hidden}
.reels-curated .v12-section-heading{align-items:end}
.reels-curated .reel-row{--reel-gap:20px;grid-auto-columns:calc((100% - 3 * var(--reel-gap))/4);padding-top:0;scrollbar-width:none}
.reels-curated .reel-row::-webkit-scrollbar{display:none}
.reels-curated .reel-screen{isolation:isolate;background:#111;aspect-ratio:9/16;cursor:pointer}
.reels-curated .reel-screen>img,.reels-curated .reel-screen>video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:var(--reel-position,50% 50%)}
.reels-curated .reel-screen>img{filter:grayscale(1) contrast(1.13) brightness(.89);transition:filter .7s ease,transform 1.2s cubic-bezier(.2,.65,.2,1)}
.reels-curated .reel-screen>video{opacity:0;transition:opacity .55s ease;pointer-events:none}
.reels-curated .reel-screen.is-playing>video{opacity:1}
.reels-curated .reel-screen:hover>img,.reels-curated .reel-screen:focus-visible>img{filter:grayscale(0) contrast(1.03) brightness(1);transform:scale(1.025)}
.reels-curated .reel-screen::after{content:"";position:absolute;inset:0;pointer-events:none;border:1px solid #ffffff09}
.reels-curated .reel-caption{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px 8px;padding-top:18px;min-height:92px}
.reels-curated .reel-caption>span{grid-column:1/-1;font-size:8px;letter-spacing:.13em;color:#898981}
.reels-curated .reel-caption h3{margin:0;font-size:clamp(20px,1.65vw,31px);line-height:1.1;letter-spacing:-.045em}
.reels-curated .reel-caption>b{font-size:17px;line-height:1.1;font-weight:300;color:#b4b4ad}
.reels-curated .v12-section-foot{margin-top:18px;border-color:#ffffff25}
.reels-curated .reel-screen:focus-visible{outline:1px solid #eeede8;outline-offset:-4px}
@media(max-width:1000px){.reels-curated .reel-row{grid-auto-columns:calc((100% - 2 * var(--reel-gap))/3)}}
@media(max-width:700px){.reels-curated .reel-row{--reel-gap:14px;grid-auto-columns:72%}.reels-curated .reel-caption h3{font-size:25px}.reels-curated .reel-caption>span{font-size:7px}.reels-curated .reel-caption{min-height:84px}.reels-curated .v12-section-heading{margin-bottom:32px}}
@media(prefers-reduced-motion:reduce){.reels-curated .reel-screen>img,.reels-curated .reel-screen>video{transition:none}.reels-curated .reel-screen:hover>img,.reels-curated .reel-screen:focus-visible>img{transform:none}}