/* Hearts of Safety: full landscape photographs and square card close-ups. */
.hearts-story .hearts-photo > img,
.hearts-story .hearts-detail > img { height:auto; object-fit:contain; }
/* Place copy below the family photograph so the game stays visible. */
.hearts-story .hearts-photo > div {
  position:static; display:flex; align-items:center; justify-content:space-between;
  gap:32px; padding:32px max(24px,calc((100vw - 1180px)/2)); background:#111;
}
.hearts-story .hearts-photo h2 { max-width:780px; font-size:clamp(32px,3.4vw,48px); line-height:1.15; }
.hearts-story .hearts-photo .campaign-kicker { max-width:240px; margin:0; flex:none; }
.home-page .home-scene--family { display:block; min-height:0; padding:0; }
.home-page .home-scene--family .home-scene__photo { position:relative; display:block; z-index:0; }
.home-page .home-scene--family .home-scene__photo img { display:block; width:100%; height:auto; object-fit:contain; }
.home-page .home-scene--family::after { display:none; }
.home-page .home-scene--family .home-scene__content { padding-block:36px 44px; }
.hearts-closeups { padding-block:72px 40px; scroll-margin-top:100px; }
.hearts-closeups__intro { max-width:760px; margin-bottom:36px; }
.hearts-closeups__intro > p:last-child { margin-top:20px; font-size:20px; line-height:1.6; color:var(--text-dim); }
.hearts-closeups__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }
.hearts-closeups figure { min-width:0; margin:0; background:var(--ink-2); border:1px solid var(--line); border-radius:20px; overflow:hidden; }
.hearts-closeups figure > a { display:block; }
.hearts-closeups figure > a:focus-visible { outline:4px solid #ae7300; outline-offset:-4px; }
.hearts-closeups img { display:block; width:100%; height:auto; aspect-ratio:1; object-fit:contain; transform:none; }
.hearts-closeups figcaption { border-top:4px solid #ffd928; padding:24px; }
.hearts-closeups h3 { font-size:clamp(25px,2.5vw,34px); margin:0 0 10px; }
.hearts-closeups figcaption p { color:var(--text-dim); font-size:18px; line-height:1.6; margin:0; }
@media(max-width:800px) {
 .hearts-story .hearts-photo > div { display:block; padding:28px 24px; }
 .hearts-story .hearts-photo .campaign-kicker { max-width:none; margin-bottom:18px; }
}
@media(max-width:700px) {
 .hearts-closeups { padding-block:48px 28px; }
 .hearts-closeups__grid { grid-template-columns:1fr; gap:24px; }
 .hearts-closeups__intro { margin-bottom:28px; }
 .hearts-closeups__intro > p:last-child { font-size:18px; }
 .hearts-closeups figcaption { padding:22px; }
}