.latest-clips { margin: 6rem 0; scroll-margin-top: 2rem; }
.latest-clips h2 { margin: .8rem 0; font-size: clamp(2.5rem, 5vw, 4.5rem); font-weight: 550; letter-spacing: -.055em; line-height: 1; }
.latest-clips h2 span { color: #ff9ed4; }
.clips-intro, .clips-note { color: #d0c4ce; line-height: 1.6; max-width: 42rem; }
.clips-track { display: flex; gap: 1rem; overflow-x: auto; scroll-snap-type: x mandatory; padding: .2rem .2rem 1rem; scrollbar-color: #fc68be #21131e; }
.latest-clip { flex: 0 0 calc((100% - 2rem) / 3); min-width: 0; margin: 0; border: 1px solid #60454f; border-radius: 1rem; overflow: hidden; background: #110a10; scroll-snap-align: start; }
.latest-clip video { display: block; width: 100%; height: auto; aspect-ratio: 9 / 16; object-fit: contain; background: #000; }
.latest-clip figcaption { padding: 1.2rem; }
.latest-clip .lineup-label { color: #e4bf7b; }
.latest-clip h3 { margin: .6rem 0 0; font-size: 1.15rem; line-height: 1.35; letter-spacing: -.02em; }
.latest-clip figcaption > p:not(.lineup-label) { margin: .75rem 0 0; color: #d0c4ce; font-size: 1rem; line-height: 1.6; }
#meet-vivian, #kick-giveaway { scroll-margin-top: 2rem; }
.clip-action, .clip-details a { color: #ff9ed4; text-underline-offset: .2em; }
.clip-details { margin-top: 1rem; border-top: 1px solid #60454f; padding-top: 1rem; }
.clip-details summary { cursor: pointer; font-weight: 700; }
.clip-details p { color: #d0c4ce; font-size: .9rem; line-height: 1.6; }
.clips-note { font-size: .85rem; max-width: none; }
.clips-note a { color: #ff9ed4; }
.clips-track:focus-visible { outline: 2px solid #ff9ed4; outline-offset: 4px; }
#clips-controls button:disabled { opacity: .35; cursor: default; }
@media (max-width: 60rem) { .latest-clip { flex-basis: calc((100% - 1rem) / 2); } }
@media (max-width: 40rem) { .latest-clips { margin: 4rem 0; } .latest-clip { flex-basis: 86%; } }