/* A compact editorial preview, built from the same cards as the full archive. */
.mediaHub{--media-text:var(--c-on-dark);--media-muted:var(--c-muted-on-dark);--media-accent:var(--c-accent-on-dark);background:var(--c-text-dark);color:var(--media-text)}
.mediaHub .section_kicker{color:var(--media-accent)}
.mediaHub__container{padding-block:var(--section-space)}
.mediaHub__header{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:48px}
.mediaHub__heading{position:relative;padding-bottom:18px}
.mediaHub__heading .section_kicker{margin-bottom:20px}
.mediaHub__title{margin:0;font:500 var(--section-title)/1.04 var(--font-body);letter-spacing:var(--type-tracking);white-space:nowrap}
.mediaHub__note{position:absolute;bottom:-12px;right:-38px;color:var(--media-accent);font:350 clamp(17px,1.65vw,23px)/1.2 var(--font-hand);transform:rotate(-6deg)}
.mediaHub__note svg{position:absolute;bottom:-14px;left:0;width:100%;height:14px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round}
.mediaHub__intro{max-width:38ch;width:37%;margin:0;color:var(--media-muted);font:450 var(--type-body)/1.7 var(--font-body)}
.mediaHub__navigation{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:36px}
.mediaHub__all{white-space:nowrap;font-size:12px;font-weight:500}
.mediaHub__all[hidden]{display:none}
.mediaHub__all>span:last-child{margin-left:6px}
.mediaHub .media_grid--videos{grid-template-columns:1fr 1fr 1fr;column-gap:clamp(20px,3.2vw,46px);padding:10px 4% 14px}
.mediaHub .media_grid--videos .media_item:is([data-position="1"],[data-position="4"]){--video-offset:42px}
.mediaHub .media_grid--videos .media_item:is([data-position="2"],[data-position="5"]){--video-offset:12px}
.mediaHub .media_card{rotate:-1.2deg;transition:rotate .3s}
.mediaHub .media_item:nth-child(even) .media_card{rotate:1.2deg}
.mediaHub .media_video_thumb{max-height:520px}
.mediaHub .media_grid--photos{padding-inline:2% 5%}
@media(hover:hover){.mediaHub .media_card:hover{rotate:0deg}}
.mediaHub__empty{max-width:510px;padding:20px 0 8px}
.mediaHub__empty p{margin:0 0 22px;font:450 clamp(22px,3vw,34px)/1.35 var(--font-body);letter-spacing:-.035em}
@media(max-width:900px){
  .mediaHub__header{margin-bottom:52px}
  .mediaHub .media_grid--videos{grid-template-columns:1fr 1fr 1fr;padding-inline:4px;column-gap:24px}
  .mediaHub .media_grid--photos{padding-inline:0}
}
@media(max-width:600px){
  .mediaHub__header{align-items:flex-start;flex-direction:column;gap:30px;margin-bottom:24px}
  .mediaHub__heading .section_kicker{margin-bottom:16px}
  .mediaHub__title{font-size:var(--section-title)}
  .mediaHub__note{font-size:18px;right:-26px;bottom:-10px}
  .mediaHub__intro{font-size:15px;max-width:34ch;width:auto}
  .mediaHub__intro br{display:none}
  .mediaHub__navigation{margin-bottom:28px}
  .mediaHub .media_tabs{gap:24px}
  .mediaHub .media_tab{font-size:22px;gap:8px}
  .mediaHub__all{gap:8px;font-size:11px}
  .mediaHub__all>span:last-child{font-size:25px;margin-left:0}
  .mediaHub .media_grid--videos{display:flex;align-items:flex-start;gap:22px;padding:8px 8px 24px;overflow-x:auto;scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#bdb4a5 transparent}
  .mediaHub .media_grid--videos .media_item{flex:0 0 78%;width:auto;margin:0;scroll-snap-align:start}
  .mediaHub .media_grid--videos .media_item:nth-child(even){padding-top:14px}
  .mediaHub .media_video_thumb{max-height:none}
  .mediaHub .media_caption{font-size:11px}
  .mediaHub .media_play{width:44px;height:44px}
}
@media(max-width:380px){
  .mediaHub .media_tabs{gap:16px}
}
