/* d-vsl: a 60-second film from Kyle. A lit pane, the poster graded royal, a solid coral play pill. Hidden until d-vsl.js finds a film id (or a preview). */
.d-vsl[aria-hidden="true"]{display:none}
body.v3 .dp .d-vsl{margin:0 auto;max-width:880px;padding:8px;border-radius:22px}
body.v3 .dp .d-vsl .pane{position:relative;display:block;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#0b1a4a;text-decoration:none;isolation:isolate}
body.v3 .dp .d-vsl .pane img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 30%;opacity:.74;filter:contrast(.95) saturate(.78);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform 1.4s cubic-bezier(.2,.7,.2,1)}
body.v3 .dp .d-vsl .pane::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(14,67,130,.22) 0%,rgba(14,67,130,0) 40%,rgba(5,14,44,.66) 100%);pointer-events:none}
body.v3 .dp .d-vsl .pane:hover img{opacity:.88;transform:scale(1.025)}
body.v3 .dp .d-vsl .play{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:14px;padding:12px 26px 12px 14px;border-radius:999px;background:#e3405b;color:#fff;font:600 16px/1 "DM Sans",system-ui,sans-serif;letter-spacing:.01em;white-space:nowrap;box-shadow:0 12px 44px rgba(227,64,91,.42);transition:transform .5s cubic-bezier(.2,.7,.2,1)}
body.v3 .dp .d-vsl .pane:hover .play{transform:translate(-50%,-50%) scale(1.04)}
body.v3 .dp .d-vsl .play i{width:36px;height:36px;border-radius:50%;background:#fff;position:relative;flex:none}
body.v3 .dp .d-vsl .play i::after{content:"";position:absolute;left:14px;top:11px;border-left:12px solid #e3405b;border-top:7px solid transparent;border-bottom:7px solid transparent}
body.v3 .dp .d-vsl .play b{font-weight:400;opacity:.86}
body.v3 .dp .d-vsl figcaption{text-align:center;margin:18px 0 0;font-size:17px;line-height:1.5;color:var(--d-bone2,rgba(243,238,232,.78))}
body.v3 .dp .d-vsl iframe{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:16px;background:#000}
@media(max-width:760px){body.v3 .dp .d-vsl{padding:5px;border-radius:18px}body.v3 .dp .d-vsl .pane{border-radius:14px}body.v3 .dp .d-vsl .play{font-size:15px;padding:10px 20px 10px 12px}body.v3 .dp .d-vsl .play i{width:32px;height:32px}body.v3 .dp .d-vsl .play i::after{left:12px;top:9px}body.v3 .dp .d-vsl figcaption{font-size:16px;margin-top:14px}}