.media-hero{padding:var(--section-space,80px) var(--page-inset,6.5%);border-bottom:1px solid var(--line,#efe3cb29);overflow:hidden}
.media-heading{display:flex;justify-content:space-between;align-items:end;gap:var(--space-4,32px);margin-bottom:var(--space-4,32px)}
.media-heading .eyebrow{margin-bottom:var(--space-2,16px)}
.media-heading h2{font-size:clamp(36px,3.125vw,64px);line-height:1;margin:0}
.media-controls{display:flex;align-items:center;gap:var(--space-1,8px);flex:none}
.media-controls button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:48px;min-height:48px;padding:10px 14px;background:transparent;border:1px solid #efe3cb59;color:var(--cream);font-size:14px;font-weight:600}
.media-controls button:not(:disabled):hover{border-color:var(--orange);color:var(--orange)}
.media-controls button:disabled{opacity:.35}
.media-controls [data-icon]{display:inline-flex;align-items:center;justify-content:center;min-width:20px}
.media-controls [data-icon] svg{width:20px;height:20px}
.media-track{--media-gap:var(--space-3,24px);display:flex;gap:var(--media-gap);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 0 var(--space-2,16px);margin:0;list-style:none}
.media-track::-webkit-scrollbar{display:none}
.media-card{flex:0 0 calc((100% - var(--media-gap)*2)/3);min-width:0;scroll-snap-align:start;background:var(--panel,#232323);border:1px solid var(--line,#efe3cb29)}
.media-frame{aspect-ratio:16/10;position:relative;overflow:hidden;background:#111;margin:0}
.media-frame img,.media-frame video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.media-frame.media-brand img{object-fit:contain;padding:var(--space-3,24px);background:radial-gradient(ellipse at center,#66398d26,transparent 70%),#141414}
.media-frame.media-brand.media-tire img{padding:var(--space-2,16px)}
.media-frame.media-scene img{object-position:70% center}
.media-frame.media-merch img{object-fit:contain;background:#171717}
.media-kind{position:absolute;left:var(--space-2,16px);top:var(--space-2,16px);display:inline-flex;gap:8px;align-items:center;background:#171717e8;border:1px solid #efe3cb33;color:var(--cream);font-size:11px;font-weight:600;letter-spacing:1px;padding:8px 10px;pointer-events:none}
.media-kind [data-icon]{display:inline-flex}.media-kind svg{height:16px;width:16px}
.media-card-copy{padding:var(--space-3,24px)}
.media-card-copy h3{font-size:clamp(24px,1.7578125vw,36px);line-height:1.05;margin:0 0 var(--space-1,8px)}
.media-card-copy p{font-size:var(--type-body,16px);line-height:1.5;color:var(--muted);margin:0}
.media-footer{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3,24px);margin-top:var(--space-2,16px);color:var(--muted);font-size:13px;line-height:1.5}
.media-footer p{margin:0}.media-counter{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--cream)}
@media(max-width:700px){.media-hero{padding:64px var(--page-inset,6%)}.media-heading{display:block;margin-bottom:24px}.media-heading h2{font-size:38px}.media-controls{margin-top:24px}.media-card{flex-basis:100%}.media-frame{aspect-ratio:16/10}.media-card-copy{padding:24px}.media-footer{align-items:start;gap:16px}.media-footer p{max-width:230px}}
@media(prefers-reduced-motion:reduce){.media-track{scroll-behavior:auto}}