/* v6.9.376 — transparent animated Fueltek header logo, flash-free.
   The homepage logo stays completely hidden while the launch intro is running.
   Once the intro has fully faded away, the logo animation starts from its
   transparent first frame. When it ends, the exact last-frame PNG is shown. */

html[data-theme] body .header .logo{
  position:relative!important;
  background-image:none!important;
  background-color:transparent!important;
  color:transparent!important;
  overflow:hidden!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  transform:none!important;
}

html[data-theme] body .header .logo::before,
html[data-theme] body .header .logo::after{
  pointer-events:none!important;
}

.fueltek-header-logo-media{
  position:absolute!important;
  left:8px!important;
  top:50%!important;
  width:202px!important;
  max-width:calc(100% - 20px)!important;
  height:auto!important;
  max-height:78px!important;
  transform:translateY(-50%)!important;
  object-fit:contain!important;
  object-position:left center!important;
  display:block!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  pointer-events:none!important;
  user-select:none!important;
  -webkit-user-drag:none!important;
}

/* Default state on normal internal pages: use the frozen final-frame logo. */
html[data-theme] body .header .logo .fueltek-header-logo-video{
  z-index:2!important;
  opacity:0!important;
  visibility:hidden!important;
}

html[data-theme] body .header .logo .fueltek-header-logo-freeze{
  z-index:1!important;
  opacity:1!important;
  visibility:visible!important;
}

/* FIRST HOMEPAGE ENTRY:
   Hide BOTH assets before/during the main intro. This is the key fix for the
   brief full-logo flash that happened in v6.9.375. */
html:not(.skip-fueltek-intro) body .header .logo.fueltek-header-logo-home:not(.is-playing-header-logo):not(.is-header-logo-complete) .fueltek-header-logo-video,
html:not(.skip-fueltek-intro) body .header .logo.fueltek-header-logo-home:not(.is-playing-header-logo):not(.is-header-logo-complete) .fueltek-header-logo-freeze{
  opacity:0!important;
  visibility:hidden!important;
}

/* Logo animation is active. The final-frame image stays hidden underneath. */
html[data-theme] body .header .logo.is-playing-header-logo .fueltek-header-logo-video{
  opacity:1!important;
  visibility:visible!important;
}

html[data-theme] body .header .logo.is-playing-header-logo .fueltek-header-logo-freeze{
  opacity:0!important;
  visibility:hidden!important;
}

/* Animation completed (or animation is deliberately skipped):
   reveal only the exact final-frame PNG. */
html[data-theme] body .header .logo.is-header-logo-complete .fueltek-header-logo-video{
  opacity:0!important;
  visibility:hidden!important;
}

html[data-theme] body .header .logo.is-header-logo-complete .fueltek-header-logo-freeze{
  opacity:1!important;
  visibility:visible!important;
}

/* Returning to Home in the same tab does not replay either intro.
   Show the finished logo immediately. */
html.skip-fueltek-intro body .header .logo.fueltek-header-logo-home .fueltek-header-logo-video{
  opacity:0!important;
  visibility:hidden!important;
}

html.skip-fueltek-intro body .header .logo.fueltek-header-logo-home .fueltek-header-logo-freeze{
  opacity:1!important;
  visibility:visible!important;
}

@media(max-width:1220px) and (min-width:561px){
  .fueltek-header-logo-media{
    left:8px!important;
    width:184px!important;
    max-height:68px!important;
  }
}

@media(max-width:560px){
  .fueltek-header-logo-media{
    left:6px!important;
    width:138px!important;
    max-width:calc(100% - 10px)!important;
    max-height:50px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  html[data-theme] body .header .logo .fueltek-header-logo-video{
    display:none!important;
  }
  html[data-theme] body .header .logo .fueltek-header-logo-freeze{
    opacity:1!important;
    visibility:visible!important;
  }
}