html,body{width:100%;min-width:0}main,body>header,header.modal-header{width:100%;max-width:none;margin-left:0;margin-right:0}main>.hero,main>.section,main>.ticker,main>footer{width:100%;max-width:none}.hero-bottom>* , .split>* , .manifesto-bottom>*{min-width:0}.footer-bottom>*{min-width:0}.footer-title{gap:20px}.ticker{position:relative;isolation:isolate}.ticker>.ticker-track{display:flex;width:max-content;animation:marquee 38s linear infinite!important;animation-play-state:running!important;will-change:transform}.ticker .ticker-group{display:block;flex:none;padding-right:2rem;color:inherit}.ticker .ticker-group>span{color:#f3b9bc}.ticker[data-paused=true]>.ticker-track{animation-play-state:paused!important}#ticker-toggle{position:absolute;right:16px;top:50%;transform:translateY(-50%);z-index:2;background:#b63838f2;color:#faf9f6;border:1px solid #faf9f688;padding:6px 10px;font-size:10px;letter-spacing:.02em;border-radius:20px;box-shadow:0 0 20px 12px #b63838}@media(max-width:760px){header nav{min-width:0;flex-wrap:wrap}.footer-title{font-size:clamp(36px,8vw,70px)}.footer-bottom{align-items:flex-start}.hero-caption{flex-wrap:wrap}.section-top{flex-wrap:wrap}.work-art>span{font-size:clamp(31px,8vw,46px)}#ticker-toggle{right:10px;font-size:9px}}
/* Equal, viewport-filling halves keep the repeat continuous at every width. */
.ticker>.ticker-track{gap:0;animation-duration:var(--ticker-duration,38s)!important}
.ticker .ticker-group{padding-right:.45em}

/* Centre the introduction beside the hero instead of anchoring it to the bottom. */
.hero-bottom{align-items:center}
.hero-bottom>.intro{align-self:center;padding-bottom:0}
@media(min-width:761px) and (max-height:800px){
 .hero-bottom{margin-top:28px}
 .intro p{font-size:21px;margin:18px 0 22px}
 .intro .social-links{margin-top:18px}
}