*{box-sizing:border-box;margin:0}html,body{color:#ececec;background:#0b0b0c;font-family:system-ui,-apple-system,sans-serif}.page{place-items:center;min-height:100vh;display:grid}.player{background:#000;border-radius:14px;width:80vw;height:80vh;position:relative;overflow:hidden;box-shadow:0 20px 60px #0009}.player video{object-fit:contain;width:100%;height:100%;display:block}.overlay{cursor:pointer;color:#fff;text-align:left;font:inherit;background:linear-gradient(90deg,#000000d9 0%,#0000008c 50%,#00000059 100%);border:0;align-items:center;padding:0;display:flex;position:absolute;inset:0}.overlay-content{max-width:60rem;padding:0 clamp(1.5rem,5vw,4.5rem)}.overlay h1{letter-spacing:-.02em;font-size:clamp(2rem,4.5vw,4rem);font-weight:600;line-height:1.05}.overlay p{color:#ffffffb3;white-space:pre-line;margin-top:.75rem;font-size:clamp(1.1rem,1.8vw,1.6rem);line-height:1.4}.play{aspect-ratio:1;border:3px solid #ffffffe6;border-radius:50%;place-items:center;width:clamp(64px,6vw,88px);margin-top:2rem;transition:transform .2s,background .2s;display:grid}.play svg{fill:#fff;width:42%;height:42%;display:block}.overlay:hover .play{background:#ffffff26;transform:scale(1.08)}.center{place-items:center;min-height:100vh;display:grid}