
.mediaSection{padding:clamp(4rem,8vw,8rem) var(--pad);border-top:1px solid var(--line);background:#090e17}
.mediaIntro{max-width:850px;margin-bottom:2.5rem}.mediaIntro h2{font-size:clamp(2.2rem,4.5vw,4.6rem);line-height:1.07;letter-spacing:-.045em;margin:1rem 0}
.mediaIntro p,.mediaCard p,.mediaNote{color:#b8c2cf;line-height:1.75}
.mediaGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}
.mediaCard{min-width:0;border-bottom:1px solid #39404b;padding-bottom:1.7rem}
.mediaCard a{display:block}.mediaCard img{width:100%;aspect-ratio:16/9;object-fit:contain;background:#111c30;border:1px solid #39404b;transition:border-color .2s}
.mediaCard a:hover img{border-color:#d4b86a}.mediaCard small{display:block;color:#d4b86a;letter-spacing:.1em;font-size:.7rem;text-transform:uppercase;margin:1.25rem 0 .65rem}
.mediaCard h3{font-size:1.35rem;line-height:1.35;margin:0 0 .65rem}.mediaCard p{font-size:.9rem;margin:.6rem 0}
.mediaCard .watch{color:#e6ce8c;font-size:.85rem;margin-top:1rem}.mediaPlayer{width:100%;display:block;aspect-ratio:16/9;background:#050607;border:1px solid #39404b}
.mediaSplit{display:grid;grid-template-columns:1.6fr 1fr;gap:3rem;align-items:center}
.mediaTools{display:flex;flex-wrap:wrap;gap:1rem;align-items:end;margin:2rem 0}.mediaTools label{display:grid;gap:.5rem;color:#d2d8e1;font-size:.85rem}
.mediaTools input,.mediaTools select{background:#101722;color:#f5f5f5;border:1px solid #606b7a;padding:.8rem 1rem;border-radius:0;font:inherit;max-width:100%}
.mediaTools input{width:min(360px,80vw)}.mediaCount{color:#d4b86a;margin:1rem 0}.mediaBack{display:inline-block;color:#e6ce8c;margin-bottom:1.5rem}
.mediaDetail{max-width:1200px;margin:auto}.mediaDetail h1{font-size:clamp(2.6rem,6vw,5.5rem);line-height:1.05;margin:1rem 0 2rem;letter-spacing:-.04em}
.mediaDetail .label{margin-top:2rem}.mediaSection details{margin-top:2rem;border:1px solid #39404b;padding:1.2rem;color:#b8c2cf}.mediaSection summary{cursor:pointer;color:#e6ce8c}
.mediaSection [hidden]{display:none!important}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #e6ce8c;outline-offset:5px}
.mediaSection .btn{margin-top:1rem}.mediaNav{color:#e6ce8c!important}.mediaEmpty{padding:2rem 0;color:#c5ccd6}
@media(max-width:1000px){.mediaGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.mediaSplit{grid-template-columns:1fr}.mediaSplit .mediaIntro{margin:0}}
@media(max-width:600px){.mediaGrid{grid-template-columns:1fr}.mediaTools{display:grid}.mediaCard h3{font-size:1.3rem}.mediaSection{padding:4rem var(--pad)}}
@media(max-width:1180px){.siteHeader nav.open{display:flex;z-index:20;max-height:75vh;overflow:auto}.siteHeader .menu{display:block;margin-left:1rem}.siteHeader .mobileExplore{display:none}}
@media(prefers-reduced-motion:reduce){.mediaCard img{transition:none}}

@media(min-width:1181px){header nav,.siteHeader nav{position:static;transform:none;margin-left:auto;margin-right:1.2rem;gap:clamp(.5rem,.85vw,1rem)}header .headCta{flex-shrink:0;margin-left:0}.siteHeader .brand{flex-shrink:0;margin-right:1.5rem}}
.mediaDetail>.mediaNote{margin:1.3rem 0}.mediaDetail .label{margin-top:1rem}.mediaDetail h1{margin-top:.8rem}
