.mcer {
  --mcer-accent:#f86a1f;
  --mcer-bg:#282827;
  --mcer-kicker:#f86a1f;
  --mcer-heading:#fff;
  --mcer-body:#fff;
  --mcer-btn-text:#f86a1f;
  --mcer-btn-border:#f86a1f;
  --mcer-overlay:72;
  --mcer-min-h:640px;
  height:100vh;
  min-height:700px;
  position:relative;
  width:100%
  background-color:var(--mcer-bg);
}
.mcer,
.mcer__bg {
  background-color:var(--mcer-bg);
  overflow:hidden
}
.mcer__bg {
  background-attachment:fixed;
  background-position:50%;
  background-repeat:no-repeat;
  background-size:cover;
  inset:0;
  position:absolute
}
.mcer__inner {
  height:100%;
  position:relative;
  z-index:1
}
.mcer__grid {
  padding:10rem 1rem
}
.mcer__copy {
  max-width:36rem;
  opacity:0;
  transform:translateY(28px);
  transition:opacity .65s ease-out .12s,transform .65s ease-out .12s
}
.mcer__content-wrap.is-visible .mcer__copy {
  opacity:1;
  transform:translateY(0)
}
.mcer__kicker {
  color:var(--mcer-kicker);
  font-size:18px;
  font-weight:700;
  line-height:1;
  margin:0 0 1.5rem;
  text-transform:uppercase
}
.mcer__heading {
  color:var(--mcer-heading);
  margin:0 0 1.75rem
}
.mcer__heading h1,
.mcer__heading h2,
.mcer__heading h3,
.mcer__heading p {
  color:inherit;
  font-size:80px;
  font-weight:700;
  letter-spacing:0;
  line-height:.95;
  margin:0 0 3rem
}
.mcer__heading p {
  font-size:inherit;
  font-weight:inherit;
  line-height:inherit
}
.mcer__body,
.mcer__body p {
  color:var(--mcer-body);
  font-size:18px;
  font-weight:500;
  line-height:26px
}
.mcer__body p {
  margin:0
}
.mcer__actions {
  display:flex;
  flex-wrap:wrap;
  gap:1rem;
  margin-top:2.25rem
}
.mcer__btn {
  background:transparent;
  border:2px solid var(--mcer-btn-border);
  border-radius:999px;
  color:var(--mcer-btn-text);
  display:inline-flex;
  font-size:18px;
  font-weight:600;
  line-height:1.2;
  padding:8px 26px 6px;
  text-decoration:none;
  text-transform:uppercase;
  transition:background-color .2s ease,border-color .2s ease,color .2s ease
}
.mcer__btn:focus-visible,
.mcer__btn:hover {
  background:var(--mcer-accent);
  border-color:var(--mcer-accent);
  color:#fff;
  text-decoration:none
}
.mcer__btn:focus-visible {
  outline:2px solid #fff;
  outline-offset:3px
}
.mcer__content-wrap {
    display: flex;
    align-items: center;
    height: 100%;
}
@media (max-width:1299px) {
  .mcer__heading h1, .mcer__heading h2, .mcer__heading h3, .mcer__heading p {
    font-size: 70px;
  }
}
@media (max-width:1199px) {
  .mcer {
    height: auto;
  }
  .mcer__copy {
    max-width: 30rem;
  }
  .mcer__btn {
    font-size: 16px;
    padding: 6px 26px 6px;
  }
}
@media (max-width:1023px) {
  .mcer {
    min-height: 550px;
  }
  .mcer .mapple-container {
    padding:0 2rem
  }
  .mcer__grid {
    padding: 7rem 0;
  }
  .mcer__heading h1, .mcer__heading h2, .mcer__heading h3, .mcer__heading p {
    font-size: 60px;
    margin: 0 0 2rem;
  }
  .mcer__kicker {
    font-size: 16px;
  }
  .mcer__body, .mcer__body p {
    font-size: 16px;
    line-height: 24px;
  }
  .mcer__copy {
    max-width: 26rem;
  }
}
@media (max-width:767px) {
  .mcer .mapple-container {
    padding:0 1rem
  }
  .mcer__btn {
    font-size: 15px;
    padding: 6px 18px 6px;
  }
  .mcer__heading h1, .mcer__heading h2, .mcer__heading h3, .mcer__heading p {
    font-size: 50px;
  }
  .mcer__actions {
    gap:.75rem;
    margin-top:1.75rem
  }
}