.g8-highlights{padding-block:var(--section)}
.g8-highlights__head{display:grid;gap:14px;width:min(var(--view-width),calc(100% - var(--gutter) * 2));margin:0 auto}
.g8-highlights__intro{color:var(--text-2);font-size:1.05rem}
.g8-highlights__intro a,.g8-highlights__intro strong{font-weight:600;color:var(--accent)}
.g8-highlights__track{margin-top:36px;display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;cursor:grab;user-select:none;scrollbar-width:none;padding:0 max(var(--gutter),calc(50% - var(--view-width) / 2))}
.g8-highlights__track::-webkit-scrollbar{display:none}
.g8-highlights__track.is-dragging{cursor:grabbing;scroll-snap-type:none}
.g8-highlights__card{flex:0 0 auto;display:flex;flex-direction:column;width:min(520px,86vw);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;scroll-snap-align:start}
.g8-highlights__media{position:relative;display:block;aspect-ratio:16/9;background:var(--surface-2);overflow:hidden}
.g8-highlights__media picture,.g8-highlights__media img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
a.g8-highlights__media:hover img{transform:scale(1.04)}
.g8-highlights__play{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--accent);color:#0b0b0b;transform:translate(-50%,-50%);box-shadow:0 10px 30px #0008;transition:transform .25s}
.g8-highlights__play svg{width:26px;height:26px;margin-left:3px}
a.g8-highlights__media:hover .g8-highlights__play{transform:translate(-50%,-50%) scale(1.08)}
.g8-highlights__text{display:flex;flex-direction:column;gap:16px;flex:1;padding:22px 24px 24px}
.g8-highlights__text p{color:var(--text-2);font-size:.95rem;line-height:1.6}
.g8-highlights__text .g8-link{margin-top:auto}