/* Give the archival composition more weight while retaining its original crop. */
@media (min-width: 901px) {
  .hero.hero-m2 {
    width: calc(100% - 80px);
    max-width: 1360px;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    column-gap: clamp(32px, 4vw, 60px);
  }

  .hero.hero-m2 .studio-composition {
    align-self: center;
    margin-top: 0;
  }
}

@media (min-width: 901px) and (max-width: 1100px) {
  .hero.hero-m2 {
    width: calc(100% - 56px);
    grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);
    column-gap: 30px;
  }
}

/* A solid, muted copper invitation distinct from the cream materials spread. */
#enroll {
  background: #c29a7c;
  color: #0b1028;
}

#enroll .enroll-card h2,
#enroll .enroll-list li,
#enroll .price strong,
#enroll .price small,
#enroll .price > span,
#enroll .terms a,
#enroll .already a {
  color: #0b1028;
}

#enroll .enroll-intro,
#enroll .checkout-note,
#enroll .terms,
#enroll .already {
  color: #20243b;
}

#enroll .enroll-list li,
#enroll .enroll-checkout,
#enroll .terms {
  border-color: #0b102838;
}

#enroll .enroll-list li::before {
  background: #0b1028;
}

main > #enroll .enroll-card .button {
  background: #0b1028;
  color: #f2ebdb;
}

main > #enroll .enroll-card .button:hover {
  background: #202943;
}