.brand-animation{width:100%;margin:24px 0 0;aspect-ratio:1920/818;overflow:hidden;background:transparent;--brand-cycle:11s}
.brand-animation svg{display:block;width:100%;height:100%;overflow:hidden}
.brand-animation .brand-guides{stroke:#aabbb9;opacity:.48}
.brand-animation .brand-circles{stroke:#8da6a2;opacity:.62}
.brand-animation .brand-diagonals{stroke:#b6a6a3;opacity:.55}
.brand-animation .brand-dimensions{stroke:#949d9c;opacity:.55}
.brand-animation .brand-draw{stroke-dasharray:1;stroke-dashoffset:0}
.brand-animation .brand-construction{opacity:.28}
.brand-animation .brand-wordmark{opacity:1}
.brand-animation.is-static .brand-wordmark{opacity:1;filter:none;animation:none}
.brand-animation.is-static .brand-construction{opacity:.28;animation:none}
.brand-animation.is-static .brand-draw{opacity:1;stroke-dashoffset:0;animation:none}
@media(max-width:800px){.brand-animation{margin-top:20px;aspect-ratio:1.9}}
@media(prefers-reduced-motion:reduce){
  .brand-animation .brand-wordmark{opacity:1;filter:none;animation:none}
  .brand-animation .brand-construction{opacity:.28;animation:none}
  .brand-animation .brand-draw{opacity:1;stroke-dashoffset:0;animation:none}
}