/* Shared media cards, tabs and layouts for the home preview and full archive. */
.media_tabs{display:flex;align-items:center;gap:clamp(24px,4vw,56px)}
.media_tab{appearance:none;position:relative;display:flex;align-items:baseline;gap:10px;padding:10px 0;min-height:48px;border:0;background:none;color:var(--media-muted,var(--c-grey-500));font:500 clamp(22px,2.4vw,32px)/1.1 var(--font-body);letter-spacing:-.04em;cursor:pointer}
.media_tab::after{content:"";position:absolute;left:0;right:18px;bottom:0;height:9px;border-bottom:2px solid var(--media-accent,var(--c-accent-red));border-radius:50%;transform:rotate(-5deg);opacity:0}
.media_tab.is-active,.media_tab:hover{color:var(--media-text,var(--c-text-dark))}
.media_tab.is-active::after{opacity:1}
.media_count{align-self:flex-start;margin-top:2px;color:var(--media-muted,var(--c-grey-500));font:500 10px/1.2 var(--font-body);letter-spacing:0;font-variant-numeric:tabular-nums}
.media_tab.is-active .media_count{color:var(--media-accent,var(--c-red-dark))}
.media_filters[hidden],.media_panel[hidden],.media_item[hidden]{display:none!important}
.media_tags{display:flex;flex-wrap:wrap;gap:6px 24px;list-style:none;padding:0;margin:-8px 0 30px}
.media_tag{appearance:none;border:0;background:none;min-height:44px;padding:8px 0;color:var(--media-muted,var(--c-grey-500));font:500 11px/1.4 var(--font-body);cursor:pointer}
.media_tag.is-active{color:var(--media-accent,var(--c-red-dark))}
.media_panel:focus:not(:focus-visible){outline:none}
.media_grid{display:grid;list-style:none;padding:0;margin:0;align-items:start}
.media_grid:empty{display:none}
.media_item{min-width:0;margin:0;padding:0}
.media_grid--photos{grid-template-columns:1.2fr 1fr;column-gap:10%;row-gap:clamp(42px,7vw,96px)}
.media_grid--photos .media_item[data-layout="odd"]{padding-top:clamp(72px,11vw,160px)}
.media_grid--photos .media_item[data-layout="even"] .media_card{width:100%}
.media_grid--photos .media_item[data-layout="odd"] .media_card{width:92%;margin-left:auto}
.media_card{display:block;color:var(--media-text,var(--c-text-dark));text-decoration:none}
.media_image,.media_video_thumb{display:block;position:relative;overflow:hidden;border-radius:var(--card-radius);background:var(--c-text-dark)}
.media_image img{display:block;width:100%;height:auto;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.media_card:hover .media_image img{transform:scale(1.025)}
.media_open{position:absolute;right:16px;bottom:16px;color:var(--c-white);font:300 32px/1 var(--font-body);mix-blend-mode:difference}
.media_caption{display:flex;align-items:baseline;gap:14px;padding:16px 0 0;color:var(--media-muted,var(--c-grey-600));font:500 12px/1.5 var(--font-body)}
.media_caption>span:nth-child(2){min-width:0;overflow-wrap:anywhere}
.media_serial{flex:none;font-size:9px;font-variant-numeric:tabular-nums;color:var(--media-muted,var(--c-grey-500))}
.media_caption_action{margin-left:auto;white-space:nowrap}
.media_card:hover .media_caption_action{color:var(--media-accent,var(--c-accent-red))}
.media_grid--videos{grid-template-columns:1.3fr 1fr .86fr;column-gap:6%;row-gap:64px}
.media_grid--videos .media_item{--video-offset:0px;margin-top:var(--video-offset)}
.media_grid--videos .media_item:is([data-position="1"],[data-position="4"]){--video-offset:80px}
.media_grid--videos .media_item:is([data-position="2"],[data-position="5"]){--video-offset:160px}
.media_video_thumb{aspect-ratio:var(--media-ratio,9/16)}
.media_video_thumb>img{display:block;width:100%;height:100%;object-fit:contain;transition:filter .3s}
.media_card:hover .media_video_thumb>img{filter:brightness(.88)}
.media_video_placeholder{display:grid;place-content:center;position:absolute;inset:0;color:var(--c-bg-cream-1);font:400 clamp(20px,3vw,40px)/1.15 var(--font-hand);transform:rotate(-6deg);text-align:center}
.media_play{position:absolute;display:grid;place-items:center;left:18px;bottom:18px;width:48px;height:48px;border:0;border-radius:50%;background:var(--c-bg-cream-1);color:var(--c-text-dark);transition:background .25s,transform .25s}
.media_play svg{width:18px;height:18px;fill:currentColor}
.media_card:hover .media_play{background:var(--c-accent-red);color:var(--c-bg-cream-1);transform:rotate(-8deg)}
.media_text_link{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:var(--media-text,var(--c-text-dark));text-decoration:none;font:600 13px/1.5 var(--font-body)}
.media_text_link>span:last-child{margin-left:8px;font:400 27px/1 var(--font-body);transition:transform .25s}
.media_text_link:hover>span:last-child{transform:translate(3px,-3px);color:var(--media-accent,var(--c-accent-red))}

@media(max-width:900px){
  .media_grid--videos{grid-template-columns:1.15fr .85fr;column-gap:8%}
  .media_grid--videos .media_item{margin-top:0}
  .media_grid--videos .media_item:is([data-position="1"],[data-position="3"],[data-position="5"]){margin-top:90px}
  .media_caption_action{display:none}
}

@media(max-width:600px){
  .media_tabs{gap:28px}
  .media_tab{font-size:24px}
  .media_tags{gap:4px 18px;margin-bottom:20px}
  .media_grid--photos{grid-template-columns:1fr;row-gap:36px}
  .media_grid--photos .media_item[data-layout="odd"]{padding-top:0}
  .media_grid--photos .media_item[data-layout="odd"] .media_card{width:82%}
  .media_grid--photos .media_item[data-layout="even"] .media_card{width:94%}
  .media_grid--videos{column-gap:7%;row-gap:36px}
  .media_grid--videos .media_item:is([data-position="1"],[data-position="3"],[data-position="5"]){margin-top:74px}
  .media_grid--videos .media_item:is([data-position="2"],[data-position="5"]){grid-column:1/-1;width:70%;justify-self:center;margin-top:0}
  .media_caption{gap:8px;font-size:9px;padding-top:10px}
  .media_play{left:12px;bottom:12px;width:36px;height:36px}
  .media_play svg{width:16px;height:16px}
}

.media_tab:disabled{color:var(--media-muted,var(--c-grey-500));opacity:.55;cursor:default}
.media_tab:disabled::after{display:none}
@media(prefers-reduced-motion:reduce){.media_card img,.media_play,.media_text_link>span:last-child{transition:none}}