.preview-play{position:absolute;z-index:8;top:50%;left:50%;display:grid;gap:12px;place-items:center;width:clamp(104px,10vw,152px);aspect-ratio:1;padding:16px;border:1px solid var(--green);border-radius:50%;color:var(--ink);background:var(--green);cursor:pointer;transform:translate(-50%,-50%);transition:.45s cubic-bezier(.16,1,.3,1)}.preview-play:hover{color:var(--green);background:#050706d9;transform:translate(-50%,-50%) scale(1.08)}.preview-play i{width:0;height:0;margin-left:5px;border-top:11px solid transparent;border-bottom:11px solid transparent;border-left:17px solid currentColor}.preview-play span{font:8px DM,monospace;letter-spacing:.08em;text-transform:uppercase}.preview-player{position:fixed;z-index:100;inset:0;display:none;place-items:center;padding:clamp(54px,7vw,100px);color:var(--paper);background:#050706fc}.preview-player.open{display:grid}.preview-player video{width:min(100%,1500px);height:min(78svh,844px);object-fit:contain;background:#000}.preview-player-close{position:fixed;z-index:2;top:24px;right:clamp(20px,3.5vw,64px);padding:12px 16px;border:0;color:var(--ink);background:var(--green);font:9px DM,monospace;text-transform:uppercase;cursor:pointer}.preview-player-caption{position:absolute;right:clamp(20px,3.5vw,64px);bottom:24px;left:clamp(20px,3.5vw,64px);display:flex;justify-content:space-between;font:9px DM,monospace;letter-spacing:.06em;text-transform:uppercase}@media(max-width:650px){.preview-play{width:88px}.preview-play span{font-size:7px}.preview-player{padding:58px 0 64px}.preview-player video{width:100%;height:72svh}.preview-player-caption{bottom:18px;flex-direction:column;gap:6px}}