.brand-symbol-shell{display:grid;place-items:center;flex-shrink:0}
.brand-symbol-shell .brand-symbol{overflow:visible;pointer-events:none}
.brand-lobe{transform-box:fill-box;transform-origin:center;transition:transform 460ms cubic-bezier(.2,.7,.25,1)}
.header .wordmark:focus-visible .brand-lobe--left{transform:translateX(-26px) rotate(-2deg)}
.header .wordmark:focus-visible .brand-lobe--right{transform:translateX(26px) rotate(2deg)}
.contour svg{display:block;width:100%;height:auto;overflow:visible}
@media(hover:hover) and (pointer:fine){
 .header .brand-symbol-shell:hover .brand-lobe--left{transform:translateX(-26px) rotate(-2deg)}
 .header .brand-symbol-shell:hover .brand-lobe--right{transform:translateX(26px) rotate(2deg)}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 .brand-lobe{transform:none!important;transition:none}
}