.vslot{position:relative}.vs-frame{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:#1a1814;box-shadow:0 0 0 1px #1a1814,0 26px 40px -28px #281e0fbf}.vs-poster{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 22%;opacity:.2;filter:grayscale(1) contrast(1.15)}.vs-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(200deg,#1a181400 30%,#1a1814c7)}.vs-play{position:absolute;left:50%;top:50%;z-index:2;width:clamp(54px,13%,78px);aspect-ratio:1;translate:-50% -50%;border-radius:50%;background:#a8331e;box-shadow:0 0 0 8px #a8331e38}.vs-play:after{content:"";position:absolute;left:53%;top:50%;translate:-50% -50%;border-style:solid;border-width:10px 0 10px 17px;border-color:transparent transparent transparent #fff}.vs-cap{position:absolute;left:18px;bottom:14px;z-index:2;margin:0;font:11px/1.4 PT Mono,ui-monospace,monospace;letter-spacing:.6px;color:#f3eee0b3}.vs-cap b{display:block;margin-bottom:2px;font-weight:400;letter-spacing:2px;text-transform:uppercase;color:#f3eee0}.vs-cover{container-type:inline-size;background:#f3eee0;box-shadow:0 0 0 1px #1a18142e,0 26px 40px -28px #281e0f73}.vs-cover:after{content:none}.vs-cover-img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;opacity:.3}.vs-soon{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;margin:0;padding-left:.2em;font:800 clamp(26px,10cqw,60px)/1 "Manrope",system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#1a1814}.vs-ratio{position:absolute;right:16px;bottom:14px;z-index:2;font:10.5px PT Mono,ui-monospace,monospace;letter-spacing:1px;color:#f3eee073}.vs-yt{display:block;cursor:pointer}.vs-yt:after{content:none}.vs-yt-img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;transition:filter .2s}.vs-yt .vs-play{transition:scale .2s,box-shadow .2s}.vs-yt:hover .vs-yt-img{filter:brightness(.92)}.vs-yt:hover .vs-play,.vs-yt:focus-visible .vs-play{scale:1.08;box-shadow:0 0 0 10px #a8331e4d}.vs-yt:focus-visible{outline:2px solid #a8331e;outline-offset:3px}.vs-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.dfan{position:relative;width:100%;height:100%;container-type:size;--fh: 84;--fw: 62}.dfan-table{--fh: 78;--fw: 27}.dfan-cascade{--fh: 66;--fw: 56}.df-sheet{position:absolute;left:50%;top:50%;display:block;z-index:var(--z, 1);opacity:var(--op, 0);height:min(calc(var(--fh) * 1cqh),calc(var(--fw) * 1cqw / var(--ar)));aspect-ratio:var(--ar);transform:translate(-50%,-50%) translate(calc(var(--xw, 0) * 1cqw + var(--xh, 0) * 1cqh),calc(var(--y, 0) * 1cqh)) translateY(calc(var(--R, 0) * 1cqh)) rotate(calc(var(--r, 0) * 1deg)) translateY(calc(var(--R, 0) * -1cqh)) scale(var(--s, 1));will-change:transform}.df-sheet img{display:block;width:100%;height:100%;background:#fff;filter:brightness(var(--b, 1));box-shadow:var(--df-shadow, 0 0 0 1px rgba(26,24,20,.2), 0 22px 34px -24px rgba(40,30,15,.7))}.df-sheet:hover img{box-shadow:0 0 0 2px #a8331e,0 22px 34px -24px #281e0fb3}.df-sheet.is-off{pointer-events:none}.df-more:after{content:"";position:absolute;inset:0;background:#f3eee0cc;box-shadow:inset 0 0 0 1px #1a181438}.df-more img{filter:grayscale(.7) brightness(var(--b, 1))}.df-plus{position:absolute;inset:0;z-index:2;display:grid;align-content:center;justify-items:center;gap:.9cqh;text-align:center}.df-plus b{font:800 clamp(34px,12cqh,76px)/1 "Manrope",system-ui,sans-serif;letter-spacing:-.04em;color:#a8331e;font-variant-numeric:tabular-nums}.df-plus i{font: 11px/1.3 PT Mono,ui-monospace,monospace;letter-spacing:1.2px;text-transform:uppercase;color:#4d463b}.df-more:hover .df-plus i{color:#a8331e}.df-tag{position:absolute;left:-7px;top:16px;z-index:2;padding:5px 10px 6px;background:#a8331e;color:#fff;font:10px/1 PT Mono,ui-monospace,monospace;letter-spacing:1.3px;text-transform:uppercase;white-space:nowrap;box-shadow:0 8px 12px -8px #281e0fb3}.df-sheet.tag-r .df-tag{left:auto;right:-7px}.dfan-hand .df-sheet.tag-r .df-tag,.dfan-cascade .df-sheet.tag-r .df-tag,.dfan-hand .df-sheet.tag-l .df-tag,.dfan-cascade .df-sheet.tag-l .df-tag{top:22px;padding:10px 5px 10px 6px;writing-mode:vertical-rl}.dfan-hand .df-sheet.tag-l .df-tag,.dfan-cascade .df-sheet.tag-l .df-tag{rotate:180deg}