/* Larger typography for the main page. */
body{font-size:18px}
header nav{font-size:14px;gap:24px}
.nav-ticket{font-size:12px}
.mobile-nav a{font-size:16px}
.eyebrow,.hero .eyebrow{font-size:12px;line-height:1.8;letter-spacing:2px}
.section-meta{font-size:12px;line-height:1.7;letter-spacing:1.5px;gap:24px}
.hero{height:auto;min-height:780px}
.hero-content{padding-top:40px;padding-bottom:120px}
.hero h1{font-size:clamp(76px,8vw,112px)}
.hero-day{font-size:13px}
.hero-time{font-size:22px}
.hero .hero-sub{font-size:16px}
.hero-presence{font-size:27px}
.hero .hero-foot,.hero-foot>a{font-size:10px;line-height:1.8}
.button,.hero .button,.event-actions .button,.invitation .button{font-size:14px;line-height:1.5;letter-spacing:1.2px}
.film-link{font-size:13px}.film-link small{font-size:11px}
.text-link{font-size:13px;line-height:1.7;letter-spacing:1.2px}
h2{font-size:clamp(50px,5.5vw,84px)}
.world-grid p,.gala-heading>p,.event-description p,.experience-title p,.experience-grid p,.cutting-copy p,.film-heading>p,.venue-heading p,.uniform-description,.partner-callout>div>p,.invitation-inner>p,.faq details p{font-size:18px;line-height:1.8}
.world-grid .lead,.cutting-copy .lead{font-size:26px;line-height:1.6}
.event-description p:first-child{font-size:27px;line-height:1.55}
.world-grid p{max-width:540px}
.gala-heading>p{max-width:470px}
.event-details span{font-size:12px;line-height:1.7}
.gala>.event-details strong{font-size:30px;line-height:1.25}
.gala>.event-details small{font-size:16px;line-height:1.7;display:block}
.gala-note p{font-size:23px}
.pillars{font-size:13px;line-height:1.8;gap:18px;flex-wrap:wrap}
.experience-grid h3{font-size:38px}
.experience-grid small,.artist-links{font-size:12px;line-height:1.9}
.cutting-copy h2{font-size:clamp(76px,6.5vw,94px)}
.cutting-signoff{font-size:12px;line-height:1.8}
.vertical-label{font-size:10px}.cutting-art .art-bottom{font-size:11px;letter-spacing:2px}
.manifesto .philosophy-label{font-size:clamp(32px,4vw,56px)}
.manifesto h2{font-size:clamp(48px,5.5vw,80px)}
.uniform-story-header{max-width:900px}
.uniform-story-header>.eyebrow{font-size:12px}
.uniform-story-header h3{font-size:66px}
.uniform-era{font-size:14px;line-height:1.8}
.service-gallery figcaption>span{font-size:14px}
.uniform-gallery h4{font-size:31px}
.uniform-gallery figcaption p{font-size:16px;line-height:1.8}
.film-frame figcaption,.venue-frame figcaption{font-size:12px;letter-spacing:1.1px}
.film-heading>p{max-width:400px}
.venue-heading>div{max-width:430px}
.film-after p{font-size:22px}
.sizzle-play-caption{font-size:14px}.sizzle-backup{font-size:12px}
.event-wordmark h2{font-size:clamp(105px,12.8vw,190px)}
.event-deck{font-size:25px}.event-presenter{font-size:12px;letter-spacing:1px}
.pleasure{font-size:12px;letter-spacing:2px}.formal-date{font-size:46px;line-height:1.1}
.formal-time,.formal-location,.formal-dress{font-size:13px;letter-spacing:1.5px}
.formal-secret{font-size:24px}.formal-terms{font-size:11px;letter-spacing:.6px}
.partner-callout h2{font-size:64px}
.invite-date{font-size:14px!important;line-height:1.8}.invitation-inner .fine{font-size:13px;line-height:1.8}
summary{font-size:25px;line-height:1.4}
footer>div>p,.footer-host,.footer-bottom{font-size:12px;line-height:1.8}.footer-host span{font-size:10px}
@media(min-width:701px) and (max-width:1280px){header nav,.nav-ticket{display:none}.menu{display:block;background:none;border:0;color:var(--paper);font-size:26px;padding:10px}}
@media(min-width:701px) and (max-width:1000px){.hero h1{font-size:90px}.event-description{grid-template-columns:1fr 1fr}.cutting-copy{padding-left:9%;padding-right:9%}.event-wordmark h2{font-size:120px}.event-deck{font-size:22px}}
@media(max-width:700px){
 .hero{height:auto;min-height:920px;max-height:none}
 .hero-content{padding:320px 7% 120px}
 .hero h1{font-size:clamp(60px,17vw,86px);letter-spacing:-3px}
 .hero .eyebrow{font-size:11px;letter-spacing:1.2px}.hero-day{font-size:12px}
 .hero-time{font-size:18px;letter-spacing:1px}.hero .hero-sub{font-size:15px}
 .hero-presence{font-size:24px}.hero-actions{gap:24px}
 .hero .hero-foot{font-size:9px}.hero-foot span{font-size:9px}
 .hero .button,.hero-actions>.button{font-size:13px;padding:19px 22px}
 .film-link{font-size:12px}
 .section-meta{font-size:11px;letter-spacing:1px}
 h2,.invitation h2{font-size:54px;overflow-wrap:break-word}
 .world-grid .lead,.cutting-copy .lead{font-size:24px}
 .gala>.event-details strong{font-size:28px}.gala>.event-details small{font-size:16px}
 .event-description p:first-child{font-size:25px}.gala-note p{font-size:22px}
 .experience-grid h3{font-size:35px}
 .cutting-copy h2{font-size:82px}.cutting-art .art-bottom{font-size:10px;letter-spacing:1px}
 .manifesto .philosophy-label{font-size:34px;letter-spacing:.6px}
 .manifesto h2{font-size:46px}.uniform-story-header h3{font-size:48px}
 .uniform-story-header>.eyebrow{font-size:11px;letter-spacing:1px}
 .uniform-gallery h4{font-size:30px}
 .film-frame figcaption,.venue-frame figcaption{font-size:11px}
 .sizzle-play-caption{font-size:11px;letter-spacing:1px}
 .film-after,.film-heading,.venue-heading{display:block}
 .event-wordmark h2{font-size:clamp(100px,25vw,150px);letter-spacing:-5px}
 .event-deck{font-size:22px}.event-presenter{font-size:11px}
 .event-actions .button{font-size:12px;letter-spacing:.6px;padding:18px 16px;gap:12px}
 .formal-invitation{padding-left:18px;padding-right:18px}
 .formal-date{font-size:46px}.formal-terms{font-size:10px}
 .partner-callout>div{display:block}.partner-callout h2{font-size:52px}
 .invitation .button{font-size:13px}
 summary{font-size:24px}.footer-host{font-size:12px}
}