/* Community participation: keep photography, people and a clear next step first. */
.community-hero{padding:3.5rem 0 2.5rem;background:#f1f4f2}
.hero-layout{display:grid;grid-template-columns:0.9fr 1.1fr;gap:3rem;align-items:center}
.hero-copy h1{font-size:clamp(2.8rem,4.8vw,4.7rem);line-height:1.06;letter-spacing:-.045em;margin:1rem 0 1.35rem}
.hero-copy h1 em{font-family:Newsreader,Georgia,serif;font-weight:400;letter-spacing:-.035em}
.hero-copy .lede{max-width:33rem;font-size:1.12rem;line-height:1.65}
.hero-copy .btn-row{gap:1rem;align-items:center;margin-top:1.6rem}
.hero-secondary-links{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;align-items:center}.hero-secondary-links .contribute-link{font-weight:400}
.hero-car{margin:0;transform:rotate(1deg);background:#fff;padding:.6rem;box-shadow:0 15px 35px #012e5c12}
.hero-car img{width:100%;height:auto;aspect-ratio:1.27;object-fit:cover;display:block}
.hero-car figcaption{padding:1rem .6rem .6rem;display:grid;gap:.35rem;font-size:.8rem}
.hero-car figcaption span{color:var(--muted,#586c7f)}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.section-heading h2{margin-bottom:0}
.community-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem}
.community-photo-grid .photo-card{min-width:0;margin:0}
.community-photo-grid .photo-card img{width:100%;aspect-ratio:4/3;object-fit:cover}
.community-photo-grid figcaption{padding:1rem 0;display:grid;gap:.4rem}
.community-photo-grid figcaption>a,.photo-story-link{font-size:.85rem;font-weight:600;width:fit-content}
.invitation-layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.prompt-card{padding:2.5rem;background:#012e5c;color:#fff;border-radius:3px}
.prompt-card :is(h2,p,.eyebrow){color:inherit}.prompt-card h2{font-family:Newsreader,Georgia,serif;font-style:italic;font-weight:400;font-size:2.9rem}
.prompt-card .btn-primary{background:#e7ba74;color:#152d44;border-color:#e7ba74}.prompt-card .hint{font-size:.8rem;opacity:.85;margin-top:1.5rem}
.belonging{background:#f1f4f2}.belonging-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;margin:2rem 0}
.step-number{font-family:Newsreader,Georgia,serif;font-size:2rem;color:#50708b}.belonging h3{font-size:1.15rem;margin:.7rem 0}
.photo-detail{padding:2rem 0 4rem;max-width:1000px}.photo-detail>figure{margin:1.5rem 0}.detail-image{display:block;width:100%;height:auto;max-height:70vh;object-fit:contain;background:#edf1f2}.photo-detail figcaption{padding:2rem 0 0}.photo-detail h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.12}.photo-story{font-size:1.2rem;line-height:1.7;max-width:45rem;white-space:pre-wrap;overflow-wrap:anywhere}.detail-credit{font-size:.95rem}.photo-detail [data-share-result]{overflow-wrap:anywhere}
[hidden]{display:none!important}
.photo-learn-more{display:flex;flex-wrap:wrap;align-items:baseline;gap:.45rem 1rem;margin:-1rem 0 1.6rem;color:var(--muted,#586c7f);font-size:.72rem;line-height:1.6;letter-spacing:.06em;text-transform:uppercase;font-weight:400}
.photo-learn-more .learn-more-label{white-space:nowrap}
.photo-learn-more ul{display:flex;flex-wrap:wrap;gap:.4rem 0;list-style:none;margin:0;padding:0}
.photo-learn-more li{margin:0;padding:0 .8rem;border-left:1px solid #b9c5ce}
.photo-learn-more li:first-child{padding-left:0;border-left:0}
.photo-learn-more a{color:inherit;font-weight:400;text-decoration:none;white-space:nowrap}
.photo-learn-more a:hover{text-decoration:underline;text-underline-offset:.2em}
.photo-learn-more a:focus-visible{outline:1px solid currentColor;outline-offset:4px}
@media(max-width:900px){.hero-layout{grid-template-columns:1fr;gap:2rem}.community-hero{padding-top:2rem}.hero-copy h1{font-size:clamp(2.8rem,7.5vw,4.5rem);max-width:650px}.hero-car{transform:none}.hero-car img{aspect-ratio:1.8}.community-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.invitation-layout{gap:2rem}.belonging-grid{gap:1.5rem}.prompt-card{padding:1.6rem}}
@media(max-width:600px){.hero-copy h1{font-size:2.8rem}.hero-copy .lede{font-size:1rem}.hero-copy .btn-row{align-items:flex-start;flex-direction:column}.hero-car img{aspect-ratio:1.4}.community-photo-grid{grid-template-columns:1fr}.section-heading{align-items:flex-start;flex-direction:column}.invitation-layout,.belonging-grid{grid-template-columns:1fr;gap:2rem}.prompt-card h2{font-size:2.45rem}.photo-detail{padding:1.5rem 0 3rem}.photo-detail figcaption{padding-top:1.4rem}.community-home .section{padding:3rem 0}}
@media(max-width:600px){.community-hero{padding-top:1.5rem}.hero-copy h1{font-size:2.3rem;line-height:1.05;margin:.85rem 0 1rem}.hero-copy .btn-row{margin-top:1rem;gap:.8rem}.hero-layout{gap:1.5rem}.hero-copy .eyebrow{font-size:.88rem}}
