.gallery-page{min-height:60vh;padding-bottom:96px}.gallery-head{flex-direction:column;align-items:flex-start;gap:14px;padding-top:132px;display:flex}.gallery-back{color:var(--quiet);align-items:center;gap:8px;font-size:14px;display:inline-flex}.gallery-back:hover{color:var(--paper)}.gallery-head h1{letter-spacing:-.04em;margin:0;font-size:clamp(40px,6vw,72px);font-weight:600;line-height:1.02}.gallery-head>p{max-width:56ch;color:var(--quiet);margin:0;font-size:16px}.gallery-tabs{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.gallery-tabs a{border:1px solid var(--edge);color:var(--paper);border-radius:999px;padding:10px 18px;font-size:14px;font-weight:600}.gallery-tabs a:hover{border-color:#81936c}.gallery-tabs a[aria-current=page]{background:var(--signal);border-color:var(--signal);color:#172009}.gallery-body{padding-top:40px}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:20px;margin:0;padding:0;list-style:none;display:grid}.gallery-thumb{border:1px solid var(--edge);background:var(--panel);cursor:zoom-in;aspect-ratio:16/10;border-radius:14px;width:100%;padding:0;display:block;overflow:hidden}.gallery-thumb:hover{border-color:#81936c}.gallery-thumb:focus-visible,.gallery-tabs a:focus-visible,.gallery-back:focus-visible{outline:2px solid var(--signal);outline-offset:3px}.gallery-thumb img{object-fit:cover;width:100%;height:100%;display:block}.gallery-empty{text-align:center;background:linear-gradient(145deg,#1b281ad9,#101811e6);border:1px dashed #4b5c44;border-radius:22px;flex-direction:column;align-items:center;gap:10px;padding:72px 24px;display:flex}.gallery-empty svg{color:var(--signal)}.gallery-empty h2{letter-spacing:-.02em;margin:8px 0 0;font-size:24px;font-weight:600}.gallery-empty p{max-width:44ch;color:var(--quiet);margin:0}.gallery-lightbox{z-index:100;background:#070a08f2;place-items:center;padding:64px 72px;display:grid;position:fixed;inset:0}.gallery-lightbox figure{flex-direction:column;align-items:center;gap:12px;max-width:100%;margin:0;display:flex}.gallery-lightbox img{object-fit:contain;border-radius:10px;max-width:100%;max-height:calc(100vh - 150px);display:block}.gallery-lightbox figcaption{color:#abb6ac;text-align:center;font-size:14px}.gallery-close{position:absolute;top:16px;right:16px}.gallery-nav{position:absolute;top:50%;transform:translateY(-50%)}.gallery-prev{left:16px}.gallery-next{right:16px}@media (max-width:760px){.gallery-head{padding-top:112px}.gallery-lightbox{padding:64px 12px}.gallery-prev{left:8px}.gallery-next{right:8px}}