.gallery-page{background:var(--color-bg)}.gallery-hero{background:linear-gradient(135deg,#f1f8f9,#e0f1f4 50%,#f1f8f9);padding:2.5rem 0 2rem}.gallery-page-title{font-family:var(--font-heading);font-size:2.2rem;font-weight:700;color:var(--color-text-dark);margin:1rem 0 .5rem}.gallery-page-subtitle{color:var(--color-text);font-size:1.05rem;margin-bottom:0}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:1rem;gap:1rem}.gallery-grid-item{position:relative;overflow:hidden;border-radius:var(--radius-md);border:none;padding:0;cursor:pointer;background:none;aspect-ratio:3/4;box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.gallery-grid-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.gallery-grid-item:focus-visible{outline:3px solid var(--color-heading);outline-offset:2px}.gallery-grid-image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.gallery-grid-item:hover .gallery-grid-image{transform:scale(1.08)}.gallery-grid-overlay{position:absolute;inset:0;background:rgba(5,9,8,.3);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-base)}.gallery-grid-item:hover .gallery-grid-overlay{opacity:1}.gallery-grid-zoom{width:48px;height:48px;background:hsla(0,0%,100%,.9);border-radius:50%;font-size:1.5rem;font-weight:700;color:var(--color-text-dark)}.gallery-grid-zoom,.gallery-lightbox{display:flex;align-items:center;justify-content:center}.gallery-lightbox{position:fixed;inset:0;z-index:2000;flex-direction:column}.gallery-lightbox-backdrop{position:absolute;inset:0;background:rgba(5,9,8,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.gallery-lightbox-close{position:absolute;top:16px;right:16px;z-index:2001;background:hsla(0,0%,100%,.15);border:none;color:#fff;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base)}.gallery-lightbox-close:hover{background:hsla(0,0%,100%,.3);transform:scale(1.1)}.gallery-lightbox-next,.gallery-lightbox-prev{position:absolute;top:50%;transform:translateY(-50%);z-index:2001;background:hsla(0,0%,100%,.15);border:none;color:#fff;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base)}.gallery-lightbox-prev{left:16px}.gallery-lightbox-next{right:16px}.gallery-lightbox-next:hover,.gallery-lightbox-prev:hover{background:hsla(0,0%,100%,.3);transform:translateY(-50%) scale(1.1)}.gallery-lightbox-content{position:relative;z-index:2001;max-width:90vw;max-height:75vh;display:flex;align-items:center;justify-content:center}.gallery-lightbox-image{max-width:100%;max-height:75vh;object-fit:contain;border-radius:var(--radius-sm)}.gallery-lightbox-footer{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);z-index:2001;text-align:center}.gallery-lightbox-counter{color:hsla(0,0%,100%,.7);font-size:.85rem;margin:0 0 4px}.gallery-lightbox-caption{color:#fff;font-size:.95rem;margin:0;max-width:80vw;text-align:center}@media (max-width:768px){.gallery-page-title{font-size:1.8rem}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.gallery-lightbox-prev{left:8px}.gallery-lightbox-next{right:8px}.gallery-lightbox-next,.gallery-lightbox-prev{width:40px;height:40px}.gallery-lightbox-close{width:40px;height:40px;top:8px;right:8px}.gallery-lightbox-content{max-width:95vw;max-height:70vh}.gallery-lightbox-image{max-height:70vh}}@media (max-width:480px){.gallery-grid{grid-template-columns:1fr}}