/* Assembly: the static SVG stays complete if motion or JavaScript is unavailable. */
:root .sp-logo .brand-mark{width:34px;height:34px;flex-shrink:0;color:var(--sp-accent);overflow:visible}
.brand-mark [data-mark-part]{transform-box:fill-box;transform-origin:center}
@media(max-width:640px){:root .sp-header .sp-logo .brand-mark{width:28px;height:28px}}
@media(max-width:360px){:root .sp-header .sp-logo .brand-mark{width:26px;height:26px}}

@media(prefers-reduced-motion:no-preference){
  .motion-pending{opacity:0}
  .motion-pending:focus-within{opacity:1}
  .sp-button .icon,.sp-nav-contact .icon,.sp-footer>a>.icon{transition:transform 360ms cubic-bezier(.2,.7,.25,1)}
  .sp-primary:is(:hover,:focus-visible) .icon,.sp-nav-contact:is(:hover,:focus-visible) .icon,.sp-footer>a:is(:hover,:focus-visible)>.icon{transform:translate(4px,-4px)}
  .sp-secondary:is(:hover,:focus-visible) .icon{transform:translateY(5px)}
  .mobile-nav a .icon{transition:transform 180ms ease}
  .mobile-nav a:active .icon{transform:scale(.92)}
  .form-dialog[open]{animation:dialog-arrive 360ms cubic-bezier(.2,.7,.25,1)}
  .form-dialog[open]::backdrop{animation:backdrop-arrive 360ms ease}
}
@keyframes dialog-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes backdrop-arrive{from{opacity:0}to{opacity:1}}

@media print{.motion-pending{opacity:1!important;transform:none!important}}