.trailer-overlay{position:fixed;inset:0;z-index:99999;background:rgba(1,31,19,.85);display:flex;align-items:center;justify-content:center;padding:24px;overflow-y:auto}.trailer-overlay[hidden]{display:none}.trailer-modal{position:relative;width:100%;max-width:900px;max-height:calc(100vh - 48px);background:var(--ink);border-radius:var(--radius-l);overflow:auto;overflow-x:hidden;box-shadow:0 30px 70px rgba(0,0,0,.6)}.trailer-close{position:absolute;top:12px;right:12px;z-index:2;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;background:rgba(1,31,19,.6);border:0;cursor:pointer;transition:background .2s,transform .2s}.trailer-close:hover{background:rgba(255,255,255,.25);transform:scale(1.05)}.trailer-frame{position:relative;width:100%;aspect-ratio:16/9;background:#000}.trailer-frame iframe,.trailer-frame video{position:absolute;inset:0;width:100%;height:100%;border:0}@media (max-width:600px){.trailer-modal{border-radius:var(--radius-m)}}@media (max-height:480px) and (orientation:landscape){.trailer-overlay{padding:10px}.trailer-modal{max-height:calc(100vh - 20px);display:flex;align-items:center}.trailer-frame{aspect-ratio:auto;height:calc(100vh - 20px)}}