/* Branded library illustrations inlined by illustrations.js.
   Each illustration is painted in ONE brand pastel (per page) and stays hidden until coloured + sized. */
:root{--illus:#93aee0}
.pg-program-nursery,.pg-careers{--illus:#e7a3c3}
.pg-centre,.pg-curriculum{--illus:#9fc58a}
.pg-fees,.pg-program-preschool{--illus:#93aee0}
.pg-faq,.pg-how-to-enrol{--illus:#c79bc0}
.pg-location,.pg-program-toddlers{--illus:#86c3cd}
.pg-meals{--illus:#ecc063}
.illus{display:block;pointer-events:none;opacity:0;transition:opacity .35s ease}
.illus.illus-ready{opacity:1}
.illus svg{display:block;width:100%;height:100%;overflow:visible}
/* Hero placement: beside the headline, sized to the heading block */
.subpage .page-hero .wrap{--ih:clamp(220px,calc(min(1280px,88vw)*.3),380px)}
.subpage .interior-motif.illus{transform:none;animation:none;width:var(--ih);height:var(--ih);right:calc(min(1280px,88vw)*.03);top:calc(330px - var(--ih)/2)}
@media(max-width:900px){.subpage .page-hero .wrap{--ih:190px}.subpage .interior-motif.illus{top:150px;right:0}}
@media(max-width:600px){.subpage .interior-motif.illus{position:static;width:130px;height:130px;margin:0 0 18px}}
