.community-page{--community-space-2:.5rem;--community-space-3:.75rem;--community-space-4:1rem;--community-space-6:1.5rem;--community-space-8:2rem;--community-space-12:3rem;--community-space-16:4rem;--community-small:clamp(.875rem,.8rem + .35vw,1rem);--community-body:clamp(1rem,.95rem + .25vw,1.125rem);--community-title:clamp(2.25rem,1.5rem + 3vw,3.5rem);--community-heading:clamp(1.5rem,1.2rem + 1.25vw,2.25rem)}
.community-skip{position:fixed;top:var(--community-space-4);left:var(--community-space-4);transform:translateY(-200%);padding:var(--community-space-3) var(--community-space-4);background:var(--paper);color:var(--green);z-index:200}
.community-skip:focus{transform:none}
.community-intro{background:var(--cream);padding-block:clamp(3rem,7vw,6rem)}
.community-intro-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,25rem),1fr));gap:clamp(2rem,5vw,4rem);align-items:center}
.community-intro-grid>*{min-width:0}
.community-intro h1{font-size:var(--community-title);max-width:12ch;color:var(--green);margin-bottom:var(--community-space-6)}
.community-intro-copy>p:not(.eyebrow){font-size:var(--community-body);color:var(--muted);max-width:49ch}
.community-hero img{width:100%;height:auto;display:block;border-radius:var(--r)}
.community-jumps{display:flex;flex-wrap:wrap;gap:var(--community-space-2) var(--community-space-4);margin-top:var(--community-space-6)}
.community-jumps a{display:inline-flex;align-items:center;min-height:44px;font-size:var(--community-small);font-weight:600;color:var(--green);text-underline-offset:5px}
.community-jumps a:focus-visible,.community-photo:focus-visible{outline:3px solid var(--green);outline-offset:5px}
.community-gallery-hint{padding-top:var(--community-space-8)}
.community-gallery-hint p{font-size:var(--community-small);color:var(--muted)}
.community-section{padding-block:var(--community-space-12) var(--community-space-16)}
.community-families{background:var(--cream)}
.community-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--community-space-6);margin-bottom:var(--community-space-8)}
.community-section-head h2{font-size:var(--community-heading);color:var(--green);margin-bottom:var(--community-space-3)}
.community-section-head p{color:var(--muted);font-size:var(--community-body);max-width:60ch}
.community-photo-count{font-size:var(--community-small);white-space:nowrap;color:var(--muted);padding-top:var(--community-space-2)}
.community-gallery{columns:3;column-gap:var(--community-space-6)}
.community-photo{display:block;break-inside:avoid;margin:0 0 var(--community-space-6);padding:0;border:0;border-radius:var(--r);background:none;cursor:zoom-in;width:100%;overflow:hidden}
.community-photo img{display:block;width:100%;height:auto}
.community-photo:hover img{opacity:.93}
.community-page .foot{padding-bottom:calc(var(--community-space-16) + env(safe-area-inset-bottom))}
#community-viewer{width:min(1100px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 24px);padding:var(--community-space-4);border:0;border-radius:var(--r);background:var(--paper);color:var(--ink);margin:auto}
#community-viewer[open]{display:flex;flex-direction:column;height:min(900px,calc(100dvh - 24px))}
#community-viewer::backdrop{background:rgb(10 25 20 / .88)}
.community-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:var(--community-space-4);padding-bottom:var(--community-space-4)}
.community-dialog-head h2{font-family:var(--body);font-size:var(--community-small);font-weight:600;color:var(--green)}
#community-viewer button{font-family:var(--body);font-size:var(--community-small);font-weight:600;min-height:44px;padding:var(--community-space-2) var(--community-space-4);border:1px solid var(--green);border-radius:999px;background:var(--paper);color:var(--green);cursor:pointer}
#community-viewer button:hover{background:var(--green);color:var(--paper)}
#community-viewer button:focus-visible{outline:3px solid var(--green);outline-offset:3px}
.community-image-stage{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;min-height:0;overflow:hidden}
#community-full-image{width:100%;height:100%;object-fit:contain;min-height:0}
#community-full-image[hidden]{display:none}
#community-image-status{font-size:var(--community-body);padding:var(--community-space-8);text-align:center;color:var(--muted)}
#community-image-status:empty{display:none}
.community-dialog-caption{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--community-space-4);padding-block:var(--community-space-4)}
.community-dialog-caption p{font-size:var(--community-small);color:var(--muted)}
#community-counter{white-space:nowrap}
.community-dialog-controls{display:flex;justify-content:space-between;gap:var(--community-space-4)}
@media(max-width:900px){.community-intro-grid{grid-template-columns:1fr}.community-intro h1{max-width:none}.community-hero{max-width:720px}.community-gallery{columns:2}}
@media(max-width:640px){.community-intro{padding-block:var(--community-space-8) var(--community-space-12)}.community-jumps{display:grid;gap:0}.community-section-head{display:block}.community-photo-count{display:block;margin-top:var(--community-space-3)}.community-gallery{column-gap:var(--community-space-3)}.community-photo{margin-bottom:var(--community-space-3)}.community-section{padding-block:var(--community-space-8) var(--community-space-12)}.community-dialog-caption{display:block}.community-dialog-caption p+p{margin-top:var(--community-space-2)}#community-viewer{padding:var(--community-space-3)}.community-page .website-share{font-size:var(--community-small);padding:12px}.community-page .website-share span{display:none}}
@media(max-width:350px){.community-gallery{columns:1}.mobile-page-links{gap:16px}}
@media(max-height:500px){.community-dialog-caption{padding-block:var(--community-space-2)}.community-dialog-caption p{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){.community-page{scroll-behavior:auto}}