/* Compact homepage story + related business, then four distinct business cards. */
.community-home #home-local-story {margin-bottom:24px}
.community-home .local-story-card {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:26px;padding-block:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.community-home .local-story-media {display:block;min-width:0;background:#e9edde;overflow:hidden}
.community-home .local-story-media img {display:block;width:100%;height:100%;min-height:220px;max-height:310px;object-fit:cover}
.community-home .local-story-copy {min-width:0;align-self:center}
.community-home .local-story-kind {display:block;font-size:12px;color:#61743b;font-weight:700}
.community-home .local-story-copy h3 {font-size:25px;line-height:1.5;letter-spacing:-.8px;margin:9px 0;word-break:keep-all;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.community-home .local-story-summary {font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.community-home .local-story-byline {display:block;font-size:12px;color:var(--muted)}
.community-home .local-story-read {display:inline-block;font-size:13px;font-weight:700;margin-top:13px;text-decoration:underline;text-underline-offset:4px}
.community-home .local-story-business {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 14px;margin-top:17px;padding:13px 15px;background:#edf0e5}
.community-home .local-story-business small {grid-column:1/-1;font-size:11px;color:#64716e}
.community-home .local-story-business b {font-size:16px;line-height:1.5;overflow-wrap:anywhere}
.community-home .local-story-business span {font-size:12px;align-self:center}
.community-home .local-story-text-only {grid-template-columns:1fr}
.community-home .local-other-heading {font-size:17px;line-height:1.5;margin:0 0 14px;letter-spacing:-.3px}
.community-home #home-businesses {grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.community-home #home-businesses .local-business-card {background:none;min-width:0;border:0}
.community-home #home-businesses .local-business-card>a {position:relative;display:block;aspect-ratio:2/3;overflow:hidden;border-radius:6px;isolation:isolate;background:#14282b}
.community-home #home-businesses .local-business-media {position:absolute;inset:0;height:100%}
.community-home #home-businesses .local-business-media img {object-position:center top}
.community-home #home-businesses .local-business-copy {position:absolute;z-index:3;inset:auto 0 0;padding:90px 18px 20px;background:linear-gradient(180deg,transparent,rgba(5,17,22,.58) 48%,rgba(5,17,22,.96));pointer-events:none}
.community-home #home-businesses .local-business-meta {display:none}
.community-home #home-businesses h3 {color:#fff;font-size:20px;font-weight:800;line-height:1.35;margin:0;text-shadow:0 2px 6px #0008;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.community-home #home-businesses .local-partner-badge {top:0;left:0;bottom:auto;max-width:100%;padding:5px 8px;font-size:12px;border:0;border-radius:0 0 4px 0;box-shadow:0 2px 6px #0003}
.community-home #home-businesses .local-business-monogram {font-size:36px}
.community-home #local:has(#home-local-story:not([hidden])) .local-invitation {padding:0;margin-top:16px;background:none;border:0}
.community-home #local:has(#home-local-story:not([hidden])) .local-invitation h3,
.community-home #local:has(#home-local-story:not([hidden])) .local-invitation p {display:none}
.community-home #local:has(#home-local-story:not([hidden])) .local-invitation>div:not(.invitation-mark) {display:flex;justify-content:flex-end}
.community-home #local:has(#home-local-story:not([hidden])) .local-invitation .front-button {padding:7px 0;margin:0;background:none;color:#365b3b;text-decoration:underline;text-underline-offset:4px}
@media(min-width:801px){
 .community-home #local>.front-section-head>div {display:flex;align-items:baseline;gap:18px;min-width:0}
 .community-home #local>.front-section-head h2 {flex:none;margin:0;white-space:nowrap}
 .community-home #local>.front-section-head p {margin:0;white-space:nowrap;font-size:clamp(12px,1.2vw,14px)}
}
@media(max-width:800px){
 .community-home #local>.front-section-head {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 12px}
 .community-home #local>.front-section-head>div {display:contents}
 .community-home #local>.front-section-head h2 {grid-column:1;grid-row:1;margin:0;font-size:clamp(20px,5.4vw,24px);white-space:nowrap}
 .community-home #local>.front-section-head p {grid-column:1/-1;grid-row:2;margin:0;font-size:clamp(10px,2.9vw,13px);letter-spacing:-.3px;white-space:nowrap}
 .community-home #local>.front-section-head>.text-link {grid-column:2;grid-row:1;padding-top:0;font-size:11px}
 .community-home #home-local-story {margin-bottom:22px}
 .community-home .local-story-card {position:relative;grid-template-columns:1fr;gap:12px;padding-block:16px}
 .community-home .local-story-kind {position:absolute;top:24px;left:8px;z-index:2;max-width:calc(100% - 16px);padding:5px 8px;border-radius:3px;background:#102d30e6;color:#fff;font-size:11px;line-height:1.5;pointer-events:none}
 .community-home .local-story-text-only .local-story-kind {position:static;display:inline-block}
 .community-home .local-story-media img {height:auto;min-height:0;max-height:none;aspect-ratio:16/9}
 .community-home .local-story-copy h3 {font-size:21px;line-height:1.5;margin:0}
 .community-home .local-story-summary,
 .community-home .local-story-byline,
 .community-home .local-story-read {display:none}
 .community-home .local-story-business {gap:5px 10px;padding:12px}
 .community-home .local-story-business span {font-size:11px}
 /* Three full posters, three gaps, then one quarter of the next poster. */
 .community-home #home-businesses {grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 30px)/3.25);gap:10px;overflow-x:auto;scroll-snap-type:x proximity;overscroll-behavior-x:contain;padding-bottom:4px;scrollbar-width:thin}
 .community-home #home-businesses .local-business-card {scroll-snap-align:start}
 .community-home #home-businesses .local-business-copy {padding:48px 8px 10px}
 .community-home #home-businesses h3 {font-size:14px}
 .community-home #home-businesses .local-partner-badge {font-size:10px;padding:4px 5px}
}
