/* Bold, expansive hero typography that still fits its own column. */
.landing-page main{max-width:1640px}
.landing-page .hero{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:36px;padding:72px 52px;min-height:680px}
.landing-page .hero-copy{container-type:inline-size;min-width:0}
.landing-page .hero-copy h1{font-size:clamp(24px,9.8cqw,92px);font-weight:750;line-height:1.04;letter-spacing:-.055em;margin-bottom:32px}
.landing-page .hero-copy h1 .hero-line{display:block;white-space:nowrap;color:inherit}
.landing-page .hero-copy h1 .hero-line:last-child{color:#9ec3f8}
.landing-page .hero-copy .intro{font-size:17px;line-height:1.8}
@media(max-width:1100px){.landing-page .hero{padding:48px 32px;gap:24px;min-height:610px}.landing-page .hero-copy .intro{font-size:15px}}
@media(max-width:850px){.landing-page .hero{grid-template-columns:1fr;padding:44px 34px;gap:24px}.landing-page .hero-copy h1{font-size:clamp(24px,9.8cqw,80px)}}
@media(max-width:540px){.landing-page .hero{padding:34px 23px;gap:12px}.landing-page .hero-copy h1{font-size:clamp(20px,9.8cqw,54px);letter-spacing:-.055em}.landing-page .hero-copy .intro{font-size:14px}}