.media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:22px;padding-bottom:40px}
.media-item{min-width:0;border:1px solid var(--line);border-radius:9px;background:#121213;overflow:hidden;transition:transform .26s ease,border-color .26s ease,box-shadow .26s ease}
.media-item video{display:block;width:100%;height:auto;aspect-ratio:16/10;max-height:none;min-height:0;background:#050505;border:0;border-bottom:1px solid var(--line);border-radius:0;object-fit:contain}
.media-info{display:flex;align-items:flex-start;flex-direction:column;gap:11px;padding:16px}
.media-info h2{font-size:16px;line-height:1.35;letter-spacing:-.3px;margin:0;overflow-wrap:anywhere}
.media-info a{font-size:12px;white-space:nowrap}
.media-item:focus-within{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}
.page-media .page-intro{padding-top:56px;padding-bottom:34px}
.page-media .page-intro h1{font-size:clamp(34px,4vw,48px)}
.nav-links{gap:23px}
.button{transition:transform .23s ease,background .23s ease,border-color .23s ease,box-shadow .23s ease}
.brand img{transition:transform .32s ease}
.inline-link,.header-x,.footer-row>a:last-child{transition:color .22s ease,transform .22s ease,border-color .22s ease}
.nav-links>a{position:relative;transition:color .22s ease,transform .22s ease}
.nav-links>a:not([aria-current=page]):after{content:"";position:absolute;height:2px;bottom:-8px;left:0;right:0;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.gallery figure{transition:transform .3s ease}
.gallery img{transition:filter .3s ease,box-shadow .3s ease}
.gallery figcaption span{transition:color .3s ease}
@media(hover:hover) and (pointer:fine){
  .media-item:hover{transform:translateY(-5px);border-color:#91773c;box-shadow:0 12px 26px #0005}
  .button:hover{transform:translateY(-3px);box-shadow:0 6px 18px #0004}
  .button.gold:hover{box-shadow:0 7px 22px #e3bc6024}
  .brand:hover img{transform:rotate(-7deg) scale(1.08)}
  .nav-links>a:hover{transform:translateY(-2px);color:var(--gold)}
  .nav-links>a:hover:after{transform:scaleX(1)}
  .inline-link:hover,.header-x:hover,.footer-row>a:last-child:hover{transform:translateX(3px);color:var(--gold)}
  .gallery figure:hover{transform:translateY(-5px)}
  .gallery figure:hover img{filter:brightness(1.06);box-shadow:0 9px 24px #0005}
  .gallery figure:hover figcaption span{color:var(--gold)}
}
.button:active{transform:translateY(0)}
@media(max-width:1100px){.media-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}}
@media(max-width:850px){.nav-links{gap:25px}}
@media(max-width:760px){.media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
@media(max-width:480px){.nav-links{gap:0;font-size:12px}.page-media .page-intro{padding-top:38px;padding-bottom:26px}.media-info{padding:12px;gap:9px}.media-info h2{font-size:14px}}
@media(max-width:420px){.media-grid{grid-template-columns:minmax(0,1fr)}}
@media(prefers-reduced-motion:reduce){.media-item,.button,.brand img,.inline-link,.header-x,.footer-row>a:last-child,.nav-links>a,.nav-links>a:after,.gallery figure,.gallery img,.gallery figcaption span{transition:none!important}.media-item:hover,.button:hover,.brand:hover img,.nav-links>a:hover,.inline-link:hover,.header-x:hover,.footer-row>a:last-child:hover,.gallery figure:hover{transform:none!important}}