/* Only loaded at widths up to 750px. Desktop styles stay unchanged. */
@media(max-width:750px){
 header{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:26px auto;gap:12px;min-height:112px;padding:14px 5% 12px}
 .header-logo-slot{position:static;grid-row:1;width:100%;height:26px;display:flex;justify-content:center;align-items:center}
 .header-logo{padding:0;background:none}
 .header-logo img{width:100px;height:26px}
 header nav{grid-row:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;align-items:center;width:100%;font-size:clamp(19px,5.4vw,29px)}
 header nav a{text-align:center;padding:8px 0}
 html{scroll-padding-top:124px}
 .hero-intro{min-height:calc(100svh - 112px)}
 .hero-wordmark{height:clamp(120px,28vw,180px)}
 .hero-intro .hero-wordmark .wordmark{width:108%;max-width:none;margin-left:-4%}
 .manifesto,.artist-view{min-height:calc(100svh - 112px)}
 .cover{height:clamp(300px,95vw,460px);max-height:none}
 .cover-triptych{grid-template-columns:repeat(3,minmax(0,1fr));gap:3px}
 .cover-triptych img:last-child{display:block}
 .cover-caption{left:16px;right:16px;bottom:20px}
 .cover-caption h2{font-size:clamp(32px,8.5vw,48px);max-width:100%}
 .play,.cover-caption .circle{display:none}
 .modal-nav{gap:12px}
 .modal-nav button{font-size:14px;min-height:44px;padding:4px}
 .modal-caption:has(>.caption-logo){grid-template-columns:minmax(0,1fr) 60px minmax(0,1fr)}
 .modal-caption:has(>.caption-logo) .modal-nav{flex-direction:column;gap:0}
}

@media(max-width:750px){
 .footer-contact{flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:12px}
 .footer-contact .social-links{flex:0 0 auto;gap:8px}
 .footer-contact .instagram-link{min-width:32px;min-height:44px}
 .footer-contact .instagram-link svg{width:28px;height:28px}
 .footer-contact>a[href^="mailto:"]{font-size:clamp(17px,4.7vw,28px);white-space:nowrap;text-align:right;overflow-wrap:normal;margin-left:auto}
}