/* Original SVG geometry. Each shuffled row returns to the static ON artwork. */
.brand-mark{display:block;width:90px;flex:none;line-height:0}
.brand-mark svg,.brand-switch svg{display:block;width:100%;height:auto;overflow:visible}
header.site .logo-bor{gap:18px}
footer.site .logo-bor{transform:none}
footer.site .brand-mark{width:122px}
.brand-switch{display:inline-block;flex:none;width:clamp(73px,6vw,86px);line-height:0}
.brand-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.brand-sweep{transform:translateX(var(--sweep-end));transform-origin:0 0}
.brand-sweep--track{--sweep-end:-431.823530px}
.brand-sweep--knob{--sweep-end:-162px}
.brand-knob{transform:translateX(112.294119px);transform-origin:0 0}
.brand-word{opacity:1}
.brand-preview-button{font:inherit;font-weight:600;color:inherit;background:transparent;border:1px solid currentColor;border-radius:3px;padding:5px 10px;margin:2px 0 2px 12px;min-height:30px;cursor:pointer}
.brand-preview-button:hover{background:#514840}
.brand-row{--shuffle-delay:0s}
.brand-row.is-offset{--shuffle-delay:.6s}
[data-brand-motion].is-playing .brand-row.is-shuffling .brand-sweep{animation:brand-sweep 2.6s cubic-bezier(.42,0,.58,1) var(--shuffle-delay) both}
[data-brand-motion].is-playing .brand-row.is-shuffling .brand-knob{animation:brand-knob 2.6s cubic-bezier(.42,0,.58,1) var(--shuffle-delay) both}
/* An ON–OFF–ON–OFF–ON shuffle; a stagger makes the two rows cross in motion. */
@keyframes brand-sweep{0%,100%{transform:translateX(var(--sweep-end))}23%,65%{transform:translateX(0)}44%,85%{transform:translateX(var(--sweep-end))}}
@keyframes brand-knob{0%,100%{transform:translateX(112.294119px)}23%,65%{transform:translateX(0)}44%,85%{transform:translateX(112.294119px)}}
@media(max-width:700px){footer.site .brand-mark{width:96px}.brand-switch{width:76px}}
@media(max-width:370px){header.site .logo-bor{gap:12px}.brand-name{padding-left:12px}.brand-switch{width:66px}}
@media(prefers-reduced-motion:reduce){
  [data-brand-motion] .brand-sweep,[data-brand-motion] .brand-knob,[data-brand-motion] .brand-word{animation:none!important}
  /* A visitor can explicitly enable and stop repeating motion with the existing button. */
  [data-brand-motion].is-preview.is-playing .brand-row.is-shuffling .brand-sweep{animation:brand-sweep 2.6s cubic-bezier(.42,0,.58,1) var(--shuffle-delay) both!important}
  [data-brand-motion].is-preview.is-playing .brand-row.is-shuffling .brand-knob{animation:brand-knob 2.6s cubic-bezier(.42,0,.58,1) var(--shuffle-delay) both!important}
}