:root{--character-orange:#ec6e28;--character-pink:#eda5c8;--character-green:#0da14a;--character-sky:#5fb9e8;--character-yellow:#fceb05;--character-purple:#b34e9c;--soft-pink:#fae6ef;--soft-green:#e4f3e7;--soft-sky:#e2f2fb;--soft-orange:#fcebdc;--yellow:var(--character-yellow)}
.section-pad>.character{position:absolute!important;z-index:3;pointer-events:none;width:145px;bottom:12px;right:12%;margin:0;transform-origin:50% 90%;translate:var(--character-x,0) var(--character-y,0);rotate:var(--character-angle,0deg)}
.character img{display:block;width:100%;height:auto;max-height:180px;object-fit:contain}
.character figcaption{font-size:10px;font-weight:800;color:var(--blue);letter-spacing:.7px;text-align:center;margin-top:8px}
.together>.character,.contact>.character{left:12%;right:auto}
.parents>.character{right:8%;bottom:22px}
.journey>.character{right:15%;bottom:15px}
.intro,.together,.parents,.partners,.contact{padding-bottom:225px}
.journey{padding-bottom:225px}
.parents .top-cluster{right:5%}
.together{background:var(--soft-pink)}
.parents .learning-grid article:first-child{background:var(--soft-sky)}
.parents .learning-grid article:nth-child(3){background:var(--soft-green)}
.partner-types span:nth-child(2){background:var(--soft-pink)}
.partner-types span:nth-child(3){background:var(--soft-orange)}
.partner-types span:nth-child(4){background:var(--soft-green)}
.contact{background:var(--soft-sky)}
.step:nth-child(2) .tags span:first-child{background:var(--character-pink)}
.step:nth-child(3) .tags span:first-child{background:var(--soft-green)}
.label-one{background:var(--character-orange);color:var(--ink)}
.character-mini{width:32px;height:40px;object-fit:contain;flex-shrink:0}
.hero .eyebrow{gap:12px}
@media(max-width:760px){
 .section-pad>.character{width:94px;right:7%;bottom:14px}
 .character img{max-height:125px}
 .character figcaption{font-size:8px;margin-top:5px}
 .intro,.together,.parents,.partners,.contact,.journey{padding-bottom:175px}
 .scatter.bottom-cluster{width:175px;left:2%;bottom:12px}
 .together .bottom-cluster,.contact .bottom-cluster{right:1%;left:auto}
 .together>.character,.contact>.character{left:7%;right:auto}
 .character-mini{width:22px;height:27px}
 .hero .eyebrow{gap:7px;margin-bottom:11px}
}
@media(prefers-reduced-motion:reduce){.section-pad>.character{translate:none;rotate:none}}