.brand-guides-draw [data-guide]{transform-box:fill-box;transform-origin:50%}@media (prefers-reduced-motion:no-preference){.brand-guides-draw [data-guide=line]{animation:brand-guide-line .9s var(--ease-ui) both;animation-delay:calc(.2s + var(--i,0) * 70ms)}.brand-guides-draw [data-guide=shape]{animation:brand-guide-shape .7s var(--ease-ui) both;animation-delay:calc(.5s + var(--i,0) * 90ms)}.brand-hero-art{animation:brand-art-in .7s var(--ease-ui) both}}@keyframes brand-guide-line{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes brand-guide-shape{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes brand-art-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.brand-tile [data-reveal]{opacity:0;transition:opacity .22s var(--ease-ui)}@media (hover:hover) and (pointer:fine){.brand-tile:hover [data-reveal]{opacity:1}}.brand-tile:has(:focus-visible) [data-reveal]{opacity:1}@media (prefers-reduced-motion:reduce){.brand-tile [data-reveal]{transition:none}}.brand-range{appearance:none;cursor:pointer;background:0 0;height:20px}.brand-range::-webkit-slider-runnable-track{background:var(--rule);border-radius:2px;height:2px}.brand-range::-moz-range-track{background:var(--rule);border-radius:2px;height:2px}.brand-range::-webkit-slider-thumb{-webkit-appearance:none;background:var(--surface);width:18px;height:18px;box-shadow:0 0 0 1px var(--ui-hair), var(--sh-knob);transition:transform .15s var(--ease-ui);border-radius:9999px;margin-top:-8px}.brand-range::-moz-range-thumb{background:var(--surface);width:18px;height:18px;box-shadow:0 0 0 1px var(--ui-hair), var(--sh-knob);border:0;border-radius:9999px}.brand-range:active::-webkit-slider-thumb{transform:scale(1.12)}.brand-range:focus-visible{outline:none}.brand-range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 1px var(--ui-ring), 0 0 0 4px var(--ui-ring-glow)}.brand-range:focus-visible::-moz-range-thumb{box-shadow:0 0 0 1px var(--ui-ring), 0 0 0 4px var(--ui-ring-glow)}