/* Maru's introduction: scoped to the new section below Lucas. */
.about-modern .about-maru { background:var(--about-forest); padding:72px 0 70px; }
.about-maru-grid { display:grid; grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr); gap:70px; align-items:center; }
.about-maru-grid::before,.about-maru-grid::after { content:none; display:none; }
.about-modern main .about-maru .about-eyebrow { color:var(--about-gold); font-size:16px; letter-spacing:.1em; }
.about-modern main .about-maru h2 { color:#fff; font-size:clamp(46px,4.6vw,66px); line-height:1.01; margin:0 0 26px; }
.about-modern main .about-maru h2 span { color:#f4d77d; }
.about-modern main .about-maru-copy > p:not(.about-eyebrow) { color:#e1e8df; font-size:17px; line-height:1.75; margin-bottom:20px; }
.about-modern main .about-maru-copy > p:last-child { margin-bottom:0; }
.about-maru-photos { display:grid; grid-template-columns:minmax(0,1fr); gap:24px; min-width:0; width:100%; max-width:480px; margin:0 auto; }
.about-maru-photo { position:relative; width:100%; margin:0; border:0; background:transparent; }
.about-maru-photo img { display:block; width:100%; height:auto; border-radius:3px; }

.about-maru-portrait img { aspect-ratio:1600 / 1066; }

/* Keep the family closer and centered within the existing photo frame. */
.about-maru-family-frame { position:relative; overflow:hidden; border-radius:3px; aspect-ratio:1600 / 1066; }
.about-maru-couple .about-maru-family-frame img { position:absolute; width:128%; max-width:none; height:auto; left:-24%; top:-16.2%; aspect-ratio:1600 / 1066; }
.about-maru-couple figcaption { margin:0; padding:11px 0 0; color:#c9d3ca; font:400 15px/1.4 "Bebas Neue",sans-serif; letter-spacing:.025em; text-align:left; }
@media(min-width:992px) and (max-width:1199px) {
  .about-maru-grid { gap:42px; }


  .about-modern main .about-maru-copy > p:not(.about-eyebrow) { font-size:16px; }
}
@media(max-width:991px) {
  .about-maru-grid { grid-template-columns:minmax(0,1fr); gap:38px; }
  .about-maru-photos { max-width:520px; }
}
@media(max-width:767px) {
  .about-modern .about-maru { padding:48px 0 48px; }
  .about-modern main .about-maru h2 { font-size:clamp(40px,10.5vw,52px); margin-bottom:22px; }
  .about-modern main .about-maru .about-eyebrow { font-size:15px; letter-spacing:.08em; }
  .about-modern main .about-maru-copy > p:not(.about-eyebrow) { font-size:16px; line-height:1.7; margin-bottom:18px; }
  .about-modern main .about-maru-copy > p:last-child { margin-bottom:0; }
  .about-maru-grid { gap:30px; }
  .about-maru-photos { max-width:440px; gap:20px; }


  .about-maru-couple figcaption { font-size:14px; padding:10px 0 0; }
}