/* Photo beside the heading in every page hero (About, Projects, Gallery, Blog, Volunteer, Contact) */
.hero-split{
  display:grid;grid-template-columns:1fr;gap:0;align-items:center;width:100%;
}
.hero-split .hero-text{min-width:0}
.hero-split .hero-text h1,.hero-split .hero-text p{max-width:100%}
.hero-photo{
  position:relative;margin:0;border-radius:28px;isolation:isolate;
}
.hero-photo::before{                      /* offset yellow block behind the photo */
  content:"";position:absolute;inset:18px -18px -18px 18px;border-radius:28px;
  background:#ffd83a;opacity:.85;z-index:-1;
}
.hero-photo img{
  display:block;width:100%;height:auto;aspect-ratio:5/4;object-fit:cover;border-radius:28px;
  border:6px solid #fff;box-shadow:0 18px 44px rgba(36,24,22,.16);
}
@media (max-width:991px){
  .hero-split{grid-template-columns:1fr;gap:38px}
  .hero-photo{max-width:560px;margin-right:18px}
  .hero-photo img{aspect-ratio:16/11}
}
@media (max-width:575px){
  .hero-split{gap:30px}
  .hero-photo::before{inset:12px -10px -12px 12px;border-radius:22px}
  .hero-photo,.hero-photo img{border-radius:22px}
  .hero-photo{margin-right:10px}
}

/* Inner-page heroes are text-only now (photos removed); only the Home hero keeps its gallery. */