.encyclopedia-intro {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  min-height: clamp(640px, 86svh, 900px);
  overflow: hidden;
  padding: 130px max(6%, 24px) 88px;
  background: #101a23;
  color: #f0dfbb;
}
.encyclopedia-intro-image {
  position: absolute;
  z-index: -2;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 64% center;
}
.encyclopedia-intro-inner { width: min(1180px, 100%); margin: 0 auto; }
.encyclopedia-intro-copy { width: min(490px, 43%); }
.encyclopedia-intro h1 {
  margin: 0 0 25px;
  font: 400 clamp(44px, 4.8vw, 72px)/1.08 Georgia, serif;
  letter-spacing: -.035em;
  text-wrap: balance;
}
.encyclopedia-intro-subtitle {
  margin: 0 0 23px;
  color: #e6c98c;
  font: 400 clamp(18px, 1.55vw, 23px)/1.45 Georgia, serif;
}
.encyclopedia-intro-description {
  margin: 0;
  color: #cbd5d7;
  font: 400 clamp(17px, 1.35vw, 20px)/1.7 Arial, sans-serif;
  text-wrap: pretty;
}
@media (max-width: 900px) and (min-width: 761px) {
  .encyclopedia-intro-copy { width: 48%; }
  .encyclopedia-intro h1 { font-size: 48px; }
}
@media (max-width: 760px) {
  .encyclopedia-intro {
    min-height: 0;
    display: block;
    padding: 116px 22px 0;
  }
  .encyclopedia-intro-inner { position: relative; z-index: 1; }
  .encyclopedia-intro-copy { width: 100%; max-width: 520px; }
  .encyclopedia-intro h1 { font-size: clamp(43px, 9vw, 62px); margin-bottom: 22px; }
  .encyclopedia-intro-subtitle { font-size: 21px; margin-bottom: 18px; }
  .encyclopedia-intro-description { font-size: 17px; line-height: 1.65; }
  .encyclopedia-intro-image {
    position: relative;
    z-index: 0;
    display: block;
    width: calc(100% + 44px);
    height: clamp(280px, 83vw, 510px);
    margin: 22px -22px 0;
    object-position: 100% center;
    mask-image: linear-gradient(180deg, transparent 0%, #000 18%);
    -webkit-mask-image: linear-gradient(180deg, transparent 0%, #000 18%);
  }
  .encyclopedia-intro-inner { margin-bottom: 0; }
}