.gallery-page{min-height:100svh;background:#e8ebe3}.gallery-header{background:#202724;color:#fff}.gallery-header-inner{height:76px;display:flex;align-items:center;justify-content:space-between}.gallery-header nav{display:flex;align-items:center;gap:32px;font-family:"DM Sans",sans-serif;font-size:11px;font-weight:700;letter-spacing:.12em}.gallery-header nav a:hover,.gallery-header nav a[aria-current]{color:#b9df63}.gallery-admin-link{border:1px solid #9dad98;padding:11px 14px}.gallery-main{padding-top:36px;padding-bottom:23px}.gallery-intro{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.gallery-intro h1{font-size:clamp(30px,3.8vw,52px);letter-spacing:-.075em;line-height:1.2;margin:13px 0 5px}.gallery-intro h1 span{color:#789653}.gallery-intro p{margin:0;color:#657063;font-size:13px}.gallery-count{display:flex;align-items:baseline;gap:9px;font-family:"DM Sans",sans-serif;color:#698e3f}.gallery-count strong{font-size:32px}.gallery-count span{font-size:10px;font-weight:700;letter-spacing:.14em}.gallery-frame{padding:9px;background:#d8ded2;border:1px solid #cbd4c6}.gallery-scroll{--grid-gap:8px;height:clamp(300px,calc(100svh - 300px),800px);overflow-y:scroll;scrollbar-gutter:stable;overscroll-behavior:contain;scrollbar-color:#83a957 #d8ded2;scrollbar-width:thin}.gallery-scroll::-webkit-scrollbar{width:10px}.gallery-scroll::-webkit-scrollbar-track{background:#d8ded2}.gallery-scroll::-webkit-scrollbar-thumb{background:#83a957;border:2px solid #d8ded2;border-radius:9px}.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:var(--row-height, 100px);gap:var(--grid-gap);padding-right:2px}.gallery-tile{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:#c4cec0;overflow:hidden;cursor:pointer}.gallery-tile img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s}.gallery-tile:hover img,.gallery-tile:focus-visible img{transform:scale(1.06)}.gallery-tile::after{content:"↗";position:absolute;right:8px;bottom:7px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(32,39,36,.8);color:#fff;font-size:15px}.gallery-tile:focus-visible{outline:3px solid #668d3b;outline-offset:-3px}.gallery-placeholder{display:grid;place-items:center;background:linear-gradient(135deg,#d3dbcf,#c5d0c1);color:#92a08d;border:1px solid rgba(70,90,69,.07);font-family:"DM Sans",sans-serif;font-size:18px;letter-spacing:.08em}.gallery-placeholder:nth-child(3n){background:linear-gradient(135deg,#d5ddd0,#becbb9)}.gallery-bottom{display:flex;justify-content:space-between;margin-top:10px;color:#788477;font-family:"DM Sans",sans-serif;font-size:10px;font-weight:700;letter-spacing:.15em}.gallery-error{grid-column:1/-1;display:grid;place-items:center;text-align:center;color:#52604f;font-size:14px}.lightbox{position:fixed;inset:0;width:100vw;max-width:none;height:100vh;max-height:none;margin:0;padding:20px 70px 28px;border:0;background:rgba(15,22,17,.96);color:#fff;overflow:hidden}.lightbox::backdrop{background:rgba(15,22,17,.96)}.lightbox[open]{display:flex;flex-direction:column;align-items:center;justify-content:center}.lightbox-bar{position:absolute;top:18px;left:28px;right:28px;display:flex;align-items:center;justify-content:space-between;color:#b9df63;font-family:"DM Sans",sans-serif;font-size:12px;letter-spacing:.1em}.lightbox-bar button{border:0;background:none;color:#fff;font-size:37px;line-height:1;cursor:pointer}.lightbox img{display:block;max-width:100%;max-height:calc(100vh - 130px);object-fit:contain}.lightbox p{position:absolute;bottom:16px;left:15px;right:15px;margin:0;text-align:center;color:#dbe3d6;font-size:13px}.lightbox-arrow{position:absolute;top:50%;transform:translateY(-50%);border:0;background:rgba(255,255,255,.1);color:#fff;width:44px;height:55px;font-size:35px;cursor:pointer}.lightbox-arrow:hover{background:#668d3b}.lightbox-arrow.prev{left:14px}.lightbox-arrow.next{right:14px}
@media(max-width:650px){.gallery-header-inner{height:66px}.gallery-header nav{gap:12px;font-size:9px}.gallery-header nav a:first-child{display:none}.gallery-admin-link{padding:9px}.gallery-main{padding-top:24px}.gallery-intro{margin-bottom:17px}.gallery-intro h1{font-size:32px}.gallery-intro p{font-size:11px}.gallery-count strong{font-size:24px}.gallery-count span{display:none}.gallery-scroll{height:clamp(300px,calc(100svh - 265px),700px);--grid-gap:5px}.gallery-grid{grid-auto-rows:var(--row-height, 72px)}.gallery-frame{padding:5px}.gallery-placeholder{font-size:12px}.gallery-tile::after{width:18px;height:18px;right:3px;bottom:3px;font-size:11px}.gallery-bottom{font-size:8px}.lightbox{padding:20px 45px}.lightbox-arrow{width:36px;height:45px;font-size:28px}.lightbox-arrow.prev{left:4px}.lightbox-arrow.next{right:4px}}