/* Two visual bands retain the landing page's editorial order and ten full-card links. */
.community-landing-mosaic,.community-mosaic-band{display:grid;gap:var(--s4);align-items:stretch}
.community-landing-mosaic{grid-template-columns:repeat(3,minmax(0,1fr))}
.community-mosaic--ten{grid-template-columns:minmax(0,1fr)}
.community-mosaic-band{grid-template-columns:repeat(2,minmax(0,1fr))}
.community-activity-card{container-type:inline-size;display:flex;flex-direction:column;min-width:0;position:relative;isolation:isolate;overflow:hidden;border-radius:0;background:var(--surface-soft);color:var(--ink);text-decoration:none}
.community-activity-card__media{aspect-ratio:16/9;position:relative;overflow:hidden;flex:none;background:#001f3d}
.community-activity-card__media img{display:block;object-fit:cover;width:100%;height:100%}
.community-activity-card__media picture{display:block;width:100%;height:100%}
.community-activity-card__media--fallback{background-color:#001F3D;background-image:linear-gradient(120deg,rgba(0,31,61,.80),rgba(0,39,77,.80)),linear-gradient(145deg,#0D3A62 0%,#001F3D 100%)}
.community-activity-card__copy{display:grid;grid-template-columns:minmax(0,1fr) 20px;gap:16px;align-items:start;flex:1;padding:16px 18px;position:relative;z-index:1}
.community-activity-card:not(.community-activity-card--featured) .community-activity-card__copy{contain:size;min-height:112.4px;grid-template-rows:minmax(0,1fr)}
.community-activity-card__text{min-width:0}
.community-activity-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;margin:0 0 8px;font-size:13px;line-height:1.5;color:var(--text-muted)}
.community-activity-card__badge{display:inline-flex;padding:2px 8px;border-radius:4px;background:#fff;color:#001f3d;font-size:12px;font-weight:var(--weight-medium);line-height:1.5;white-space:nowrap}
.resource-landing .community-activity-card h3{font-size:18px;line-height:1.4;interpolate-size:allow-keywords;height:2.8em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;transition:height .4s cubic-bezier(.2,.7,.2,1)}
.resource-landing .community-activity-card:is(:hover,:focus-visible) h3{height:auto;-webkit-line-clamp:unset}
.community-activity-card__excerpt{display:none;margin:var(--s4) 0 0;font-size:var(--type-body);line-height:1.7}
.community-activity-card__arrow{display:flex;align-self:end;justify-self:end;position:relative;transform:translateY(-3px);color:inherit}
.community-activity-card__arrow .bess-icon{--icon-size:20px}
.community-activity-card__cta-label{position:absolute;right:calc(100% + 8px);white-space:nowrap;font-size:14px;font-weight:var(--weight-medium);line-height:20px;opacity:0;transform:translateX(-6px);transition:opacity .3s ease,transform .4s cubic-bezier(.2,.7,.2,1)}
.community-activity-card:is(:hover,:focus-visible) .community-activity-card__cta-label{opacity:1;transform:translateX(0)}
/* The thumbnail keeps its layout space; only its paint and the text move. */
.community-activity-card .community-activity-card__media{transition:opacity .3s ease,transform .4s cubic-bezier(.2,.7,.2,1)}
.community-activity-card .community-activity-card__text{position:relative;transition:transform .4s cubic-bezier(.2,.7,.2,1)}
.community-activity-card .community-activity-card__excerpt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;position:absolute;top:100%;left:0;right:0;margin-top:16px;font-size:16px;line-height:1.5;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .3s ease,transform .4s cubic-bezier(.2,.7,.2,1),visibility .4s}
.community-activity-card:is(:hover,:focus-visible) .community-activity-card__media{opacity:0;transform:translateY(-8px)}
.community-activity-card:is(:hover,:focus-visible) .community-activity-card__text{transform:translateY(calc(-100cqw * 9 / 16))}
.community-activity-card:is(:hover,:focus-visible) .community-activity-card__excerpt{opacity:1;visibility:visible;transform:translateY(0)}
.community-landing-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4)}
.community-landing-gallery figure{margin:0;aspect-ratio:4/3;overflow:hidden}
.community-landing-gallery img{width:100%;height:100%;object-fit:cover;display:block}
.community-landing-partners{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--s6);align-items:center}
.community-landing-partners img{width:100%;height:80px;object-fit:contain}
.resource-section--community-connect{position:relative;isolation:isolate;overflow:hidden}
.resource-section--community-connect::after{content:'';position:absolute;width:45%;height:160%;right:-8%;top:-30%;border:1px solid rgba(255,255,255,.15);transform:rotate(25deg);background:repeating-linear-gradient(90deg,transparent 0 60px,rgba(255,255,255,.04) 60px 61px);pointer-events:none;z-index:-1}
.resource-section--community-connect .resource-heading{text-align:left;margin-inline:0;margin-bottom:var(--s5)}
.resource-section--community-connect .resource-heading .intro{margin-inline:0}
.resource-section--community-connect .resource-heading h2{max-width:800px;margin-inline:0}
@media(min-width:1180px){
 .community-mosaic-band{grid-template-rows:repeat(2,minmax(250px,1fr))}
 .community-mosaic-band--leading{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:'p01 p02 p03' 'p01 p04 p05'}
 .community-mosaic-band--trailing{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-areas:'p06 p07 p10' 'p08 p09 p10'}
 .community-mosaic-band>[data-mosaic-area="p01"]{grid-area:p01}.community-mosaic-band>[data-mosaic-area="p02"]{grid-area:p02}.community-mosaic-band>[data-mosaic-area="p03"]{grid-area:p03}.community-mosaic-band>[data-mosaic-area="p04"]{grid-area:p04}.community-mosaic-band>[data-mosaic-area="p05"]{grid-area:p05}.community-mosaic-band>[data-mosaic-area="p06"]{grid-area:p06}.community-mosaic-band>[data-mosaic-area="p07"]{grid-area:p07}.community-mosaic-band>[data-mosaic-area="p08"]{grid-area:p08}.community-mosaic-band>[data-mosaic-area="p09"]{grid-area:p09}.community-mosaic-band>[data-mosaic-area="p10"]{grid-area:p10}
 .community-activity-card--featured{justify-content:flex-end;background:#001f3d;color:#fff}
 .community-activity-card--featured .community-activity-card__media{position:absolute;inset:0;height:100%;aspect-ratio:auto;z-index:0}
 .community-activity-card--featured .community-activity-card__media::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,31,61,.12),rgba(0,31,61,.94))}
 .community-activity-card--featured:is(:hover,:focus-visible) .community-activity-card__media::after{background:rgba(0,31,61,.9)}
 .community-activity-card--featured .community-activity-card__copy{flex:0;padding:var(--s5)}
 .community-activity-card--featured .community-activity-card__meta{color:#dce4eb}
 .community-activity-card--featured .community-activity-card__badge{background:transparent;border:1px solid #fff;color:#fff}
 .community-activity-card--featured .community-activity-card__excerpt{position:static;top:auto;font-size:var(--type-body);line-height:1.7;visibility:visible;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;interpolate-size:allow-keywords;height:5.1em;overflow:hidden;color:#dce4eb;opacity:.85;transform:translateY(6px);transition:height .4s cubic-bezier(.2,.7,.2,1),opacity .3s ease,transform .4s cubic-bezier(.2,.7,.2,1)}
 .community-activity-card--featured:is(:hover,:focus-visible) .community-activity-card__excerpt{height:auto;-webkit-line-clamp:unset;opacity:1;transform:translateY(0)}
 .community-activity-card--featured:is(:hover,:focus-visible) .community-activity-card__media{opacity:1;transform:none}
 .community-activity-card--featured:is(:hover,:focus-visible) .community-activity-card__text{transform:translateY(calc(-1.7 * var(--type-body)))}
 .resource-landing .community-activity-card--featured h3{font-size:24px;line-height:1.4;height:auto;-webkit-line-clamp:3}
 .community-landing-gallery--mosaic{grid-template-rows:repeat(2,minmax(0,1fr))}.community-landing-gallery--mosaic figure:first-child{grid-row:span 2;aspect-ratio:auto}
}
/* These wrappers have no semantics: flatten only the layout on smaller screens,
   leaving the same ten links in one uninterrupted editorial grid. */
@media(max-width:1179px){.community-mosaic--ten{grid-template-columns:repeat(2,minmax(0,1fr))}.community-mosaic-band{display:contents}}
@media(max-width:1179px){.community-landing-mosaic:not(.community-mosaic--ten){grid-template-columns:repeat(2,minmax(0,1fr))}.community-landing-partners{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:767px){.community-landing-mosaic,.community-mosaic-band,.community-landing-gallery{grid-template-columns:minmax(0,1fr)}.community-landing-partners{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Portrait cards use the same preview behavior for every program on phones. */

@media(max-width:1179px){.community-activity-card--featured .community-activity-card__copy{contain:size;min-height:112.4px;grid-template-rows:minmax(0,1fr)}}
@media(max-width:767px){.community-activity-card{aspect-ratio:4/5}.community-activity-card .community-activity-card__copy{min-height:0}.community-activity-card__text{width:100%}.resource-landing .community-activity-card h3{font-size:16px}.community-activity-card .community-activity-card__excerpt{font-size:15px;line-height:1.5}}
@media(max-width:359px){.community-activity-card .community-activity-card__excerpt{-webkit-line-clamp:5}}

@media(min-width:768px) and (max-width:1299px){.community-activity-card .community-activity-card__excerpt{-webkit-line-clamp:3}.community-activity-card:is(:hover,:focus-visible) .community-activity-card__text{transform:translateY(calc(-100cqw * 9 / 16 - 6px))}}
@media(min-width:1180px) and (max-width:1299px){.community-activity-card--featured:is(:hover,:focus-visible) .community-activity-card__text{transform:translateY(calc(-1.7 * var(--type-body)))}.community-activity-card--featured:is(:hover,:focus-visible) .community-activity-card__excerpt{-webkit-line-clamp:unset}}

/* Portrait cards keep full titles; their two-line summary appears on hover/focus. */
@media(max-width:767px){
 .community-landing-mosaic{container-type:inline-size}
 .community-activity-card{aspect-ratio:auto;min-height:125cqw}
 .community-activity-card .community-activity-card__copy{contain:none;flex:1 0 auto;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;align-content:start;gap:12px}
 .resource-landing .community-activity-card h3{display:block;height:auto;-webkit-line-clamp:unset;overflow:visible}
 .community-activity-card .community-activity-card__excerpt{-webkit-line-clamp:2;max-height:3em}
}

/* Preserve the panelists and tabletop in the community Hero crop. */
body.resource-landing--community #community-landing-hero{--hero-media-position:70% 100%}
@media(max-width:767px){body.resource-landing--community #community-landing-hero{--hero-media-position:82% 100%}}