body.ma-inner-preview .ma-about-complete .ma-hero.about-photo-hero{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center} .about-hero-photo{margin:0;overflow:hidden;border-radius:18px}.about-hero-photo img{display:block;width:100%;height:300px;object-fit:cover} @media(max-width:700px){body.ma-inner-preview .ma-about-complete .ma-hero.about-photo-hero{grid-template-columns:1fr;gap:24px}.about-hero-photo img{height:220px}}
.about-photo-hero>div>p+p{margin-top:12px!important}
.about-hero-photo img{object-position:center 12%}

/* Match only the introductory photo to its neighbouring copy; preserve the whole image. */
@media(min-width:701px){
 body.ma-inner-preview .mala-about-page.ma-about-complete .ma-hero.about-photo-hero{align-items:stretch}
 body.ma-inner-preview .mala-about-page.ma-about-complete .about-photo-hero>.about-hero-photo{position:relative;align-self:stretch;min-height:0;overflow:visible}
 body.ma-inner-preview .mala-about-page.ma-about-complete .about-photo-hero>.about-hero-photo img{position:absolute;left:50%;top:0;transform:translateX(-50%);width:auto!important;max-width:100%;height:100%!important;object-fit:contain;object-position:center;border-radius:18px}
}
@media(max-width:700px){
 body.ma-inner-preview .mala-about-page.ma-about-complete .about-photo-hero>.about-hero-photo{display:flex;justify-content:center}
 body.ma-inner-preview .mala-about-page.ma-about-complete .about-photo-hero>.about-hero-photo img{width:auto!important;max-width:100%;height:auto!important;max-height:220px;object-fit:contain;object-position:center}
}
/* Let the existing kindergarten heading and copy use the full section width. */
body .mala-about-page.ma-about-complete .ma-spaces>h2,
body .mala-about-page.ma-about-complete .ma-spaces>p{max-width:none!important;width:100%}