.site-brand{display:flex;align-items:center;min-width:142px;min-height:48px;text-decoration:none;color:inherit;flex-shrink:0}
.brand-option{display:inline-flex;white-space:nowrap;align-items:flex-start;gap:5px}
.brand-option[hidden]{display:none}
.brand-humanist svg{display:block;width:180px;height:auto}
.site-brand[data-logo="5"]{min-width:180px}
@media(max-width:600px){.brand-humanist svg{width:150px}.site-brand[data-logo="5"]{min-width:150px}}
.brand-drawn svg{display:block;width:186px;height:48px;overflow:visible}
.site-brand[data-logo="4"]{min-width:186px}
@media(max-width:600px){.brand-drawn svg{width:158px;height:41px}.site-brand[data-logo="4"]{min-width:158px}}
.brand-name,.brand-label{display:block;animation:brand-enter .65s cubic-bezier(.2,.8,.2,1) backwards}
.brand-label{animation-delay:.09s}
.brand-edition .brand-name{font:800 36px/.9 'Big Shoulders',sans-serif;letter-spacing:-.018em}
.brand-edition .brand-label{font:600 8px/1 'Space Grotesk',sans-serif;border-top:1px solid;padding-top:3px;margin-top:1px}
.brand-file{align-items:baseline;gap:4px}
.brand-file .brand-name{font:600 30px/1 'Space Grotesk',sans-serif;letter-spacing:-.075em}
.brand-file .brand-label{font:400 10px/1 'Space Grotesk',sans-serif}
.brand-stamp{flex-direction:column;gap:2px}
.brand-stamp .brand-name,.brand-stamp .brand-label{font:800 25px/.79 'Big Shoulders',sans-serif;letter-spacing:-.025em}
.brand-stamp i{display:inline-block;width:24px;height:3px;background:currentColor;margin-left:5px}
.brand-edition .brand-label,.brand-stamp i{transition:transform .35s cubic-bezier(.2,.8,.2,1);transform-origin:left}
.site-brand:hover .brand-edition .brand-label,.site-brand:focus-visible .brand-edition .brand-label{transform:translateY(4px)}
.site-brand:hover .brand-stamp i,.site-brand:focus-visible .brand-stamp i{transform:scaleX(1.4)}
.brand-file .brand-label{transition:transform .35s}
.site-brand:hover .brand-file .brand-label,.site-brand:focus-visible .brand-file .brand-label{transform:translateX(4px)}
@keyframes brand-enter{from{opacity:0;transform:translateY(9px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
.logo-preview-controls{position:fixed;z-index:100;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:6px;align-items:center;padding:9px 12px;border:1px solid #eee9df40;border-radius:14px;background:#20261ff5;color:#eee9df;box-shadow:0 8px 30px #0003;font:12px/1.2 'Space Grotesk',sans-serif;max-width:calc(100% - 24px)}
.logo-preview-controls>span{padding:0 8px;white-space:nowrap}
.logo-preview-controls button{font:inherit;color:inherit;border:1px solid #eee9df40;background:transparent;padding:10px 12px;border-radius:7px;cursor:pointer;white-space:nowrap;min-height:40px}
.logo-preview-controls button[aria-pressed=true]{background:#eee9df;color:#293225;border-color:#eee9df}
@media(max-width:600px){.site-brand{min-width:125px}.brand-edition .brand-name{font-size:33px}.logo-preview-controls{flex-wrap:wrap;justify-content:center;width:350px}.logo-preview-controls>span{font-size:10px}.logo-preview-controls button{padding:8px}}
@media(prefers-reduced-motion:reduce){.brand-name,.brand-label{animation:none}.site-brand *{transition:none!important;transform:none!important}}