.hero-trailer { background: #081b16; display: flex; flex-direction: column; justify-content: center; min-width: 0; padding: 30px; }
.trailer-label, .trailer-footer { display: flex; justify-content: space-between; align-items: center; gap: 20px; font-size: 12px; color: #cad8ce; }
.trailer-label { margin-bottom: 24px; letter-spacing: 1.5px; }
.hero-trailer video { display: block; width: 100%; height: auto; aspect-ratio: 16/9; background: #000; object-fit: contain; }
.trailer-footer { margin-top: 22px; flex-wrap: wrap; }
.trailer-footer a { color: #d7fa71; text-decoration: underline; text-underline-offset: 4px; }
.youtube-player { width: 100%; aspect-ratio: 16/9; min-height: 200px; background: #000; }
.youtube-player iframe { display: block; width: 100%; height: 100%; min-height: 200px; border: 0; }
.video > .youtube-player { margin-bottom: 24px; }
.library-card-content > .embedded-meta { font-size: 12px; color: #64735f; margin-bottom: 8px; }
.library-card-content > .embedded-category { font-size: 12px; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; color: #526d42; margin-bottom: 14px; }
@media (max-width: 800px) { .hero-trailer { padding: 30px 7%; } }