.gallery-list-page{background-color:var(--clr-bg-primary);min-height:100vh;padding-top:100px}.gl-header{padding:100px 5% 60px;text-align:center;background:var(--clr-bg-secondary);position:relative;overflow:hidden}.gl-header:before{content:"";position:absolute;inset:0;background-image:var(--svg-dots);background-size:28px 28px;opacity:.6;pointer-events:none}.gl-header-content{max-width:800px;margin:0 auto;position:relative;z-index:1}.gl-subtitle{display:block;font-family:Roboto,sans-serif;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.25em;color:var(--clr-accent);margin-bottom:20px}.gl-title{font-family:Georgia,serif;font-size:clamp(3rem,6vw,4.5rem);color:var(--clr-primary);margin-bottom:30px}.gl-description{font-family:Roboto,sans-serif;font-size:1.1rem;line-height:1.8;color:var(--clr-text);opacity:.8;max-width:600px;margin:0 auto}.gl-grid-container{padding:80px 5% 120px;max-width:1400px;margin:0 auto}.gl-loader,.gl-empty{text-align:center;padding:60px;color:var(--clr-text);opacity:.6;font-size:1.2rem}.gl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:40px}.gl-card{position:relative}.gl-card-link{display:block;text-decoration:none;color:inherit;group:hover}.gl-card-image{position:relative;width:100%;aspect-ratio:4 / 5;overflow:hidden;border-radius:12px;background:#e8e8ea}.gl-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.25,.46,.45,.94)}.gl-card:hover .gl-card-image img{transform:scale(1.05)}.gl-card-overlay{position:absolute;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s ease}.gl-card:hover .gl-card-overlay{opacity:1}.gl-card-overlay span{color:#fff;font-family:Roboto,sans-serif;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;border:1px solid rgba(255,255,255,.5);padding:12px 24px;border-radius:50px;backdrop-filter:blur(4px)}.gl-card-info{padding:24px 0 10px;text-align:center}.gl-card-category{display:block;font-family:Roboto,sans-serif;font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;color:var(--clr-accent);margin-bottom:8px}.gl-card-title{font-family:Georgia,serif;font-size:1.6rem;color:var(--clr-primary);margin:0}@media (max-width: 768px){.gl-header{padding:80px 5% 40px}.gl-grid{grid-template-columns:1fr;gap:30px}.gl-card-image{aspect-ratio:1 / 1}}