.pro-preload{
  position:fixed;
  inset:0;
  z-index:500;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:#fff;
  clip-path:inset(0 0 0 0);
}
.pro-preload__logo{
  display:block;
  width:min(48vw,690px);
  aspect-ratio:16/9;
  object-fit:contain;
  will-change:transform,opacity;
}
.pro-preload--about{background:#871312}
.pro-preload__about-logo{
  display:block;
  width:min(24vw,338px);
  height:auto;
  overflow:visible;
  transform-origin:center center;
  will-change:transform,opacity;
}
.pro-preload__about-logo #preloadAboutDraw{stroke-dashoffset:1}
.pro-preload__about-logo #preloadAboutTShape,
.pro-preload__about-logo #preloadAboutI1Shape,
.pro-preload__about-logo #preloadAboutI2Shape,
.pro-preload__about-logo #preloadAboutXShape,
.pro-preload__about-logo #preloadAboutProShape{opacity:0}
.pro-preload__about-logo.is-playing #preloadAboutDraw{animation:preload-about-draw .95s cubic-bezier(.45,0,.55,1) .18s forwards}
.pro-preload__about-logo.is-playing #preloadAboutTShape{animation:preload-about-in .28s cubic-bezier(.45,0,.55,1) 1.05s forwards}
.pro-preload__about-logo.is-playing #preloadAboutI1Shape{animation:preload-about-left .38s cubic-bezier(.22,1,.36,1) 1.28s forwards}
.pro-preload__about-logo.is-playing #preloadAboutI2Shape{animation:preload-about-left .38s cubic-bezier(.22,1,.36,1) 1.50s forwards}
.pro-preload__about-logo.is-playing #preloadAboutXShape{animation:preload-about-left .42s cubic-bezier(.22,1,.36,1) 1.72s forwards}
.pro-preload__about-logo.is-playing #preloadAboutProShape{animation:preload-about-right .55s cubic-bezier(.16,1,.3,1) 2.16s forwards}
@keyframes preload-about-draw{to{stroke-dashoffset:0}}
@keyframes preload-about-in{to{opacity:1}}
@keyframes preload-about-left{from{transform:translateX(-28px);opacity:0}to{transform:translateX(0);opacity:1}}
@keyframes preload-about-right{from{transform:translateX(42px);opacity:0}to{transform:translateX(0);opacity:1}}
.pro-preload__dock-logo{
  position:fixed;
  z-index:1;
  display:block;
  object-fit:contain;
  pointer-events:none;
  transform-origin:center center;
  will-change:transform,opacity;
}
.page-header,
.site-header,
.qs-hero__logo{
  transition:opacity .32s ease;
}
.pro-preload-is-running .page-header,
.pro-preload-is-running .site-header,
.pro-preload-is-running .qs-hero__logo{
  opacity:0;
}
.pro-preload-is-docking .page-header,
.pro-preload-is-docking .site-header,
.pro-preload-is-docking .qs-hero__logo{
  opacity:1;
}
.pro-preload-is-ready .qs-hero__logo{
  opacity:1;
}
@media(max-width:767px){
  .pro-preload__logo{width:min(82vw,540px)}
  .pro-preload__about-logo{width:min(48vw,240px)}
}
@media(prefers-reduced-motion:reduce){
  .pro-preload{display:none}
  .pro-preload-is-running .page-header,
  .pro-preload-is-running .site-header,
  .pro-preload-is-running .qs-hero__logo{opacity:1}
}