/* The media archive continues the site's cream, ink and handwritten accents. */
.media_body{display:flex;min-height:100dvh;flex-direction:column}
.media_shell{width:100%;max-width:1440px}
.media_header .media_shell{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:24px}
.media_back{display:inline-flex;align-items:center;gap:14px;min-height:44px;color:var(--c-text-dark);font:500 12px/1.4 var(--font-body);text-decoration:none}
.media_back svg{width:30px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4;transition:transform .25s}
.media_back:hover svg{transform:translateX(-5px)}
.media_signature{font:500 12px/1.4 var(--font-body);letter-spacing:-.02em}
.media_header_actions{display:flex;align-items:center;gap:clamp(14px,3vw,40px)}
.media_language{display:inline-flex;align-items:center;gap:5px;min-height:44px;white-space:nowrap;color:var(--c-text-dark);font:300 19px/1 var(--font-hand);text-decoration:none;transform:rotate(3deg)}
.media_language .is-current{color:var(--c-accent-red)}
.media_language:hover{transform:rotate(-2deg)}
.media_language:focus-visible{outline:2px solid var(--c-accent-red);outline-offset:5px}
.media_main{flex:1;padding-bottom:clamp(72px,10vw,144px)}
.media_intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:clamp(30px,5vw,72px) 0 clamp(44px,6vw,80px)}
.media_heading{position:relative;padding-bottom:24px}
.media_eyebrow{margin:0 0 22px;font:650 9px/1.6 var(--font-body);letter-spacing:.15em;text-transform:uppercase;color:var(--c-grey-600)}
.media_heading h1{margin:0;font:500 clamp(64px,8vw,112px)/1.02 var(--font-body);letter-spacing:var(--type-tracking);white-space:nowrap}
.media_handnote{position:absolute;right:-16px;bottom:-10px;color:var(--c-accent-red);font:400 clamp(16px,2vw,26px)/1.2 var(--font-hand);transform:rotate(-6deg)}
.media_handnote svg{position:absolute;width:100%;height:16px;left:0;bottom:-15px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round}
.media_intro_text{margin:0 0 5px;max-width:32ch;color:var(--c-grey-600);font:450 var(--type-body)/1.7 var(--font-body)}
.media_navigation{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px}
.media_hint{display:flex;align-items:center;gap:18px;margin:0;font:450 10px/1.5 var(--font-body);color:var(--c-grey-600)}
.media_hint span{font:300 26px/1 var(--font-body)}
.media_photo_empty{display:grid;grid-template-columns:1.15fr 1fr;gap:10%;align-items:center;padding:34px 6% 20px 5%}
.media_empty_copy{max-width:430px}
.media_empty_copy .media_eyebrow{font-size:8px;margin-bottom:16px}
.media_empty_copy h2,.media_empty h2{margin:0;font:500 clamp(30px,3.5vw,48px)/1.12 var(--font-body);letter-spacing:-.05em}
.media_empty_copy>p:not(.media_eyebrow),.media_empty>p{margin:24px 0;max-width:325px;color:var(--c-grey-600);font:450 13px/1.75 var(--font-body)}
.media_link_count{align-self:flex-start;margin-top:8px;color:var(--c-red-dark);font-size:9px}
.media_teaser{position:relative;justify-self:center;width:clamp(180px,19vw,260px);transform:rotate(4deg)}
.media_teaser_note{position:absolute;right:-54px;top:-26px;z-index:1;color:var(--c-accent-red);font:400 clamp(20px,2.3vw,28px)/1.2 var(--font-hand);transform:rotate(-10deg)}
.media_teaser_note svg{display:block;width:58px;height:44px;margin:6px 8px 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.media_teaser .media_caption{gap:10px;font-size:9px}
.media_teaser .media_caption>span:last-child{margin-left:auto}
.media_empty{max-width:660px;padding:clamp(40px,6vw,80px) 0}
.media_legal_footer{margin-top:auto}

@media(min-width:1600px){.media_intro_text{margin-right:4%}}
@media(max-width:900px){
  .media_intro{align-items:flex-start;flex-direction:column;gap:38px}
  .media_intro_text{max-width:none;margin:0}
  .media_intro_text br{display:none}
  .media_heading h1{font-size:clamp(64px,10vw,96px)}
  .media_photo_empty{padding-inline:0;gap:7%}
  .media_teaser{width:clamp(160px,25vw,225px)}
  .media_teaser_note{right:-16px}
}
@media(max-width:600px){
  .media_header .media_shell{padding-block:14px;gap:16px}
  .media_back{gap:8px;font-size:10px}
  .media_back svg{width:24px}
  .media_signature{max-width:120px;text-align:right;font-size:10px}
  .media_intro{padding:34px 0 36px;gap:32px}
  .media_heading{padding-bottom:24px}
  .media_heading h1{font-size:clamp(58px,15vw,89px)}
  .media_heading .media_eyebrow{font-size:8px;margin-bottom:17px}
  .media_handnote{right:-8px;bottom:-2px;font-size:17px}
  .media_intro_text{font-size:14px;max-width:32ch}
  .media_navigation{margin-bottom:26px;gap:12px}
  .media_hint{font-size:8px;gap:10px;max-width:112px}
  .media_hint span{font-size:22px}
  .media_photo_empty{grid-template-columns:1fr .9fr;grid-template-rows:auto auto min-content 1fr;gap:12px 22px;padding:20px 2px 10px}
  .media_empty_copy{display:contents}
  .media_empty_copy .media_eyebrow{grid-column:1/-1;margin:0;font-size:7px}
  .media_empty_copy h2{grid-column:1/-1;font-size:32px;margin-bottom:30px}
  .media_empty_copy>p:not(.media_eyebrow){grid-column:1;align-self:start;font-size:11px;line-height:1.7;margin:0}
  .media_empty_copy .media_text_link{grid-column:1;align-self:start;font-size:11px;gap:6px;flex-wrap:wrap}
  .media_text_link>span:last-child{margin-left:0;font-size:23px}
  .media_link_count{font-size:8px}
  .media_teaser{grid-column:2;grid-row:3/5;width:100%;margin-top:8px}
  .media_teaser_note{font-size:19px;right:-4px;top:-30px}
  .media_teaser_note svg{width:39px;height:31px;margin-top:2px}
  .media_teaser .media_caption{font-size:8px;gap:6px}
  .media_teaser .media_caption .media_serial{display:none}
}
@media(max-width:380px){
  .media_hint,.media_link_count{display:none}
  .media_signature{display:none}
}
@media(prefers-reduced-motion:reduce){
  .media_card img,.media_play,.media_back svg,.media_text_link>span:last-child{transition:none}
}