/* Focused refinements: denser rhythm and a distinct identity for Choir of the Brave. */
.section {
  padding-top: clamp(72px, 8vw, 120px);
  padding-bottom: clamp(72px, 8vw, 120px);
}

.section-label {
  margin-bottom: clamp(36px, 4vw, 58px);
}

.overline {
  margin-bottom: 16px;
}

.about-photo {
  margin-top: 32px;
}

.about-manifesto {
  padding-top: clamp(18px, 3vw, 40px);
}

.choir {
  min-height: 66vh;
  gap: 7vw;
  padding-top: clamp(70px, 8vw, 112px);
  padding-bottom: clamp(70px, 8vw, 112px);
}

.choir-mark span {
  padding: 14px;
  font-family: "Unbounded", var(--sans);
  font-size: clamp(2.25rem, 5.2vw, 5.2rem);
  font-style: normal;
  font-weight: 500;
  line-height: .9;
  letter-spacing: -.07em;
}

.choir-content .badge {
  margin-bottom: 22px;
}

.choir h2 {
  font-family: "Unbounded", var(--sans);
  font-size: clamp(3rem, 6vw, 6rem);
  font-style: normal;
  font-weight: 500;
  line-height: .93;
  letter-spacing: -.075em;
}

.choir-content > p {
  max-width: 680px;
  margin: 24px 0;
  font-size: clamp(1rem, 1.35vw, 1.22rem);
}

.works-switch {
  margin-top: 48px;
  margin-bottom: 16px;
}

.credit {
  padding-top: 20px;
  padding-bottom: 20px;
}

.reel-player {
  margin-top: 55px;
}

.gallery-grid {
  margin-top: 58px;
}

.contact {
  min-height: 70vh;
}

.contact-grid {
  margin-top: 52px;
}

footer {
  padding-top: 38px;
  padding-bottom: 28px;
}

@media (max-width: 720px) {
  .hero-last {
    margin-left: 2vw;
    font-size: clamp(3.4rem, 16.5vw, 6.4rem);
    letter-spacing: -.08em;
  }

  .hero-place {
    display: inline;
  }

  .section {
    padding-top: 72px;
    padding-bottom: 72px;
  }

  .section-label {
    margin-bottom: 36px;
  }

  .choir {
    padding-top: 68px;
    padding-bottom: 72px;
  }

  .reel-player,
  .gallery-grid,
  .contact-grid {
    margin-top: 42px;
  }
}