.site-nav .brand.brand-motion{gap:10px;flex-shrink:0;align-items:center;display:flex}
.brand-motion .brand-wordmark{--full-size:clamp(14px,1.4vw,21px);--short-size:46px;position:relative;display:flex;align-items:center;gap:6px;height:48px;font:var(--full-size)/1 Display,Arial,sans-serif;letter-spacing:-.025em;white-space:nowrap;overflow:hidden}
.brand-token{display:flex;align-items:center;min-width:0;flex-shrink:0}.brand-initial{display:inline-block;transform-origin:left center}.brand-tail{display:inline-block;overflow:hidden;white-space:nowrap;flex-shrink:0;max-width:none;transform-origin:left center}.brand-token-year{color:#ff5900}
.brand-motion.is-contracting .brand-tail{animation:brand-tail-fold .95s cubic-bezier(.65,0,.2,1) both;animation-delay:calc(var(--token)*.07s)}
.brand-motion.is-contracting .brand-wordmark{animation:brand-type-expand 1.15s cubic-bezier(.22,.75,.2,1) .1s forwards}
.brand-motion.is-contracting .brand-initial{animation:brand-letter-stretch .9s cubic-bezier(.2,.75,.2,1) both;animation-delay:calc(var(--token)*.07s)}
@keyframes brand-tail-fold{0%{width:var(--tail-width);opacity:1;transform:translateX(0) skewX(0)}45%{opacity:1;transform:translateX(-4px) skewX(-10deg)}100%{width:0;opacity:0;transform:translateX(-12px) skewX(0)}}
@keyframes brand-type-expand{0%{font-size:var(--full-size);gap:6px}45%{font-size:var(--full-size);gap:2px}100%{font-size:var(--short-size);gap:0}}
@keyframes brand-letter-stretch{0%{transform:scaleX(1)}40%{transform:scaleX(.74)}75%{transform:scaleX(1.08)}100%{transform:scaleX(1)}}
@media(max-width:1100px){.brand-motion .brand-wordmark{--full-size:14px;--short-size:39px;gap:4px}}
@media(max-width:700px){.brand-motion .brand-wordmark{--full-size:11px;--short-size:34px;gap:3px;height:40px}.site-nav .brand.brand-motion{gap:7px}}
@media(prefers-reduced-motion:reduce){.brand-motion .brand-tail{display:none}.brand-motion .brand-wordmark{font-size:var(--short-size);gap:0;animation:none!important}.brand-motion .brand-initial{animation:none!important}}
/* Full and abbreviated names share the same type size. */
.brand-motion .brand-wordmark{--full-size:var(--short-size)}
@media(max-width:1100px){.brand-motion .brand-wordmark{--full-size:var(--short-size)}}
@media(max-width:700px){
.site-nav:has(.brand-motion:not(.is-compact)){height:auto;min-height:64px;padding-top:12px;padding-bottom:12px}
.brand-motion .brand-wordmark{--full-size:var(--short-size);width:calc(100vw - 130px);height:auto;min-height:40px;flex-wrap:wrap;row-gap:3px}
.brand-motion.is-compact .brand-wordmark{width:auto;flex-wrap:nowrap}
.brand-motion.is-contracting .brand-wordmark{animation:brand-type-expand 1.15s cubic-bezier(.22,.75,.2,1) .1s forwards}
}