.community-section{padding:76px 0 52px;background:#f7f4f7;margin-top:76px;overflow:hidden}
.community-section>header{text-align:center;max-width:700px;margin:0 auto 38px;padding:0 var(--gutter)}
.community-section .eyebrow{font-size:10px;font-weight:450;letter-spacing:.09em}
.community-section h2{font:600 clamp(28px,2.4vw,44px)/1.15 var(--store-font);text-transform:uppercase;letter-spacing:.005em;margin:10px 0 16px}
.community-section>header>p:not(.eyebrow){font-size:16px;margin:0 0 16px;line-height:1.5}
.community-section nav{display:flex;justify-content:center;gap:24px}
.community-section nav a{font-size:14px;text-underline-offset:5px}
.community-track{display:grid;grid-template-columns:1fr 1fr 1.13fr 1fr 1fr;gap:18px;align-items:center;max-width:2400px;padding:0 var(--gutter);margin:auto}
.community-card{min-width:0;display:flex;flex-direction:column}
.community-media{position:relative;display:block;aspect-ratio:4/5;background:#ddd7df;border-radius:12px;overflow:hidden;color:white}
.community-media>img,.community-media>video{width:100%;height:100%;display:block;object-fit:cover}
.community-media>img{object-position:50% 45%}
.community-card--featured .community-media{aspect-ratio:9/15.7}
.community-caption{padding:16px 2px 12px;min-height:114px}
.community-caption .eyebrow{margin:0 0 6px;color:#66576d}
.community-caption h3{font-size:16px;line-height:1.35;font-weight:500;margin:0 0 7px}
.community-caption>a{font-size:11px;line-height:1.5;text-underline-offset:3px;color:#5b515f}
.community-source-link,.community-video-label{position:absolute;left:12px;bottom:12px;padding:6px 9px;background:#27212bbb;border:1px solid #ffffff47;border-radius:3px;font-size:10px;line-height:1.4}
.community-video-label{bottom:auto;top:12px}
.community-video-toggle{position:absolute;right:12px;bottom:12px;border:1px solid #ffffffaa;border-radius:50%;background:#201b28aa;color:white;width:42px;height:42px;cursor:pointer}
.community-video-toggle:focus-visible{outline:3px solid white;outline-offset:3px}
.community-product{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #ded9e0;padding:9px;text-decoration:none;border-radius:4px;min-height:88px}
.community-product>img{width:55px;height:64px;object-fit:cover;flex:none}
.community-product>span:nth-child(2){display:flex;flex-direction:column;gap:3px;min-width:0}
.community-product small{font-size:9px;font-weight:400;color:#716a76}
.community-product strong{font-size:12px;font-weight:500;line-height:1.3}
.community-product b{font-size:12px;font-weight:450;line-height:1.3}
.community-product-open{margin-left:auto;width:28px;height:28px;background:#262129;color:white;border-radius:50%;display:grid;place-items:center;font-size:20px;flex:none}
.community-product:hover{border-color:#6e547a}
.community-provenance{font-size:11px;line-height:1.6;color:#6c6570;max-width:850px;margin:25px auto 0;padding:0 var(--gutter);text-align:center}
@media(max-width:1100px){.community-track{gap:14px;grid-template-columns:repeat(5,minmax(230px,1fr));overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px}.community-card{scroll-snap-align:center}.community-caption{min-height:105px}.community-card--featured .community-media{aspect-ratio:4/5}}
@media(max-width:700px){.community-section{margin-top:44px;padding-top:44px;padding-bottom:34px}.community-section>header{margin-bottom:25px}.community-track{grid-template-columns:repeat(5,minmax(250px,72vw));gap:14px}.community-media{aspect-ratio:4/5}.community-section h2{font-size:28px}.community-provenance{text-align:left;margin-top:16px}}