/* Draw the unified mark, then settle into its solid silhouette. */
.brand-symbol .brand-fill{opacity:1;animation:brand-fill-in 1.15s ease-out}
.brand-symbol .brand-outline{fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:0;opacity:0;animation:brand-outline-in 1.15s cubic-bezier(.3,.6,.2,1)}
.logo .brand-symbol{animation:brand-settle 1s cubic-bezier(.2,.8,.2,1);transform-origin:50% 55%;transition:transform .45s cubic-bezier(.2,.8,.2,1),color .35s,filter .35s}
.logo:hover .brand-symbol,.logo:focus-visible .brand-symbol{transform:translateY(-1px) rotate(-4deg) scale(1.055);color:#fffdf1;filter:drop-shadow(0 2px 8px #e4dfcf25)}
.monogram .brand-symbol{transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.designer-card:hover .monogram .brand-symbol{transform:translateY(-3px) rotate(-3deg)}
@keyframes brand-outline-in{0%{stroke-dashoffset:1;opacity:.8}58%{stroke-dashoffset:0;opacity:1}78%{stroke-dashoffset:0;opacity:.7}100%{stroke-dashoffset:0;opacity:0}}
@keyframes brand-fill-in{0%,42%{opacity:0}85%,100%{opacity:1}}
@keyframes brand-settle{0%{transform:translateY(3px) scale(.91)}100%{transform:none}}
@media(prefers-reduced-motion:reduce){.brand-symbol .brand-fill,.brand-symbol .brand-outline,.logo .brand-symbol{animation:none!important}.brand-symbol .brand-outline{display:none}.logo .brand-symbol,.monogram .brand-symbol{transition:none}.logo:hover .brand-symbol,.logo:focus-visible .brand-symbol,.designer-card:hover .monogram .brand-symbol{transform:none;filter:none}}