/* Room125: one outlined mark and one display face across all surfaces. */
@font-face{font-family:RoomDisplay;src:url('/assets/syne.ttf') format('truetype');font-style:normal;font-weight:400 800;font-display:swap}
:root{--font-display:RoomDisplay,'Arial Black',sans-serif}
.brand,.footer-brand{display:inline-flex;align-items:center;flex-shrink:0;gap:0;line-height:1;text-decoration:none;letter-spacing:0}
.brand .brand-mark,.footer-brand .brand-mark{display:block;width:88px;height:58px;max-width:none;flex:none;object-fit:contain;border:0;border-radius:0;filter:none}
.brand .brand-note{font:400 10px/1.4 DM,sans-serif;letter-spacing:.04em;margin:0 0 0 16px;padding-left:16px}
.footer-brand .brand-mark{width:72px;height:48px}
.hero-nav>.brand-note{font-family:DM,sans-serif}
.hero-copy h1,.statement h2,.invitation>a,.view-copy h2,.view-number,
.legal-main h1,.legal-main h2,.credits h1,.credits h2,
.auth-panel h1,.invitation-content h1,.manager-intro h1,.empty-events h2,.event-copy h2,.dialog-heading h2,
.heading h1,.archive-page h1,.placeholder h3,.audience-count,.cost-results dd,dialog h2{
 font-family:var(--font-display);font-weight:800;font-style:normal;letter-spacing:-.025em;line-height:1.08;font-synthesis:none
}
.hero-copy h1,.statement h2,.invitation>a,.auth-panel h1,.manager-intro h1,.empty-events h2,.heading h1,.archive-page h1{text-transform:none}
.room-hero .hero-copy{left:61%;right:30px;padding-right:0}
.hero-copy h1{font-size:clamp(34px,3.6vw,76px);line-height:.98;letter-spacing:-.035em}
.statement h2{font-size:clamp(36px,5.1vw,86px);line-height:1.02}
.replay h2{font-size:clamp(30px,3.3vw,58px)}
.invitation>a{font-size:clamp(36px,7vw,112px)}
.view-copy h2{font-size:clamp(32px,3.4vw,48px)}
.view-number{font-size:54px}
.auth-panel h1{font-size:clamp(34px,3.1vw,56px);line-height:1.02}
.manager-intro h1{font-size:clamp(40px,4.4vw,68px)}
.empty-events h2{font-size:clamp(30px,3vw,46px)}
.event-copy h2{font-size:30px}
.dialog-heading h2,dialog h2{font-size:30px}
.invitation-content h1{font-size:clamp(34px,3.2vw,56px)}
.heading h1,.archive-page h1{font-size:clamp(34px,4.2vw,60px)}
.placeholder h3{font-size:clamp(25px,2.8vw,38px)}
.legal-main h1,.credits h1{font-size:clamp(36px,5vw,64px)}
.legal-main h2,.credits h2{font-size:26px;line-height:1.2}
@media(max-width:700px){
 .brand .brand-mark{width:72px;height:48px}
 .footer-brand .brand-mark{width:60px;height:40px}
 .brand .brand-note{display:none}
 .room-hero .hero-copy{left:22px;right:22px}
 .hero-copy h1{font-size:clamp(30px,9vw,58px);line-height:1.02}
 .statement h2,.replay h2{font-size:clamp(30px,7.6vw,50px)}
 .statement-copy{inset-inline:22px}
 .invitation>a{font-size:clamp(29px,7.4vw,48px);gap:16px}
 .auth-panel h1,.invitation-content h1{font-size:clamp(30px,7.7vw,46px)}
 .manager-intro h1{font-size:clamp(34px,8.7vw,54px)}
 .empty-events h2{font-size:clamp(29px,7.6vw,44px)}
 .event-copy h2{font-size:27px}
 .heading h1,.archive-page h1{font-size:clamp(30px,8vw,44px)}
 .view-copy h2{font-size:32px}
 .dialog-heading h2,dialog h2{font-size:27px}
}
.stage-heading h2{font-family:DM,sans-serif;font-weight:500;letter-spacing:-.02em}

/* Syne lining numerals match the outlined room masks and mark. */
.view-number,.room-number,.audience-count,.cost-results dd{font-variant-numeric:lining-nums}