/* Echo Motorworks round mark plus compact, source-owned brand lockup. */
html body a[data-emw-header-logo-placement="header"][data-emw-header-logo-ready="1"][data-emw-header-logo-version] {
  box-sizing: border-box !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  width: 286px !important;
  min-width: 286px !important;
  max-width: 286px !important;
  height: 78px !important;
  min-height: 78px !important;
  max-height: 78px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  flex: 0 0 286px !important;
  background: none !important;
  line-height: 1 !important;
  text-decoration: none !important;
  white-space: normal !important;
}

html body .site-header .em-dev-header-main:has(> a[data-emw-header-logo-placement="header"][data-emw-header-logo-ready="1"]) {
  grid-template-columns: 286px minmax(0, 1fr) auto !important;
}

/* Retire theme-generated wordmark content only after a safe target is claimed. */
html body a[data-emw-header-logo-placement="header"][data-emw-header-logo-ready="1"][data-emw-header-logo-version]::before,
html body a[data-emw-header-logo-placement="header"][data-emw-header-logo-ready="1"][data-emw-header-logo-version]::after {
  content: none !important;
  display: none !important;
}

html body a[data-emw-header-logo-placement="header"][data-emw-header-logo-ready="1"][data-emw-header-logo-version] > img.emw-header-brand-mark {
  box-sizing: border-box !important;
  display: block !important;
  width: 78px !important;
  min-width: 78px !important;
  max-width: 78px !important;
  height: 78px !important;
  min-height: 78px !important;
  max-height: 78px !important;
  margin: 0 !important;
  padding: 0 !important;
  object-fit: contain !important;
  object-position: 50% 50% !important;
  transform: none !important;
  filter: none !important;
  clip-path: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

html body a[data-emw-header-logo-placement="header"][data-emw-header-logo-ready="1"][data-emw-header-logo-version] > .emw-header-brand-copy {
  box-sizing: border-box !important;
  display: flex !important;
  min-width: 0 !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  justify-content: center !important;
  gap: 5px !important;
  color: #fff !important;
  line-height: 1 !important;
  text-align: left !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

html body .emw-header-brand-copy > .emw-header-brand-name {
  color: #f7f7f5 !important;
  font-family: "Barlow Condensed", Impact, "Arial Narrow", sans-serif !important;
  font-size: 1.42rem !important;
  font-weight: 900 !important;
  letter-spacing: .06em !important;
  animation: emwHeaderBrandPulse 1150ms cubic-bezier(.16, .88, .2, 1.08) 120ms both !important;
  will-change: filter, text-shadow;
}

html body .emw-header-brand-copy > .emw-header-brand-tagline {
  color: #b9c0c8 !important;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif !important;
  font-size: .58rem !important;
  font-weight: 800 !important;
  letter-spacing: .13em !important;
}

html body .emw-header-brand-tagline > .emw-header-tag-word {
  display: inline-block !important;
  color: inherit !important;
  animation: emwHeaderTagArrival 590ms cubic-bezier(.18, .9, .2, 1.12) var(--emw-header-tag-delay, 850ms) both !important;
  transition: color 150ms ease, filter 150ms ease, text-shadow 150ms ease !important;
  will-change: filter, text-shadow;
}

html body .emw-header-brand-tagline > .emw-header-tag-separator {
  color: #ef2635 !important;
}

html body .emw-header-brand-tagline > .emw-header-tag-word:hover,
html body .emw-header-brand-tagline > .emw-header-tag-word:active {
  color: #fff !important;
  filter: brightness(1.35) !important;
  text-shadow: 0 0 3px #fff, 0 0 10px rgba(255, 255, 255, .92), 0 0 18px rgba(239, 38, 53, .82) !important;
}

html body a[data-emw-header-logo-placement="header"][data-emw-header-logo-ready="1"][data-emw-header-logo-version]:focus-visible .emw-header-tag-word {
  animation: emwHeaderTagFocus 620ms cubic-bezier(.18, .9, .2, 1.12) var(--emw-header-tag-focus-delay, 0ms) both !important;
}

@keyframes emwHeaderBrandPulse {
  0%, 42% {
    filter: brightness(.72);
    text-shadow: none;
  }
  58% {
    filter: brightness(1.45);
    text-shadow: 0 0 4px rgba(255, 255, 255, .96), 0 0 14px rgba(239, 38, 53, .88), 0 0 24px rgba(225, 6, 0, .58);
  }
  78% {
    filter: brightness(.96);
    text-shadow: 0 0 4px rgba(239, 38, 53, .28);
  }
  100% {
    filter: none;
    text-shadow: none;
  }
}

@keyframes emwHeaderTagArrival {
  0% {
    filter: brightness(.78);
    text-shadow: none;
  }
  46% {
    filter: brightness(1.5);
    text-shadow: 0 0 3px #fff, 0 0 10px rgba(255, 255, 255, .94), 0 0 19px rgba(239, 38, 53, .86);
  }
  100% {
    filter: none;
    text-shadow: none;
  }
}

@keyframes emwHeaderTagFocus {
  0%, 100% {
    filter: none;
    text-shadow: none;
  }
  48% {
    filter: brightness(1.45);
    text-shadow: 0 0 3px #fff, 0 0 10px rgba(255, 255, 255, .94), 0 0 19px rgba(239, 38, 53, .86);
  }
}

html body a[data-emw-header-logo-placement="header"][data-emw-header-logo-ready="1"][data-emw-header-logo-version]:focus-visible {
  outline: 2px solid #ef2635 !important;
  outline-offset: 3px !important;
}

/*
 * The live theme pins .brand-logo to 96px with a four-class !important rule.
 * Keep this correction desktop-only so every established tablet/phone size
 * below 1012px continues to use the unchanged responsive contract.
 */
@media (min-width: 1012px) {
  html body .site-header.em-dev-header .em-dev-header-main > a.brand-logo[data-emw-header-logo-placement="header"][data-emw-header-logo-ready="1"][data-emw-header-logo-version] {
    width: 286px !important;
    min-width: 286px !important;
    max-width: 286px !important;
    height: 78px !important;
    min-height: 78px !important;
    max-height: 78px !important;
    flex: 0 0 286px !important;
  }

  html body .site-header.em-dev-header .em-dev-header-main:has(> a.brand-logo[data-emw-header-logo-placement="header"][data-emw-header-logo-ready="1"][data-emw-header-logo-version]) {
    grid-template-columns: 286px minmax(0, 1fr) auto !important;
  }

  html body .site-header.em-dev-header .em-dev-header-main > a.brand-logo[data-emw-header-logo-placement="header"][data-emw-header-logo-ready="1"][data-emw-header-logo-version] > img.emw-header-brand-mark {
    width: 78px !important;
    min-width: 78px !important;
    max-width: 78px !important;
    height: 78px !important;
    min-height: 78px !important;
    max-height: 78px !important;
  }
}

@media (max-width: 1011px) {
  html body a[data-emw-header-logo-placement="header"][data-emw-header-logo-ready="1"][data-emw-header-logo-version] {
    gap: 9px !important;
    width: 218px !important;
    min-width: 218px !important;
    max-width: 218px !important;
    height: 60px !important;
    min-height: 60px !important;
    max-height: 60px !important;
    flex-basis: 218px !important;
  }

  html body .site-header .em-dev-header-main:has(> a[data-emw-header-logo-placement="header"][data-emw-header-logo-ready="1"]) {
    grid-template-columns: 218px minmax(0, 1fr) auto !important;
  }

  html body a[data-emw-header-logo-placement="header"][data-emw-header-logo-ready="1"][data-emw-header-logo-version] > img.emw-header-brand-mark {
    width: 60px !important;
    min-width: 60px !important;
    max-width: 60px !important;
    height: 60px !important;
    min-height: 60px !important;
    max-height: 60px !important;
  }

  html body .emw-header-brand-copy > .emw-header-brand-name {
    font-size: 1.2rem !important;
  }

  html body .emw-header-brand-copy > .emw-header-brand-tagline {
    font-size: .5rem !important;
  }
}

@media (min-width: 681px) and (max-width: 760px) {
  html body a[data-emw-header-logo-placement="header"][data-emw-header-logo-ready="1"][data-emw-header-logo-version] {
    gap: 8px !important;
    width: 196px !important;
    min-width: 196px !important;
    max-width: 196px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    flex-basis: 196px !important;
  }

  html body .site-header .em-dev-header-main:has(> a[data-emw-header-logo-placement="header"][data-emw-header-logo-ready="1"]) {
    grid-template-columns: 196px minmax(0, 1fr) auto !important;
  }

  html body a[data-emw-header-logo-placement="header"][data-emw-header-logo-ready="1"][data-emw-header-logo-version] > img.emw-header-brand-mark {
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
  }

  html body .emw-header-brand-copy > .emw-header-brand-name {
    font-size: 1rem !important;
  }

  html body .emw-header-brand-copy > .emw-header-brand-tagline {
    font-size: .43rem !important;
  }
}

@media (max-width: 680px) {
  html body a[data-emw-header-logo-placement="header"][data-emw-header-logo-ready="1"][data-emw-header-logo-version] {
    gap: 0 !important;
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    flex-basis: 48px !important;
  }

  html body .site-header .em-dev-header-main:has(> a[data-emw-header-logo-placement="header"][data-emw-header-logo-ready="1"]) {
    grid-template-columns: 48px minmax(0, 1fr) auto !important;
  }

  html body a[data-emw-header-logo-placement="header"][data-emw-header-logo-ready="1"][data-emw-header-logo-version] > img.emw-header-brand-mark {
    width: 48px !important;
    min-width: 48px !important;
    max-width: 48px !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
  }

  html body a[data-emw-header-logo-placement="header"][data-emw-header-logo-ready="1"][data-emw-header-logo-version] > .emw-header-brand-copy {
    display: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html body .emw-header-brand-copy > .emw-header-brand-name,
  html body .emw-header-brand-tagline > .emw-header-tag-word,
  html body a[data-emw-header-logo-placement="header"][data-emw-header-logo-ready="1"][data-emw-header-logo-version]:focus-visible .emw-header-tag-word {
    animation: none !important;
    transition: none !important;
    filter: none !important;
    text-shadow: none !important;
  }

  html body .emw-header-brand-tagline > .emw-header-tag-word:hover,
  html body .emw-header-brand-tagline > .emw-header-tag-word:active,
  html body a[data-emw-header-logo-placement="header"][data-emw-header-logo-ready="1"][data-emw-header-logo-version]:focus-visible .emw-header-tag-word {
    color: #fff !important;
  }
}
