.playground-hero-video{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;opacity:0;transform:scale(1.035);filter:contrast(1.08) saturate(.78) brightness(.78);transition:opacity .9s ease,transform 1.1s cubic-bezier(.2,.7,.2,1),filter 1s ease;pointer-events:none}
.playground-hero-video.is-active{opacity:.92;transform:scale(1)}
.playground-hero-image{z-index:-2;opacity:1;clip-path:inset(0);transition:opacity .45s ease,clip-path 1.25s cubic-bezier(.75,0,.2,1)}
.playground-hero-image img{transform:scale(1);transition:transform 1.3s cubic-bezier(.2,.7,.2,1)}
.playground-hero[data-video-state="playing"] .playground-hero-image{opacity:0;clip-path:inset(0 100% 0 0)}
.playground-hero[data-video-state="revealing"] .playground-hero-video.is-active{opacity:0;transform:scale(1.1);filter:contrast(1.3) saturate(.2) brightness(.9) blur(3px)}
.playground-hero[data-video-state="revealing"] .playground-hero-image{opacity:1;clip-path:inset(0);transition:opacity .7s ease,clip-path 1.25s cubic-bezier(.75,0,.2,1)}
.playground-video-replay{position:absolute;z-index:2;right:clamp(1.25rem,5vw,5rem);bottom:4.4rem;display:inline-flex;align-items:center;gap:.45rem;padding:.55rem .75rem;border:1px solid #ffffff70;background:#0b0c10c9;color:#fff;font:700 .63rem/1 var(--body);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.playground-video-replay:hover{background:var(--paper);border-color:var(--paper);color:var(--ink)}
.playground-video-replay span{color:var(--red);font-size:.95rem}
.playground-video-replay[hidden]{display:none}
@media(max-width:760px){.playground-hero-video{object-position:center 40%}.playground-video-replay{right:1.25rem;bottom:5.4rem}}
@media(prefers-reduced-motion:reduce){.playground-hero-video,.playground-hero-image,.playground-hero-image img{transition:none!important;animation:none!important}}