.reel{align-content:start;gap:12px;display:grid}.reel-frame{aspect-ratio:16/9;background:var(--screen);border:1px solid var(--line);position:relative;overflow:hidden}.reel-play{cursor:pointer;width:100%;padding:0;display:block;position:absolute;inset:0}.reel-player{border:0;width:100%;height:100%;position:absolute;inset:0}.reel-img{object-fit:cover;filter:saturate(.9)brightness(.82);width:100%;height:100%;transition:transform .9s var(--ease-out), filter .6s var(--ease-out);transform:scale(1.02)}.reel-play:hover .reel-img,.reel-play:focus-visible .reel-img{filter:saturate(1.05)brightness(.95);transform:scale(1.06)}.reel-play-mark{border:2px solid var(--white);background:color-mix(in srgb, var(--abyss) 45%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);width:64px;height:64px;transition:background .4s var(--ease-out), border-color .4s var(--ease-out), scale .4s var(--ease-out);border-radius:50%;position:absolute;top:50%;left:50%;translate:-50% -50%}.reel-play-mark:after{content:"";border-style:solid;border-width:11px 0 11px 18px;border-color:transparent transparent transparent var(--white);transition:border-left-color .4s var(--ease-out);position:absolute;top:50%;left:54%;translate:-50% -50%}.reel-play:hover .reel-play-mark,.reel-play:focus-visible .reel-play-mark{background:var(--yellow);border-color:var(--yellow);scale:1.08}.reel-play:hover .reel-play-mark:after,.reel-play:focus-visible .reel-play-mark:after{border-left-color:var(--abyss)}.reel-title{font-size:clamp(20px,2vw,28px)}.reel-blurb{color:var(--mist);font-size:15px}.reels-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:clamp(32px,4vw,56px) clamp(24px,3vw,40px);display:grid}@media (width<=640px){.reels-grid{grid-template-columns:1fr}}.reels-empty{color:var(--mist)}