.eudiste-theme .boystown-home-feature {
  overflow: hidden;
  margin-bottom: clamp(36px, 5vw, 64px);
  border-block: 1px solid var(--e-line);
  background-color: #12191e;
  background-image:
    linear-gradient(90deg, rgba(18, 25, 30, .98) 0%, rgba(18, 25, 30, .92) 34%, rgba(18, 25, 30, .68) 55%, rgba(18, 25, 30, .18) 100%),
    linear-gradient(0deg, rgba(18, 25, 30, .28), rgba(18, 25, 30, 0) 55%),
    url("assets/boystown/groupe-boys-town.jpg");
  background-repeat: no-repeat;
  background-position: center, center, right -4% center;
  background-size: 100% 100%, 100% 100%, auto 160%;
}

.eudiste-theme .boystown-home-grid {
  display: grid;
  min-height: 400px;
  grid-template-columns: minmax(0, 1fr);
  align-items: center;
  padding-block: clamp(38px, 6vw, 72px);
}

.eudiste-theme .boystown-home-copy {
  position: relative;
  z-index: 1;
  max-width: 620px;
}

.eudiste-theme .boystown-home-copy .eyebrow {
  margin: 0 0 12px;
}

.eudiste-theme .boystown-home-copy h2 {
  max-width: 15ch;
  margin: 0 0 18px;
  font-size: clamp(2.1rem, 4vw, 3.6rem);
  line-height: 1.08;
}

.eudiste-theme .boystown-home-copy > p:not(.eyebrow) {
  max-width: 56ch;
  margin-bottom: 24px;
  color: var(--e-muted);
  line-height: 1.75;
}

@media (max-width: 760px) {
  .eudiste-theme .boystown-home-feature {
    background-image:
      linear-gradient(90deg, rgba(18, 25, 30, .97) 0%, rgba(18, 25, 30, .89) 56%, rgba(18, 25, 30, .5) 100%),
      linear-gradient(0deg, rgba(18, 25, 30, .3), rgba(18, 25, 30, 0) 58%),
      url("assets/boystown/groupe-boys-town.jpg");
    background-position: center, center, right -8vw 42%;
    background-size: 100% 100%, 100% 100%, auto 118%;
  }

  .eudiste-theme .boystown-home-grid {
    min-height: 420px;
    padding-block: 34px;
  }
}