/* Faceted W monogram and custom vector wordmark: no additional font or rendering loop. */
.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0;text-decoration:none;white-space:nowrap;perspective:350px;line-height:1}
.brand-symbol{display:block;position:relative;width:53px;height:49px;flex:none;transition:transform .45s cubic-bezier(.2,.7,.2,1),filter .45s;transform:rotateY(-9deg) rotateX(5deg)}
.brand-symbol img{display:block;width:100%;height:100%;filter:drop-shadow(0 5px 6px #ff6b3520)}
.brand-wordmark{display:block;width:87px;height:auto}
.brand:hover .brand-symbol,.brand:focus-visible .brand-symbol{transform:translateY(-2px) rotateY(16deg) rotateX(-7deg);filter:drop-shadow(-3px 6px 6px #ff6b3530)}
@media(max-width:760px){.brand{gap:9px}.brand-symbol{width:44px;height:43px}.brand-wordmark{width:73px}}
@media(prefers-reduced-motion:reduce){.brand-symbol{transition:none;transform:none}.brand:hover .brand-symbol,.brand:focus-visible .brand-symbol{transform:none}}
.is-reduced .brand-symbol,.is-reduced .brand:hover .brand-symbol,.is-reduced .brand:focus-visible .brand-symbol{transition:none;transform:none}