@media (max-width: 767px) {
  html body #header-image#header-image,
  html body:not(.home) #header-image#header-image {
    width: calc(100% - 8px) !important;
    max-width: calc(100% - 8px) !important;
    margin: 6px auto 0 !important;
  }
  html body #header-image#header-image > a.header-image,
  html body #header-image#header-image > a.header-image > img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
  }
  html body #header-core #header-nav > .btn-navbar.btn-navbar {
    position: relative !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  html body #header-core #header-nav > .btn-navbar.btn-navbar .icon-bar.icon-bar {
    border-radius: 99px !important;
    background: linear-gradient(90deg, #8f2407 0%, #ff6b1a 38%, #ffd078 52%, #f04e12 70%, #701906 100%) !important;
    box-shadow: 0 0 5px rgba(255,94,24,.95), 0 0 10px rgba(213,49,8,.58) !important;
  }
  html body #header-core #header-nav > .btn-navbar.btn-navbar::after {
    content: "";
    position: absolute;
    z-index: 2;
    top: -4px;
    left: -74px;
    width: 96px;
    height: 70px;
    pointer-events: none;
    background:
      radial-gradient(circle, #fff0b0 0 1.4px, transparent 2.5px) 84px 8px / 10px 10px no-repeat,
      radial-gradient(circle, #ffd071 0 1.8px, transparent 3px) 73px 24px / 12px 12px no-repeat,
      radial-gradient(circle, #ff8b26 0 1.5px, transparent 2.8px) 59px 3px / 11px 11px no-repeat,
      radial-gradient(circle, #ff5d16 0 1.7px, transparent 3px) 45px 33px / 12px 12px no-repeat,
      radial-gradient(circle, #e93e08 0 1.3px, transparent 2.6px) 31px 15px / 10px 10px no-repeat,
      radial-gradient(circle, #ffb044 0 1.2px, transparent 2.4px) 18px 47px / 9px 9px no-repeat,
      radial-gradient(circle, #b82b05 0 1.2px, transparent 2.4px) 5px 28px / 9px 9px no-repeat;
    filter: drop-shadow(0 0 4px rgba(255,79,13,.95));
    animation: ww-ember-inward-from-right 2.2s linear infinite;
  }
  html body #header-core #header-nav > .btn-navbar.btn-navbar:hover,
  html body #header-core #header-nav > .btn-navbar.btn-navbar:focus-visible {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    filter: drop-shadow(0 0 7px rgba(255,91,18,.72)) !important;
  }
}
@keyframes ww-ember-inward-from-right {
  0% { opacity: .48; transform: translate(18px, -8px) scale(.68) rotate(4deg); }
  24% { opacity: .95; }
  72% { opacity: .8; }
  100% { opacity: .48; transform: translate(-46px, 38px) scale(1.08) rotate(-8deg); }
}
@media (prefers-reduced-motion: reduce) {
  html body #header-core #header-nav > .btn-navbar.btn-navbar::after { animation: none !important; opacity: .8; }
}
