.brand-logo{position:relative;display:inline-flex;align-items:center;min-height:48px;flex-shrink:0;isolation:isolate}
.brand-logo .wordmark{display:inline-flex;align-items:center;gap:6px;line-height:1.15;white-space:nowrap}
.brand-word{position:relative;display:inline-block;overflow:hidden;padding-block:5px}
.brand-veil{position:absolute;inset:0;display:flex;opacity:.5;pointer-events:none;transition:transform 850ms cubic-bezier(.22,.75,.22,1),opacity 650ms;transform-origin:left center}
.brand-veil i{flex:1;height:100%;background:#e1e7e2;border-right:2px solid #ffffff99;border-radius:0 0 45% 10%}
.brand-blinds .brand-veil{flex-direction:column;transform-origin:center top}
.brand-blinds .brand-veil i{height:auto;width:100%;background:#d6e0d7;border-right:0;border-bottom:2px solid #ffffffb3;border-radius:0}
.brand-logo.is-open .brand-curtain .brand-veil{transform:translateX(-96%);opacity:.2}
.brand-logo.is-open .brand-blinds .brand-veil{transform:scaleY(.09);opacity:.35}
.brand-tassel{position:absolute;z-index:2;left:calc(50% + 1px);top:18px;transform:translateX(-50%);width:44px;height:44px;padding:0;border:0;background:transparent;cursor:pointer;touch-action:manipulation;color:#245738;border-radius:6px}
.brand-tassel svg{display:block;position:absolute;top:0;left:50%;margin-left:-7px;width:14px;height:42px;overflow:visible;transform-origin:50% 0;transition:transform 350ms ease}
.brand-logo.is-open .brand-tassel svg{transform:rotate(-5deg)}
.brand-tassel:focus-visible{outline:3px solid var(--action);outline-offset:1px}
.brand-logo .wordmark:focus-visible{outline-offset:2px}
.site-footer .brand-logo{margin-bottom:10px}
@media(prefers-reduced-motion:reduce){.brand-veil,.brand-tassel svg{transition:none}.brand-logo.is-open .brand-tassel svg{transform:none}}