/* Photographic hero and local landscape. */
.hero-art.hero-photo{aspect-ratio:4/3;align-self:center;margin:0;min-width:0;overflow:hidden;border-radius:10px}
.hero-photo>img{display:block;width:100%;height:auto;object-fit:contain}
.about-circle.about-photo{padding:0;border-radius:10px;overflow:hidden;background:#e0f2ff;aspect-ratio:1}
.about-photo>img{display:block;width:100%;height:100%;object-fit:cover}
@media(max-width:900px){.hero-art.hero-photo{aspect-ratio:4/3}}
@media(max-width:650px){.hero-art.hero-photo{width:100%;max-width:520px;margin:30px auto 0;aspect-ratio:4/3}.about-visual:has(.about-photo){max-width:420px;width:100%}}

/* Bring the larger cafe mockup closer to the headline. */
@media(min-width:651px){.hero{grid-template-columns:.95fr 1.15fr;column-gap:10px}}
@media(max-width:650px){.hero-art.hero-photo{width:calc(100% + 16px);max-width:none;margin:20px -8px 0}}

@media(min-width:1101px){.contact-stamp{right:7%}}
/* Add vertical breathing room around the support explanation. */
.support-story{padding-top:65px;padding-bottom:30px}
@media(max-width:650px){.support-story{padding-top:55px;padding-bottom:24px}}