/* The exhibition wordmark is a single unit at every viewport width. */
.hero h1 strong{white-space:nowrap}
.hero-copy,.about-title,.about-copy,.stage-copy{min-width:0}
@media(max-width:800px){
 .hero{min-height:100svh;padding:112px 20px 34px;display:flex;flex-direction:column;align-items:stretch;gap:24px}
 .hero-copy{width:100%;padding:0}
 .hero h1{margin:16px 0 20px;line-height:1.12}
 .hero h1 strong{font-size:clamp(76px,24.5vw,180px);line-height:1.12;letter-spacing:-.1em}
 .hero h1>span{font-size:clamp(20px,5.8vw,32px);margin-left:0;white-space:nowrap}
 .hero h1 em{font-size:clamp(22px,6.8vw,40px);padding:7px 12px 10px;white-space:nowrap}
 .hero-lead{font-size:1rem;line-height:1.8}
 .hero-meta{margin-top:20px}.hero-meta b{font-size:clamp(18px,5.1vw,28px);white-space:nowrap}
 .hero-cast{position:relative;width:100%;height:clamp(250px,64vw,340px);right:auto;bottom:auto;flex-shrink:0}
 .hero-main{bottom:0}.hero-yellow{right:0}.hero-mint{right:63%}
 .about-copy{font-size:1rem}.about-title h2,.big-heading h2,.friends-heading h2{font-size:clamp(28px,8vw,43px);text-wrap:balance}
 .time-card{min-width:0}.time-card h3{font-size:clamp(18px,5vw,26px);text-wrap:balance}
 .ticket-button{padding:10px 14px}.site-header{gap:12px}
}