/* Original vector artwork, fitted to its actual bounds. */
.site-header .brand-logo{position:relative;display:grid;place-items:center;width:110px;height:44px;letter-spacing:0}
.brand-logo img{position:absolute;display:block;object-fit:contain;transition:opacity .3s,transform .4s cubic-bezier(.22,1,.36,1);pointer-events:none}
.brand-logo .brand-symbol{width:42px;height:42px;opacity:1;transform:scale(1)}
.brand-logo .brand-wordmark{width:84px;height:33.6px;opacity:0;transform:translateY(4px)}
.site-header.is-scrolled .brand-symbol{opacity:0;transform:scale(.9)}
.site-header.is-scrolled .brand-wordmark{opacity:1;transform:translateY(0)}
header.site-header{background:transparent;color:#fff;border-color:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
header.site-header.is-scrolled,header.site-header.is-scrolled.is-compact{background:rgba(0,0,0,.3);color:#fff;border-color:rgba(255,255,255,.12);box-shadow:none;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.menu-toggle{color:inherit}
.footer .footer-logo{display:block;line-height:0;letter-spacing:0}
.footer-logo img{display:block;width:84px;height:33.6px;object-fit:contain}
@media(max-width:760px){.site-header .brand-logo{width:90px;height:38px}.brand-logo .brand-symbol{width:36px;height:36px}.brand-logo .brand-wordmark{width:70.4px;height:28px}}
@media(prefers-reduced-motion:reduce){.brand-logo img{transition:none}}

/* Text mark is used at every scroll position while the symbol is undecided. */
.brand-logo .brand-wordmark,.site-header.is-scrolled .brand-wordmark{opacity:1;transform:none}