.page-hero{position:relative;height:50vh;min-height:320px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.page-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.page-hero .hero-overlay{position:absolute;inset:0;background:linear-gradient(rgba(10,22,40,.6),rgba(10,22,40,.8))}
.page-hero-content{position:relative;z-index:2;text-align:center;color:#fff}
.page-hero-content h1{text-transform:uppercase;animation:fadeInUp .8s ease forwards}
.breadcrumb{font-family:var(--font-heading);font-size:.85rem;color:rgba(255,255,255,.7);margin-top:12px;animation:fadeInUp .8s ease .2s forwards;opacity:0}
.breadcrumb a{color:var(--color-accent);text-decoration:none}
.breadcrumb a:hover{text-decoration:underline}
.section-header p{color:var(--color-text-light);max-width:560px;margin:0 auto}
.gallery-section{padding:96px 0;background:var(--color-bg)}
.filter-bar{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-bottom:48px}
.filter-btn{background:none;border:2px solid var(--color-border);color:var(--color-text);padding:8px 24px;font-family:var(--font-heading);font-weight:600;font-size:.85rem;cursor:pointer;border-radius:4px;letter-spacing:1px;text-transform:uppercase;transition:background .3s ease,color .3s ease,border-color .3s ease}
.filter-btn:hover,.filter-btn.active{background:var(--color-accent);color:var(--color-primary);border-color:var(--color-accent)}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.gallery-item{position:relative;overflow:hidden;border-radius:4px;cursor:pointer;aspect-ratio:4/3}
.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.gallery-item:hover img{transform:scale(1.08)}
.gallery-item-overlay{position:absolute;inset:0;background:rgba(10,22,40,.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}
.gallery-item:hover .gallery-item-overlay{opacity:1}
.gallery-item-overlay .material-icons{color:#fff;font-size:2rem}
.gallery-item[hidden]{display:none}
@media(max-width:899px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:599px){.gallery-grid{grid-template-columns:1fr}}
dialog{border:none;background:rgba(10,22,40,.95);max-width:95vw;max-height:95vh;padding:0;border-radius:8px;position:relative}
dialog::backdrop{background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
dialog[open]{display:flex;align-items:center;justify-content:center}
.lb-content{position:relative;display:flex;align-items:center;justify-content:center;padding:16px}
.lb-content img{max-width:90vw;max-height:80vh;object-fit:contain;border-radius:4px}
.lb-close{position:absolute;top:8px;right:8px;background:var(--color-accent);border:none;color:var(--color-primary);width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:20px;display:flex;align-items:center;justify-content:center;z-index:10;transition:transform .3s ease}
.lb-close:hover{transform:scale(1.1)}
.lb-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(201,168,76,.9);border:none;color:var(--color-primary);width:44px;height:44px;border-radius:50%;cursor:pointer;font-size:24px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease,opacity .3s ease;z-index:10}
.lb-nav:hover{transform:translateY(-50%) scale(1.1)}
.lb-prev{left:8px}
.lb-next{right:8px}
.counter-section{padding:64px 0;background:var(--color-primary);text-align:center}
.counter-section .stat-num{font-family:var(--font-heading);font-size:3rem;font-weight:800;color:var(--color-accent);font-variant-numeric:tabular-nums}
.counter-section .stat-label{color:var(--color-silver);font-family:var(--font-heading);text-transform:uppercase;letter-spacing:2px;font-size:.9rem;margin-top:4px}
.cta-section{padding:80px 0;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));text-align:center}
.cta-section h2{color:#fff;margin-bottom:12px;text-transform:uppercase}
.cta-section p{color:rgba(255,255,255,.8);margin-bottom:32px;max-width:500px;margin-left:auto;margin-right:auto}
.btn-gold{background:var(--color-accent);color:var(--color-primary);padding:14px 36px;font-family:var(--font-heading);font-weight:700;font-size:1rem;text-decoration:none;border-radius:4px;letter-spacing:1px;text-transform:uppercase;transition:transform .3s ease,box-shadow .3s ease;display:inline-flex;align-items:center;gap:8px}
.btn-gold:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(201,168,76,.3)}