
/* Larger, consistent Best Beginnings identity across every page */
.site-header .nav-shell{min-height:105px}
.site-header .brand{gap:14px}
.site-header .brand-mark{width:91px;height:91px;flex:0 0 91px;background:#fff;border:3px solid #d8b6ef;border-radius:23px;padding:4px;box-shadow:0 6px 18px #713b9a25;overflow:hidden}
.site-header .brand-mark img{width:100%;height:100%;object-fit:contain}
.site-header .brand-copy strong{font-size:clamp(21px,1.65vw,27px);line-height:1.08}
.site-header .brand-copy small{font-size:10px;letter-spacing:.11em;line-height:1.3;margin-top:6px}
.site-header .brand:focus-visible{outline:3px solid #8c46be;outline-offset:5px;border-radius:16px}
.hero-brand-ribbon{display:inline-flex;align-items:center;gap:14px;max-width:100%;background:#fff;border:2px solid #d9b2f0;border-radius:26px;padding:10px 22px 10px 10px;margin-bottom:25px;box-shadow:0 11px 30px #68399721}
.hero-brand-ribbon .hero-logo-image{display:block;flex:0 0 106px;width:106px;height:106px;object-fit:contain;background:#fff;border:1px solid #f3e6fb;border-radius:20px}
.hero-brand-ribbon .hero-logo-text{display:flex;flex-direction:column;gap:7px;text-align:left}
.hero-brand-ribbon strong{font-family:'Fredoka',sans-serif;color:#663099;font-size:24px;font-weight:600;line-height:1.08}
.hero-brand-ribbon small{color:#8752aa;font-weight:800;line-height:1.35;font-size:12px;letter-spacing:.02em}
.section-brand-mini{display:grid;place-items:center;width:96px;height:96px;padding:6px;margin:0 auto 17px;background:white;border:3px solid #e0c1f2;border-radius:23px;box-shadow:0 5px 20px #6b359326}
.section-brand-mini img{width:100%;height:100%;object-fit:contain}
.contact-card .contact-brand-seal{position:absolute;right:28px;top:-46px;display:grid;place-items:center;width:104px;height:104px;padding:7px;background:#fff;border:3px solid #d8b0ed;border-radius:25px;box-shadow:0 9px 22px #5c287f31;transform:rotate(7deg)}
.contact-brand-seal img{width:100%;height:100%;object-fit:contain}
.footer .footer-brand{gap:19px}
.footer-logo-frame{display:grid;place-items:center;flex:0 0 106px;width:106px;height:106px;padding:6px;background:#fff;border:3px solid #d4aaf4;border-radius:25px;box-shadow:0 7px 21px #27124635}
.footer-logo-frame img{width:100%;height:100%;object-fit:contain}
.footer .footer-brand strong{font-size:25px;line-height:1.15}
.footer .footer-brand small{font-size:13px;margin-top:6px}
.parent-brand-ribbon{display:inline-flex;align-items:center;gap:14px;max-width:100%;background:#fff;border:2px solid #dfbef2;border-radius:24px;padding:9px 20px 9px 9px;margin:0 0 25px;box-shadow:0 8px 22px #70369a20}
.parent-brand-ribbon img{width:100px;height:100px;flex:0 0 100px;object-fit:contain;background:#fff;border-radius:18px}
.parent-brand-ribbon span{display:flex;flex-direction:column;gap:6px;text-align:left}
.parent-brand-ribbon strong{font-family:'Fredoka',sans-serif;color:#693495;font-size:22px;line-height:1.1}
.parent-brand-ribbon small{font-size:12px;font-weight:800;color:#9166a9;line-height:1.4}
@media(max-width:810px){
 .site-header .nav-shell{min-height:92px}
 .site-header .brand-mark{width:78px;height:78px;flex-basis:78px;border-radius:20px}
 .site-header .brand-copy strong{font-size:22px}
 .hero-brand-ribbon{margin-bottom:22px}
}
@media(max-width:560px){
 .site-header .nav-shell{min-height:88px;gap:8px}
 .site-header .brand{gap:8px;min-width:0}
 .site-header .brand-mark{width:72px;height:72px;flex:0 0 72px;padding:3px;border-width:2px;border-radius:17px}
 .site-header .brand-copy strong{font-size:18px}
 .site-header .brand-copy small{font-size:8px;letter-spacing:.035em}
 .hero-brand-ribbon{width:100%;max-width:400px;gap:12px;padding:8px 13px 8px 8px;justify-content:flex-start}
 .hero-brand-ribbon .hero-logo-image{width:86px;height:86px;flex-basis:86px}
 .hero-brand-ribbon strong{font-size:20px}
 .hero-brand-ribbon small{font-size:10px}
 .section-brand-mini{width:82px;height:82px}
 .contact-card .contact-brand-seal{width:82px;height:82px;top:-34px;right:17px;padding:4px}
 .footer-logo-frame{width:82px;height:82px;flex-basis:82px;border-radius:19px}
 .footer .footer-brand{gap:12px}
 .footer .footer-brand strong{font-size:20px}
 .footer .footer-brand small{font-size:11px}
 .parent-brand-ribbon{padding:7px 13px 7px 7px;gap:9px}
 .parent-brand-ribbon img{width:78px;height:78px;flex-basis:78px}
 .parent-brand-ribbon strong{font-size:17px}
 .parent-brand-ribbon small{font-size:10px}
}
@media(max-width:355px){
 .site-header .brand-copy strong{font-size:16px}
 .site-header .brand-copy small{font-size:7px}
 .site-header .brand-mark{width:65px;height:65px;flex-basis:65px}
 .site-header .nav-shell{gap:5px}
}
/* Hero brand focus: clean left copy, large official logo right (2026-11) */
.hero-media.hero-logo-feature{width:100%;max-width:590px;height:550px;margin-inline:auto;overflow:visible;isolation:isolate}
.hero-logo-spotlight{position:relative;display:flex;width:100%;height:100%;align-items:center;justify-content:center;padding:12px 0;background:radial-gradient(ellipse 63% 58% at 50% 50%,rgba(255,255,255,.82) 0%,rgba(255,255,255,.55) 53%,rgba(255,255,255,0) 92%)}
.hero-logo-spotlight img{display:block;width:100%;height:auto;max-height:530px;object-fit:contain;filter:drop-shadow(0 12px 16px rgba(88,38,127,.14));position:relative;z-index:2}
.hero-logo-feature .media-butterfly{width:60px;right:-12px;bottom:42px;z-index:3;opacity:.55}
@media(max-width:810px){.hero-media.hero-logo-feature{height:470px;width:min(520px,100%);margin:6px auto 0}.hero-logo-spotlight img{max-height:455px}}
@media(max-width:560px){.hero-media.hero-logo-feature{height:auto;min-height:320px;max-width:420px;margin:6px auto 10px}.hero-logo-spotlight{padding:0 7px;min-height:340px}.hero-logo-spotlight img{max-height:375px}.hero-logo-feature .media-butterfly{width:41px;right:0;bottom:10px}}
