/* One illustration treatment across the six landing pages. */
main.landing-page { max-width: 75rem; margin: 0 auto; padding: 3.25rem 1.75rem 2.25rem; }
.landing-page .landing-intro { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); align-items: center; gap: 2.5rem; max-width: none; margin: 0 0 2.5rem; }
.landing-intro > div { min-width: 0; }
.landing-page .landing-intro h1 { font-size: clamp(2.25rem, 4.5vw, 3.625rem); line-height: 1.08; margin: 0; }
.landing-page .landing-intro .eyebrow { font-size: .875rem; }
.landing-page .landing-intro .landing-art { display: block; width: 100%; height: 16rem; max-height: none; object-fit: contain; object-position: center; filter: saturate(.78); opacity: .75; mask-image: radial-gradient(ellipse at center, #000 65%, transparent 100%); }
.landing-copy > p:last-child { margin: 1.125rem 0 0; color: #4f5e59; font-size: 1.125rem; line-height: 1.6; }
.landing-intro .worldschool-lede { font-size: 1.5rem; line-height: 1.35; margin: 1.125rem 0 0; }
@media (max-width: 760px) {
  .landing-page .landing-intro { grid-template-columns: minmax(0, 1fr); gap: 1.25rem; margin-bottom: 2rem; }
  .landing-page .landing-intro .landing-art { height: 11rem; }
}
@media (max-width: 560px) {
  main.landing-page { padding: 2rem 1.25rem 1.25rem; }
}