*,:before,:after{box-sizing:border-box}body,html{background:#0a0a0a;min-height:100vh;margin:0;padding:0}#root{background:#0a0a0a;max-width:1200px;margin:0 auto}.hero-logo-top{display:none}.hero-logo-side{display:inline}@media (width<=700px){.hero-logo-top{display:block}.hero-logo-side{display:none}}.site-header{padding:0 32px}.site-nav{gap:8px}.site-logo-sub{display:block}.site-nav button{letter-spacing:.14em;text-transform:uppercase;padding:8px 12px;font-size:12px}@media (width<=560px){.site-header{padding:0 12px}.site-nav{gap:2px}.site-logo-sub{display:none}.site-nav button{letter-spacing:.03em;padding:6px;font-size:11px}}