/* Room125 — shared identity. Layout and component sizes belong to each surface. */
@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;--r-bg:#080808;--r-surface:#121212;--r-raised:#1c1c1c;--r-ink:#f3f0e8;--r-muted:#b8b5ae;--r-line:#454545;--r-rail:#eeeae0;--r-rail-ink:#171713;--r-danger:#f2a29b;--r-positive:#b4d5bc;--r-space-1:4px;--r-space-2:8px;--r-space-3:12px;--r-space-4:16px;--r-space-6:24px;--r-space-8:32px;--r-space-12:48px}
[hidden]{display:none!important}
.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 12px/1.4 DM,sans-serif;letter-spacing:0;margin:0 0 0 20px;padding-left:20px;border-left:1px solid #454545}
.footer-brand .brand-mark{width:72px;height:48px}
.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,.campaign-page h1,.campaign-page h2{font-family:var(--font-display);font-weight:800;font-style:normal;letter-spacing:-.035em;font-synthesis:none}
.view-number,.room-number,.audience-count,.cost-results dd,.countdown,.campaign-menu>button>span:first-child{font-variant-numeric:lining-nums}
.stage-heading h2{font-family:DM,sans-serif;font-weight:500;letter-spacing:-.015em}
@media(max-width:700px){.brand .brand-mark{width:72px;height:48px}.footer-brand .brand-mark{width:60px;height:40px}.brand .brand-note{display:none}}