.trailer-modal{position:fixed;inset:0;z-index:9990;display:flex;align-items:center;justify-content:center;padding:1rem;background:#080c20d6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:none}.trailer-modal__frame{position:relative;padding:10px;background:#f3eada;border-radius:14px;box-shadow:0 30px 60px #00000080}.trailer-modal__frame:before,.trailer-modal__frame:after{content:"";position:absolute;top:-12px;width:clamp(70px,14vw,150px);height:30px;background:#f4c430d1;pointer-events:none}.trailer-modal__frame:before{left:-22px;transform:rotate(-24deg)}.trailer-modal__frame:after{right:-22px;transform:rotate(22deg)}.trailer-modal__video{display:block;border-radius:8px;background:#16265c}.trailer-modal__frame--landscape .trailer-modal__video{aspect-ratio:16 / 9;width:min(92vw,calc((88dvh - 20px) * 16 / 9),1280px)}.trailer-modal__frame--portrait .trailer-modal__video{aspect-ratio:9 / 16;height:min(86dvh,calc((92vw - 20px) * 16 / 9))}.trailer-modal__close{position:absolute;top:max(.75rem,env(safe-area-inset-top));right:.75rem;width:2.75rem;height:2.75rem;border-radius:50%;border:2px solid #F3EADA;background:#080c2099;color:#f3eada;font-size:1.6rem;line-height:1;cursor:none}.trailer-modal__close:focus-visible{outline:2px solid var(--mustard);outline-offset:3px}