/* Quiet editorial spacing and a complete, undistorted city panorama. */
.hero.city{grid-template-columns:1fr;gap:36px;padding-bottom:64px}
.hero.city>div{max-width:850px}.hero.city .intro{max-width:730px}
.hero.city figure{width:100%}.hero.city img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.network-photo img{height:auto;aspect-ratio:auto;object-fit:contain}
.network-photo figcaption,figcaption{font-size:.875rem;line-height:1.6}
.email-options{width:min(790px,calc(100% - 40px));margin:28px auto 0;font-size:.875rem;text-align:center;line-height:1.8}
.email-options p{margin:6px 0}.email-options span{overflow-wrap:anywhere;user-select:all}.email-options a{text-underline-offset:4px;display:inline-block;min-height:44px;padding:8px 0}
.contact .email-options{color:#e2e6ee}.footer .email-options,footer>.email-options{padding-bottom:24px}
.hero.city h1{max-width:850px}.hero.city .buttons{margin-top:26px}
.navlinks a,.links a{min-height:44px;display:inline-flex;align-items:center}
a,button{touch-action:manipulation}button{font:inherit}img{max-width:100%}
@media(max-width:800px){.hero.city{gap:28px;padding-top:22px}.hero.city h1{font-size:clamp(2.3rem,9vw,3.5rem)}.hero.city figure{margin:0}.hero.city img{height:auto;aspect-ratio:auto}.buttons .btn{min-height:52px}.email-options{max-width:calc(100% - 34px)}.hero.city .buttons{flex-direction:column;align-items:stretch}.hero.city .buttons .btn{width:100%}.network-photo{margin:0}.network-photo img{height:auto;aspect-ratio:auto}}
@media(min-width:801px){.hero.city img{aspect-ratio:16/9;max-height:620px;object-fit:cover;object-position:center 55%}}

/* Shared responsive proportions: keep photography subordinate to the story. */
main, .wrap, figure, .section-grid>*, .family-grid>*, .hero-grid>*, .hero>*, .split>*{min-width:0}
img,video{max-width:100%}
h1,h2,h3,p,.btn{overflow-wrap:break-word}
.home-page section,.community-page section{padding-block:clamp(52px,6vw,88px)}
.home-page .hero{min-height:620px;padding-block:64px;background-position:63% 28%}
.home-page .hero-content{padding-top:0;max-width:650px}
.home-page .hero h1{font-size:clamp(3.25rem,6vw,5.75rem);line-height:1.06}
.home-page .section-grid{gap:clamp(32px,5vw,64px)}
.home-page .story-portrait{width:min(100%,360px);margin:32px auto 0}
.home-page .story-portrait img{width:100%;height:auto;aspect-ratio:auto;max-height:none}
.home-page .family-grid{grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,64px)}
.home-page .family-photo{width:min(100%,320px);justify-self:center;margin:0 auto}
.home-page .family-photo img{width:100%;height:auto;aspect-ratio:auto;max-height:none;object-fit:contain}
.home-page .network-photo img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.community-page .hero-grid{grid-template-columns:1.15fr .75fr;gap:48px}
.community-page .hero h1{font-size:clamp(2.8rem,5.7vw,5.25rem);line-height:1.07}
.community-page .hero-photo{width:min(100%,300px);justify-self:center;margin:0}
.community-page .hero-photo img{width:100%;height:auto;max-height:none;object-fit:contain}
.community-page .card img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center 24%}
.community-page .video-card{flex:0 1 calc((100% - 54px)/4);max-width:300px}
.community-page .video-copy{margin-top:0}
.resource-page .hero.portrait figure{width:min(100%,340px);justify-self:center}
.resource-page .hero.portrait img{width:100%;height:auto;aspect-ratio:auto;max-height:none;object-fit:contain}
.resource-page .hero.city img{width:100%;height:auto;aspect-ratio:2/1;max-height:480px;object-fit:cover;object-position:center 55%}
.resource-page .article>img{width:min(100%,320px);height:auto;max-height:none;object-fit:contain;margin:28px auto}
.resource-page .utility{flex-wrap:wrap}
.menu-toggle,.menu{min-width:44px;min-height:44px}
.btn{justify-content:center;min-height:48px;max-width:100%}
@media(min-width:801px) and (max-width:1050px){
 .community-page .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:980px){.community-page .video-card{flex-basis:calc((100% - 18px)/2)}}
@media(max-width:800px){
 .home-page .hero{min-height:0;padding-block:64px;background-position:62% center}
 .home-page .hero-content{padding:0;max-width:100%}
 .home-page .hero h1{font-size:clamp(2.8rem,10vw,4.5rem);line-height:1.08;max-width:520px}
 .home-page .hero .lead{max-width:520px}
 .home-page .story-portrait{width:min(100%,290px)}
 .home-page .family-grid,.community-page .hero-grid{grid-template-columns:1fr;gap:36px}
 .home-page .family-photo{width:min(100%,260px)}
 .home-page .family-copy{order:-1}
 .community-page .hero-photo{width:min(100%,260px)}
 .community-page .hero h1{font-size:clamp(2.65rem,9vw,4rem)}
 .community-page .highlights .cards{grid-template-columns:1fr;max-width:420px;margin-inline:auto}
 .community-page .card img{aspect-ratio:4/5;max-height:440px}
 .resource-page .hero.portrait{grid-template-columns:1fr}
 .resource-page .hero.portrait figure{width:min(100%,280px);margin-inline:auto}
 .resource-page .hero.city img{aspect-ratio:3/2;max-height:360px}
 .resource-page .article>img{width:min(100%,260px)}
 .footer .footer-brand{justify-self:center}
 .footer .brand{width:auto}
}
@media(max-width:560px){
 .home-page .actions,.community-page .social-actions{flex-direction:column;align-items:stretch}
 .home-page .actions .btn,.community-page .social-actions .btn{width:100%}
 .community-page .video-card{flex-basis:100%;max-width:280px}
 .community-page .card-copy{padding:24px}
 .home-page .hero{padding-block:48px}
 .home-page .section-title,.community-page .section-title{font-size:clamp(2.25rem,10vw,3rem);line-height:1.12}
 .home-page .pillar{padding:26px}
 .resource-page .utility{gap:12px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Compact photo frames with natural proportions across every page. */
.home-page .story-portrait img,
.community-page .hero-photo img,
.resource-page .hero.portrait img{aspect-ratio:4/5;height:auto;object-fit:cover;object-position:center 22%}
.home-page .story-portrait{width:min(100%,340px)}
.home-page .family-photo{width:fit-content;max-width:100%}
.home-page .family-photo img{width:auto;height:auto;max-width:100%;max-height:400px;object-fit:contain}
.community-page .hero-photo{width:min(100%,320px)}
.community-page .card img{aspect-ratio:4/5;height:auto;max-height:none;object-fit:cover}
.resource-page .article>img{width:auto;max-width:100%;height:auto;max-height:400px;object-fit:contain}
.home-page .network-photo img{aspect-ratio:3/2;height:auto;object-fit:cover;object-position:center 48%}
.resource-page .hero.city img{aspect-ratio:2/1;height:auto;max-height:460px;object-fit:cover;object-position:center 48%}
@media(max-width:800px){
 .home-page .story-portrait,.community-page .hero-photo,.resource-page .hero.portrait figure{width:min(100%,280px)}
 .home-page .family-photo img,.resource-page .article>img{max-height:340px}
 .community-page .highlights .cards{max-width:340px}
 .resource-page .hero.city img{aspect-ratio:3/2;max-height:320px}
}