/* Clean title page: centered typography, baroque relief shifted right. */
.hero {
  height: 72svh;
  min-height: 560px;
}

.hero-arch {
  left: auto;
  right: -11%;
  top: -7%;
  width: 78%;
  height: 100%;
  object-position: 0 0;
  opacity: .68;
}

.hero-copy {
  left: 50%;
  top: 58%;
  width: min(82%, 650px);
  transform: translate(-50%, -50%);
  text-align: center;
}

.hero-copy .kicker {
  margin-bottom: 34px;
  color: #34251d;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .34em;
}

.hero-copy h1 {
  font-size: clamp(82px, 12vw, 138px);
}

@media (max-width: 700px) {
  .hero {
    height: 68svh;
    min-height: 520px;
  }

  .hero-arch {
    left: auto;
    right: -11%;
    top: -7%;
    width: 78%;
    height: 100%;
    opacity: .68;
    clip-path: none;
    -webkit-mask-image: none;
    mask-image: none;
    filter: sepia(.3) saturate(.65);
  }

  .hero-copy {
    left: 50%;
    top: 57%;
    width: 88%;
    transform: translate(-50%, -50%);
  }

  .hero-copy .kicker {
    margin-bottom: 28px;
    font-size: 10px;
    letter-spacing: .28em;
  }

  .hero-copy h1 {
    font-size: 76px;
  }

}