br{
  max-height: 12px;
}


.e-hero-subheading{
  color: white;
  font-weight: 700;
  padding-bottom: 8px;
}

img:is([sizes=auto i],
[sizes^="auto," i]) {
  contain-intrinsic-size:3000px 1500px
}

.e-btn--ghost.e-btn--wipe{
  background: transparent !important;
}

.e-btn--wipe{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;                 
  z-index: 0;
  transition: color 200ms ease;     
}
.e-section--light .e-btn--wipe{
  --btn-fill: var(--e-black-at) !important;
}
.e-btn--wipe{
  --btn-fill: var(--e-black-at);
}

.e-btn--wipe:hover {
  color: var(--e-black-at);
}

.e-btn--wipe.e-btn--blood{
  --btn-fill: var(--e-bone-at);
}
.wipe-white{
  --btn-fill: var(--e-bone-at);
}
.wipe-white:hover{
  color: var(--e-black-at) !important;
}

.e-btn--wipe::before{
  content: "";
  position: absolute;
  inset: 0;
  background: var(--btn-fill);
  transform-origin: bottom;
  transform: scaleY(0);
  transition: transform 260ms ease;
  z-index: -1;
}
.e-btn--wipe.e-btn--blood:hover{
  color: var(--e-black-at) !important;
}


.e-section--light .e-btn--wipe.e-btn--blood:hover{
  color: var(--e-bone-at) !important;
}

.e-section--light .e-btn--wipe:hover{
  color: var(--e-bone-at);
}

.e-btn--wipe:hover{
  color: white;
  transition: color 260ms ease;
}

.e-btn--wipe:hover::before,
.e-btn--wipe:focus-visible::before{
  transform: scaleY(1);
}

.e-btn--wipe:focus-visible{
  outline: 2px solid currentColor;
  outline-offset: 3px;
}