.gallery-page h1{text-align:center;margin-bottom:2rem}.gallery-categories{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:2.5rem;display:flex}.category-button{border:1.5px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text-base);cursor:pointer;letter-spacing:.2px;border-radius:50px;padding:.65rem 1.5rem;font-size:.9rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000a}.category-button:hover{border-color:var(--color-primary);color:var(--color-primary-dark);background-color:rgb(from var(--color-primary) r g b / .06);box-shadow:0 4px 12px rgba(var(--color-primary-rgb), .15);transform:translateY(-2px)}.category-button.active{background-color:var(--color-primary);color:var(--color-text-dark);border-color:var(--color-primary);box-shadow:0 4px 12px rgba(var(--color-primary-rgb), .3), 0 1px 3px #0000000f;font-weight:600;transform:translateY(-1px)}.category-button.active:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);box-shadow:0 6px 18px rgba(var(--color-primary-rgb), .35)}.photo-grid{columns:300px;column-gap:1.5rem}.photo-grid-item{cursor:pointer;border-radius:12px;margin-bottom:1.5rem;position:relative;overflow:hidden}.photo-grid img{object-fit:cover;cursor:pointer;border:1px solid #0000;border-radius:12px;width:100%;height:100%;margin-bottom:1.5rem}.photo-grid-item{position:relative}.yarl__thumbnails_thumbnail{border-color:#0000;border-radius:8px;transition:border-color .3s}.yarl__thumbnails_thumbnail_active{border-color:var(--color-primary)}@media (max-width:768px){.photo-grid{columns:2;column-gap:1rem}.photo-grid img{border-radius:10px;margin-bottom:1rem}.gallery-categories{gap:.5rem}.category-button{padding:.55rem 1.15rem;font-size:.82rem}}@media (max-width:480px){.photo-grid{columns:1;column-gap:0}.photo-grid img{border-radius:12px;margin-bottom:1.25rem}}@media (min-width:769px) and (max-width:1024px){.photo-grid{columns:3}}@media (min-width:1025px){.photo-grid{columns:4}}[data-theme=dark] .category-button{background-color:var(--color-bg-base-light);border-color:var(--color-border);color:var(--color-text-base)}[data-theme=dark] .category-button:hover{background-color:rgb(from var(--color-primary) r g b / .1);border-color:var(--color-primary)}[data-theme=dark] .category-button.active{background-color:var(--color-primary);color:var(--color-text);box-shadow:none}[data-theme=dark] .photo-grid img{border-color:rgb(from var(--color-border) r g b / .2)}