/* The family portrait keeps its full composition at every screen size. */
.family-portrait { min-width:0; margin:0; }
.family-portrait picture { display:block; position:relative; background:#102d3c; }
.family-portrait picture::after { content:""; position:absolute; inset:0; border:1px solid #f2efe726; pointer-events:none; }
.family-portrait img { display:block; width:100%; height:auto; }
.family-portrait figcaption { display:flex; justify-content:space-between; gap:1rem; padding:1rem 0 0; color:#9cb0bd; font-size:.75rem; line-height:1.6; }
.family-portrait figcaption span:first-child { color:#e1bc80; }
.home-page .home-belonging.family-home { min-height:0; row-gap:3rem; padding-block:clamp(4rem,7vw,7rem); scroll-margin-top:6rem; }
.family-home .belonging-intro { grid-column:1; grid-row:1; }
.home-page .family-home h2 { grid-column:2 / -1; grid-row:1; }
.family-home .family-portrait { grid-column:1 / 3; grid-row:2; }
.family-home .belonging-note { grid-column:3; grid-row:2; align-self:center; max-width:30rem; font-size:clamp(.95rem,1.15vw,1.12rem); }
.family-story { display:grid; grid-template-columns:1.25fr 1fr; align-items:center; gap:clamp(2rem,6vw,6rem); padding:clamp(4rem,7vw,7rem) var(--gutter); background:radial-gradient(ellipse at 85% 50%,#24374455,transparent 55%),#07101a; border-block:1px solid #bbd7f218; position:relative; isolation:isolate; }
.family-story-copy { max-width:32rem; }
.family-story-kicker { color:#e1bc80; text-transform:uppercase; letter-spacing:.16em; font-size:.7rem; line-height:1.6; font-weight:800; margin:0 0 1.4rem; }
.family-story h2 { margin:0 0 1.7rem; font:600 clamp(2.8rem,4.4vw,4.5rem)/1.05 "Open Sans",Arial,sans-serif; letter-spacing:-.05em; }
.family-story-copy > p:not(.family-story-kicker) { color:#b7c7d1; font-size:1rem; line-height:1.9; margin:0 0 1.25rem; }
.family-story-link { display:inline-flex; align-items:center; justify-content:space-between; gap:2rem; min-height:48px; padding:.75rem 0; border-bottom:1px solid #e1bc8060; font-size:.85rem; font-weight:700; color:#e1bc80; }
@media(max-width:1000px) and (min-width:761px) {
  .home-page .home-belonging.family-home { grid-template-columns:1.25fr 1fr; column-gap:2rem; }
  .family-home .belonging-intro { grid-column:1 / -1; grid-row:1; display:flex; justify-content:space-between; gap:2rem; }
  .family-home .belonging-intro > span { width:36px; }
  .home-page .family-home h2 { grid-column:1 / -1; grid-row:2; }
  .family-home .family-portrait { grid-column:1; grid-row:3; }
  .family-home .belonging-note { grid-column:2; grid-row:3; }
  .family-story { gap:2rem; }
}
@media(max-width:760px) {
  .home-page .home-belonging.family-home { grid-template-columns:minmax(0,1fr); row-gap:2rem; }
  .family-home .belonging-intro,.home-page .family-home h2,.family-home .family-portrait,.family-home .belonging-note { grid-column:1; grid-row:auto; }
  .family-home .belonging-note { font-size:1rem; }
  .family-portrait figcaption { font-size:.6875rem; gap:.75rem; }
  .family-story { grid-template-columns:minmax(0,1fr); gap:2rem; padding-block:4rem; }
  .family-story h2 { font-size:clamp(2.7rem,10vw,3.6rem); }
  .family-story-copy { max-width:none; }
}