.trailer{border-radius:var(--r-lg);border:1px solid var(--glass-border);background:#0b0b14;margin:0;overflow:hidden;box-shadow:0 24px 60px -30px #0009}.trailer-poster{aspect-ratio:16/9;color:#fff;text-decoration:none;display:block;position:relative}.trailer-poster img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease-out,ease);display:block}.trailer-poster:after{content:"";pointer-events:none;background:linear-gradient(#0000 55%,#00000073);position:absolute;inset:0}.trailer-play{z-index:1;border-radius:var(--r-pill);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:var(--font-display);letter-spacing:.2px;transition:transform .35s var(--ease-out,ease), background var(--t-fast);background:#09090fb8;border:1px solid #ffffff2e;align-items:center;gap:.55rem;padding:.7rem 1.25rem .7rem 1rem;font-size:.95rem;font-weight:700;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.trailer-play svg{width:28px;height:28px;color:var(--gold)}.trailer-length{font-family:var(--font-body);color:#ffffffb3;border-left:1px solid #fff3;padding-left:.55rem;font-size:.82rem;font-weight:500}@media (hover:hover){.trailer-poster:hover img{transform:scale(1.03)}.trailer-poster:hover .trailer-play{background:#09090fdb;transform:translate(-50%,-50%)scale(1.05)}}.trailer-poster:focus-visible{outline:2px solid var(--gold);outline-offset:-4px}.trailer .blog-video-player{margin:0}.trailer .blog-video-player figcaption{display:none}@media (prefers-reduced-motion:reduce){.trailer-poster img,.trailer-play{transition:none}}.pp-trailer .trailer{max-width:960px}