.brand-mark{vertical-align:baseline;mix-blend-mode:normal;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.brand-mark svg{width:100%;height:100%;display:block;overflow:visible}.brand-mark--sm{width:22px;height:22px}.brand-mark--md{width:36px;height:36px}.brand-mark--lg{width:80px;height:80px}.brand-mark--xl{width:120px;height:120px}.brand-mark--hero{width:clamp(62px,min(12vw,18vh),173px);height:clamp(62px,min(12vw,18vh),173px)}.bm-flake{transform-origin:50%;transform-box:fill-box;will-change:transform, opacity}@keyframes brand-mark-enter-tl{0%{opacity:0;transform:translate(-45%,-35%)rotate(-24deg)scale(.5)}55%{opacity:1}to{opacity:1;transform:translate(0)rotate(0)scale(1)}}@keyframes brand-mark-enter-top{0%{opacity:0;transform:translateY(-50%)rotate(18deg)scale(.5)}55%{opacity:1}to{opacity:1;transform:translate(0)rotate(0)scale(1)}}@keyframes brand-mark-enter-tr{0%{opacity:0;transform:translate(45%,-35%)rotate(28deg)scale(.5)}55%{opacity:1}to{opacity:1;transform:translate(0)rotate(0)scale(1)}}.brand-mark--animated.brand-mark--entering .bm-flake[data-id=a1]{animation:1s cubic-bezier(.215,.61,.355,1) 1s both brand-mark-enter-tl}.brand-mark--animated.brand-mark--entering .bm-flake[data-id=a2]{animation:1s cubic-bezier(.215,.61,.355,1) 1.14s both brand-mark-enter-top}.brand-mark--animated.brand-mark--entering .bm-flake[data-id=a3]{animation:1s cubic-bezier(.215,.61,.355,1) 1.28s both brand-mark-enter-tr}@media (prefers-reduced-motion:reduce){.brand-mark--animated .bm-flake{animation:none!important}}