.layout__hero {
  position: relative;
  grid-column: 1/-1;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: var(--vh, 100vh);
  overflow: hidden;
  text-align: center;
  color: #f3dfce;
}
.layout__hero::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 11px;
  background: repeating-linear-gradient(to bottom, rgba(243, 223, 206, 0.28) 0, rgba(243, 223, 206, 0.28) 1px, transparent 1px, transparent 5px);
  pointer-events: none;
  z-index: 2;
}
.layout__hero .hero__media {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.layout__hero .hero__media::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(to bottom, rgba(48, 18, 26, 0.25), rgba(48, 18, 26, 0.55));
}
.layout__hero .hero__media > div {
  position: absolute;
  inset: 0;
}
.layout__hero .hero__media img,
.layout__hero .hero__media video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.layout__hero .hero__media-mobile {
  display: none;
}
@media (max-width: 700px) {
  .layout__hero .hero__media-desktop.has-mobile {
    display: none;
  }
  .layout__hero .hero__media-mobile {
    display: block;
    position: absolute;
    inset: 0;
  }
}
.layout__hero {
  justify-content: center;
}
.layout__hero .hero__inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.2727272727rem;
  padding: 5.4545454545rem 1.0909090909rem 0;
  max-width: 100ch;
}
.layout__hero .hero__heading {
  font-family: "dogma-bold", "Helvetica Neue", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  font-size: clamp(40px, 4.7916666667vw, 70px);
  line-height: 1.06;
  letter-spacing: 0.01em;
}
.layout__hero .hero__heading em {
  font-family: "alkaline", "Brush Script MT", cursive;
  font-style: normal;
  font-weight: 700;
  text-transform: none;
  font-size: 1.18em;
  letter-spacing: 0;
}
.layout__hero .hero__tagline {
  position: absolute;
  left: 50%;
  bottom: clamp(40px, 3.75vw, 72px);
  transform: translateX(-50%);
  z-index: 1;
  font-family: "arek", Georgia, "Times New Roman", serif;
  font-style: italic;
  font-size: clamp(15px, 1.345833vw, 22px);
  line-height: 1.5;
  max-width: 70ch;
  width: 90%;
  margin: 0;
}