/* A shared content frame for the three image-led heroes. */
.hero-system {--hero-scale:1;--hero-gutter:38px;--hero-copy-width:520px}
.hero-system .hero-content-frame {
  box-sizing:border-box;position:relative;inset:auto;z-index:1;
  display:flex;align-items:center;width:100%;max-width:calc(1200px / var(--hero-scale));
  margin:0 auto;padding:48px calc(var(--hero-gutter) / var(--hero-scale));
}
.hero-system .hero-content-frame .hero-copy {
  box-sizing:border-box;width:100%;max-width:calc(var(--hero-copy-width) / var(--hero-scale));
  margin:0;padding:0;text-align:left;align-self:auto;min-width:0;
}
.hero-system .hero-copy h1.talina-headline {
  font-size:clamp(40px,4.5vw,calc(64px / var(--hero-scale)));
  line-height:1.08;font-weight:400;letter-spacing:normal;margin:0;
}
.hero-system .hero-copy > p:not(.meet-eyebrow):not(.p-eyebrow) {
  max-width:calc(440px / var(--hero-scale));font-size:calc(18px / var(--hero-scale));
  line-height:1.6;margin:calc(24px / var(--hero-scale)) 0 0;
}
.hero-system .hero-copy > :is(.meet-eyebrow,.p-eyebrow) {
  font-size:calc(12px / var(--hero-scale));line-height:1.5;font-weight:500;
  letter-spacing:.12em;margin:0 0 calc(18px / var(--hero-scale));
}
.hero-system .hero-copy .hero-buttons {margin:calc(28px / var(--hero-scale)) 0 0;gap:16px}
.hero-system .hero-copy > :is(.p-button,.meet-button) {margin-top:calc(28px / var(--hero-scale))}
.hero-system .hero-copy :is(.btn-primary,.p-button,.meet-button) {
  display:inline-flex;align-items:center;justify-content:center;gap:12px;
  width:auto;min-width:calc(180px / var(--hero-scale));height:auto;
  min-height:calc(52px / var(--hero-scale));padding:12px 24px;
  font-size:calc(16px / var(--hero-scale));font-weight:500;line-height:1.5;
  border-radius:12px;box-sizing:border-box;
}
.home-page .hero.hero-system {padding:0;aspect-ratio:auto}
.parents-page .p-main .p-hero.hero-system {height:auto;min-height:calc(100svh - 75px)}
@media(min-width:901px) {
  .home-page .hero-system,.meet-page .hero-system {--hero-scale:.9}
}
@media(min-width:1001px) {
  .hero-system .hero-content-frame {padding-block:calc(48px / var(--hero-scale))}
}
@media(max-width:1000px) {
  .hero-system {--hero-gutter:24px}
  .hero-system .hero-content-frame {padding-block:40px;align-items:flex-start}
  .hero-system .hero-copy h1.talina-headline {font-size:clamp(36px,5.5vw,50px)}
  .home-page .hero.hero-system {justify-content:flex-start;flex-direction:column}
  .parents-page .p-main .p-hero.hero-system {align-items:flex-start}
}
@media(max-width:760px) {
  .hero-system {--hero-gutter:20px}
  .hero-system .hero-content-frame {padding-block:36px}
  .hero-system .hero-copy h1.talina-headline {font-size:clamp(34px,8.5vw,44px)}
  .hero-system .hero-copy > p:not(.meet-eyebrow):not(.p-eyebrow) {font-size:16px;margin-top:20px}
  .hero-system .hero-copy .hero-buttons,.hero-system .hero-copy > :is(.p-button,.meet-button) {margin-top:24px}
  .parents-page .p-main .p-hero.hero-system {min-height:calc(100svh - 68px)}
}