/* Shared verbatim by the main website and management panel. */
:root{--brand-night:#17191d;--brand-night-2:#22252b;--brand-line:#3d414a;--brand-gold:#eab668;--brand-ink:#f5f5f7;--brand-font:"Red Hat Display",Arial,sans-serif;--lamp:var(--brand-gold);--amber:var(--brand-gold);--night:var(--brand-night)}
.brand,header .brand{display:flex;align-items:center;flex:none;gap:12px;text-decoration:none;white-space:nowrap}
.brand .brand-logo,header .brand-logo{display:block;width:64px;height:64px;flex:none;aspect-ratio:1;object-fit:cover;border-radius:50%}
.brand .brand-wordmark,header .brand-wordmark{display:flex;flex-direction:column;align-items:center;gap:4px;line-height:1}
.brand .brand-wordmark strong,header .brand-wordmark strong{font:800 20px/1 var(--brand-font);letter-spacing:.02em;color:var(--brand-ink)}
.brand .brand-wordmark small,header .brand-wordmark small{display:block;font:600 10px/1 var(--brand-font);letter-spacing:.4em;padding-left:.4em;color:var(--brand-gold)}
@media(max-width:760px){.brand,header .brand{gap:9px}.brand .brand-logo,header .brand-logo{width:54px;height:54px}.brand .brand-wordmark strong,header .brand-wordmark strong{font-size:17px}}
@media(max-width:440px){.brand,header .brand{gap:8px}.brand .brand-logo,header .brand-logo{width:48px;height:48px}.brand .brand-wordmark strong,header .brand-wordmark strong{font-size:15px}.brand .brand-wordmark small,header .brand-wordmark small{font-size:9px}}