.listing-trailer{position:relative;height:100%;color:#f5f2e9}
.listing-trailer-frame{position:relative;width:100%;height:100%;aspect-ratio:16/9;overflow:hidden;isolation:isolate;border:1px solid #e0ba5638;border-radius:16px;background:#11100e;box-shadow:0 18px 60px #0004}
.listing-trailer-preview,.listing-trailer-art,.listing-trailer-vignette,.listing-trailer-player{position:absolute;inset:0;width:100%;height:100%}
.listing-trailer-art{object-fit:cover;object-position:center;transition:transform .7s ease}
.listing-trailer-frame:hover .listing-trailer-art{transform:scale(1.015)}
.listing-trailer-vignette{background:linear-gradient(0deg,#080807e8,#0a0a0938 38%,transparent 70%),linear-gradient(180deg,#0009,transparent 28%)}
.listing-trailer-top{position:absolute;z-index:3;inset:22px 24px auto;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none}
.listing-trailer-eyebrow{display:flex;align-items:center;gap:9px;color:#f4d787;font-size:10px;font-weight:800;letter-spacing:.15em;text-shadow:0 2px 9px #000}
.listing-trailer-eyebrow>span{height:6px;width:6px;flex-shrink:0;border-radius:50%;background:#f4d371;box-shadow:0 0 14px #e9b63d80}
.listing-trailer-audio{color:#dedbd3;font-size:10px;text-shadow:0 2px 8px #000}
.listing-trailer-content{position:absolute;z-index:2;left:clamp(20px,3vw,38px);right:24px;bottom:clamp(22px,3vw,36px)}
.listing-trailer-meta{display:none}
.listing-trailer-play{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:54px;max-width:100%;padding:10px 20px 10px 12px;border:1px solid #ffe79c;border-radius:13px;background:linear-gradient(115deg,#fff0b4,#f8d46b 39%,#e5b43e 80%,#c89528);color:#251b08;font:inherit;font-size:14px;font-weight:750;line-height:1.2;box-shadow:inset 0 1px #fff9,0 5px 28px #dba92d32;cursor:pointer;transition:filter .18s,transform .18s}
.listing-trailer-play:hover{filter:brightness(1.08);transform:translateY(-2px)}
.listing-trailer-play-icon{width:30px;height:30px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:#281e0b13;border:1px solid #47320b25}
.listing-trailer-play-icon svg{width:21px;height:21px}
.listing-trailer-cta-arrow{width:20px;height:20px;margin-left:14px;flex-shrink:0}
.listing-trailer-bottom{position:absolute;z-index:4;top:16px;right:16px}
.listing-trailer-brand{display:none}
.listing-trailer-close{padding:10px 15px;color:#f4d787;border:1px solid #e4bf6260;border-radius:999px;background:#0d0c0bea;font:inherit;font-size:12px;font-weight:650;cursor:pointer}
.listing-trailer-close span{margin-left:8px}
.listing-trailer-player iframe{height:100%;width:100%;border:0;background:#000}
.listing-trailer [hidden]{display:none!important}
.listing-trailer button:focus-visible{outline:2px solid #f5d77c;outline-offset:4px}
.listing-trailer.is-playing .listing-trailer-top{display:none}
.listing-trailer-unavailable .listing-trailer-art{opacity:.35;filter:saturate(.6)}
.listing-trailer-unavailable-title{font-family:Georgia,serif;font-size:clamp(20px,2.4vw,32px);line-height:1.2;color:#e4c77f;margin:0 0 12px}
.listing-trailer-unavailable-copy{font-size:12px;line-height:1.65;color:#c4c0b7;max-width:52ch;margin:0}
@media(max-width:600px){
.listing-trailer-top{inset:14px 15px auto}.listing-trailer-eyebrow{font-size:8px;letter-spacing:.1em}.listing-trailer-audio{font-size:9px}.listing-trailer-content{left:18px;right:18px;bottom:18px}.listing-trailer-play{min-height:46px;font-size:12px;gap:9px;padding:7px 14px 7px 8px;border-radius:11px}.listing-trailer-play-icon{width:28px;height:28px}.listing-trailer-cta-arrow{margin-left:6px;width:17px}.listing-trailer-bottom{top:10px;right:10px}.listing-trailer-close{font-size:10px;padding:8px 11px}.listing-trailer-unavailable .listing-trailer-frame{min-height:220px}.listing-trailer-unavailable-copy{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.listing-trailer-art,.listing-trailer-play{transition:none}.listing-trailer-frame:hover .listing-trailer-art,.listing-trailer-play:hover{transform:none}}

/* A single unboxed gold play triangle centered on the preview. */
.title-trailer-slot .listing-trailer-content:has(.listing-trailer-play){inset:0;display:grid;place-items:center;max-width:none}
.title-trailer-slot .listing-trailer-play{display:grid;place-items:center;width:76px;height:76px;min-height:0;padding:0;gap:0;border:0;border-radius:8px;background:none;color:#f8d46b;box-shadow:none;transition:transform .18s,filter .18s}
.title-trailer-slot .listing-trailer-play:hover{background:none;box-shadow:none;transform:scale(1.08);filter:brightness(1.12)}
.title-trailer-slot .listing-trailer-play-icon{display:block;width:64px;height:64px;border:0;border-radius:0;background:none;filter:drop-shadow(0 3px 12px #000a)}
@media(max-width:600px){.title-trailer-slot .listing-trailer-play{width:54px;height:54px}.title-trailer-slot .listing-trailer-play-icon{width:46px;height:46px}}
@media(prefers-reduced-motion:reduce){.title-trailer-slot .listing-trailer-play{transition:none}.title-trailer-slot .listing-trailer-play:hover{transform:none}}