.vm{z-index:95;padding:calc(72px + env(safe-area-inset-top,0px)) var(--gutter) calc(40px + env(safe-area-inset-bottom,0px));background:#1e140ff7;justify-content:center;align-items:center;gap:clamp(24px,5vw,80px);display:flex;position:fixed;inset:0}.vm-glow{aspect-ratio:1;pointer-events:none;background:radial-gradient(circle,#d9a4412e,#0000 65%);border-radius:50%;width:70vmax;position:absolute;inset:auto}.vm-frame{aspect-ratio:9/16;background:#000;border-radius:24px;max-width:100%;height:min(86vh,900px);position:relative;overflow:hidden}.vm-frame video{object-fit:cover;width:100%;height:100%}.vm-side{flex-direction:column;gap:14px;max-width:360px;display:flex;position:relative}.vm-quote{font-family:var(--serif);letter-spacing:-.02em;margin:0;font-size:clamp(36px,4vw,56px);line-height:1.02}.vm-sub{color:#cbbcad;margin:0;font-size:16px}.vm-close{top:calc(20px + env(safe-area-inset-top,0px));right:var(--gutter);width:52px;height:52px;color:var(--linen);transition:transform .6s var(--ease-out), background-color .3s;background:0 0;border:1.5px solid #f7eee366;border-radius:50%;place-items:center;display:grid;position:absolute}.vm-close:hover{background:var(--terracotta);border-color:var(--terracotta);transform:rotate(90deg)}.vm-close svg{width:22px;height:22px}@media (max-width:860px){.vm-side{display:none}.vm-frame{width:min(100%,460px);height:auto;max-height:82vh}}
