.brand-mark{display:block;position:relative;width:242px;max-width:100%;overflow:hidden;line-height:0;isolation:isolate}
.brand-mark img{display:block;width:100%;max-width:100%;height:auto}
.brand-mark .brand-name,.brand-mark .brand-truck{display:none;position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.logo-box .brand-mark{width:230px}
@media(max-width:1100px){header .brand-mark{width:200px}}
@media(max-width:360px){header .brand-mark{width:180px}.logo-box .brand-mark{width:210px}}
@media(max-height:500px) and (max-width:1050px){header .brand-mark{width:175px}}
@supports (clip-path:polygon(0 0,100% 0,100% 100%)){
 @media(prefers-reduced-motion:no-preference){
  .brand-mark.is-playing .brand-static{animation:abra-logo-finish 3.4s both}
  .brand-mark.is-playing .brand-name{display:block;clip-path:polygon(33.1% 0,100% 0,100% 77.85%,22.3% 77.85%);z-index:2;animation:abra-name-appear 3.4s both}
  .brand-mark.is-playing .brand-truck{display:block;clip-path:polygon(0 0,33.25% 0,22.45% 77.85%,0 77.85%);z-index:1;transform-origin:15% 40%;animation:abra-truck-arrive 3.4s both}
 }
}
@keyframes abra-name-appear{0%{opacity:0;transform:translateY(4px)}12%,94%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(0)}}
@keyframes abra-truck-arrive{0%,23%{opacity:0;transform:translateX(42%) scale(.12)}30%{opacity:1;transform:translateX(36%) scale(.2)}68%{opacity:1;transform:translateX(3%) scale(.92)}79%{opacity:1;transform:translateX(-.4%) scale(1.015)}88%,94%{opacity:1;transform:translateX(0) scale(1)}100%{opacity:0;transform:translateX(0) scale(1)}}
@keyframes abra-logo-finish{0%,87%{opacity:0}95%,100%{opacity:1}}
@media(prefers-reduced-motion:reduce){.brand-mark .brand-static{opacity:1!important;animation:none!important}.brand-mark .brand-name,.brand-mark .brand-truck{display:none!important;animation:none!important}}
@media print{.brand-mark .brand-static{opacity:1!important;animation:none!important}.brand-mark .brand-name,.brand-mark .brand-truck{display:none!important}}