/* Clasa Mea's shared family illustration direction. */
@font-face{font-family:Nunito;src:url('/site/fonts/nunito-latin.woff2') format('woff2');font-weight:200 900;font-display:swap;unicode-range:U+0000-00FF}
@font-face{font-family:Nunito;src:url('/site/fonts/nunito-latin-ext.woff2') format('woff2');font-weight:200 900;font-display:swap;unicode-range:U+0100-02FF,U+0300-036F,U+1E00-1EFF,U+2000-206F}
:root {
  --ink:#241c54; --muted:#70697d; --paper:#fffdfb;
  --green:#6541bd; --purple:#6541bd; --pink:#bd326a;
  --orange:#6541bd; --cream:#fff5df; --sky:#eee7fa;
  --pale-blue:#f6f2fb; --hairline:#241c5426;
  --sage:#eee7fa; --blue:#eee7fa; --peach:#fce8f0;
}
body { font-family:'Nunito',sans-serif; }
h1,h2,h3,h4 { font-family:'Nunito',sans-serif; }
.eyebrow,.audience-kicker { color:#6541bd; }
.site-header .header-signup,.pill.dark,.pill.dark>span { color:#fff; }
.site-header .header-signup:hover::before,.pill.dark:hover::before { background:#5333a2; }
.playful-hero .eyebrow { color:#6541bd; }
.playful-hero-grid { min-height:650px; grid-template-columns:1.05fr 1fr; gap:1rem; }
.playful-hero-copy { padding:100px 0 110px; }
.playful-hero-art { height:auto; align-self:center; padding:3rem 0; }
.playful-hero-art>img { position:relative; inset:auto; display:block; width:118%; max-width:none; height:auto; margin-left:-8%; object-fit:contain; }
.playful-hero-art .doodle { display:none; }
.playful-hero h1 { font-size:clamp(48px,4.5vw,68px); }
.playful-hero h1 em { color:#6541bd; }
.school-collage { display:flex; align-items:center; height:auto; min-height:380px; }
.school-collage>.collage-family { width:100%; height:auto; border-radius:0; object-fit:contain; }
.school-collage>.collage-class,.school-collage>.collage-dots,.school-collage>.collage-stamp { display:none; }
.education-audience { border-radius:28px; border:1px solid #e6deef; }
.audience-photo { height:280px; border-radius:18px; background:#eee7fa; }
.audience-photo img { width:100%; height:100%; object-fit:contain; object-position:center; }
.audience-photo>span { background:#fffdfb; color:#241c54; }
.audience-body .card-link i { color:white; }
.about-benefits article>span,.collage-stamp svg { color:#6541bd; }
.community-band .reveal>span { border-color:#d5c7ec; }
.education-steps li>span { color:#fff; }
.brand-section-illustration { display:block; width:min(100%,360px); height:auto; margin:0 auto 24px; }
.school-collage img,.audience-photo img,.brand-section-illustration { mix-blend-mode:multiply; }
.page-features .brand-section-illustration { max-height:220px; object-fit:contain; }
@media(max-width:1000px) {
  .playful-hero-grid { min-height:0; }
  .playful-hero-copy { padding:65px 0 85px; }
  .playful-hero-art { height:auto; }
}
@media(max-width:760px) {
  .playful-hero-grid { grid-template-columns:1fr; gap:0; }
  .playful-hero-copy { padding:55px 0 0; }
  .playful-hero h1 { font-size:clamp(39px,8vw,56px); }
  .playful-hero-art { width:min(100%,520px); margin-inline:auto; padding:15px 0 50px; }
  .playful-hero-art>img { width:100%; margin:0; }
  .school-collage { min-height:0; }
  .audience-photo { height:230px; }
}