/* ═══ HALL OF BEARDS CSS ═══ */
.hall-hero{text-align:center;padding:72px 24px 48px;position:relative;overflow:hidden;}
.hall-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(245,197,24,0.1),transparent 65%);pointer-events:none;}
.hall-hero-inner{max-width:700px;margin:0 auto;position:relative;}
.hall-hero h1{font-family:"Playfair Display",serif;font-size:clamp(36px,6vw,68px);font-weight:900;line-height:1.05;margin-bottom:14px;}
.hall-hero h1 em{color:var(--amber);font-style:italic;}
.hall-hero p{font-size:15px;color:var(--muted);line-height:1.75;max-width:460px;margin:0 auto;}

.hall-stats{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-top:36px;}
.stat-box{background:rgba(245,197,24,0.07);border:1px solid rgba(245,197,24,0.2);border-radius:16px;padding:20px 32px;text-align:center;min-width:140px;}
.stat-num{display:block;font-family:"Playfair Display",serif;font-size:32px;font-weight:900;color:var(--amber);}
.stat-label{display:block;font-size:11px;color:var(--muted);margin-top:4px;letter-spacing:1px;text-transform:uppercase;}

/* FILTER TABS */
.gallery-section{max-width:1200px;margin:0 auto;padding:0 24px 80px;}
.gallery-inner{}
.filter-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:32px;justify-content:center;}
.filter-tab{background:rgba(255,255,255,0.04);border:1px solid var(--border);color:var(--muted);border-radius:100px;padding:8px 18px;font-size:12px;font-weight:500;cursor:pointer;transition:all 0.25s;font-family:"DM Sans",sans-serif;letter-spacing:0.3px;}
.filter-tab:hover{border-color:rgba(245,197,24,0.3);color:var(--cream);}
.filter-tab.active{background:rgba(245,197,24,0.12);border-color:var(--amber);color:var(--amber);font-weight:700;}

/* GALLERY GRID */
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;}
@media(max-width:600px){.gallery-grid{grid-template-columns:repeat(2,1fr);gap:12px;}}

.gallery-card{background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden;cursor:pointer;transition:all 0.35s ease;}
.gallery-card:hover{transform:translateY(-6px);border-color:rgba(245,197,24,0.35);box-shadow:0 20px 50px rgba(0,0,0,0.4);}

.gallery-img-wrap{position:relative;aspect-ratio:3/4;overflow:hidden;background:#000;}
.gallery-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform 0.4s ease;}
.gallery-card:hover .gallery-img-wrap img{transform:scale(1.06);}

.gallery-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,0.7));opacity:0;transition:opacity 0.3s;}
.gallery-card:hover .gallery-overlay{opacity:1;}
.gallery-style-tag{position:absolute;bottom:10px;left:10px;background:rgba(245,197,24,0.9);color:#0D0D0D;font-size:10px;font-weight:700;padding:4px 10px;border-radius:100px;letter-spacing:1px;}

.gallery-card-body{padding:12px 14px;}
.gallery-name{font-size:13px;font-weight:600;color:var(--cream);margin-bottom:6px;}
.gallery-meta{display:flex;justify-content:space-between;align-items:center;}
.gallery-date{font-size:10px;color:var(--muted);}
.gallery-like{background:none;border:none;color:var(--muted);font-size:12px;cursor:pointer;transition:color 0.2s;font-family:"DM Sans",sans-serif;padding:2px 6px;border-radius:100px;}
.gallery-like:hover{color:var(--amber);background:rgba(245,197,24,0.1);}

/* EMPTY STATE */
.empty-state{text-align:center;padding:80px 24px;display:none;}
.empty-icon{font-size:72px;display:block;margin-bottom:20px;opacity:0.3;}
.empty-state h3{font-family:"Playfair Display",serif;font-size:28px;font-weight:700;margin-bottom:12px;}
.empty-state p{font-size:14px;color:var(--muted);margin-bottom:28px;}

/* LOAD MORE */
.load-more-wrap{text-align:center;margin-top:40px;}
.load-more-btn{background:rgba(245,197,24,0.08);border:1px solid rgba(245,197,24,0.25);color:var(--amber);padding:14px 40px;border-radius:100px;font-size:14px;font-weight:600;cursor:pointer;transition:all 0.3s;font-family:"DM Sans",sans-serif;}
.load-more-btn:hover{background:rgba(245,197,24,0.15);}

/* LIGHTBOX */
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,0.92);z-index:1000;display:none;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(12px);}
.lightbox.show{display:flex;}
.lightbox-inner{background:#141008;border:1px solid rgba(245,197,24,0.2);border-radius:20px;overflow:hidden;max-width:480px;width:100%;position:relative;animation:lbIn 0.3s ease;}
@keyframes lbIn{from{transform:scale(0.9);opacity:0}to{transform:scale(1);opacity:1}}
.lb-close{position:absolute;top:14px;right:14px;background:rgba(0,0,0,0.5);border:none;color:#fff;font-size:16px;cursor:pointer;width:32px;height:32px;border-radius:50%;z-index:2;transition:background 0.2s;}
.lb-close:hover{background:rgba(239,68,68,0.5);}
.lightbox-inner img{width:100%;max-height:420px;object-fit:cover;display:block;}
.lb-info{padding:18px 20px;}
.lb-name{font-family:"Playfair Display",serif;font-size:18px;font-weight:700;margin-bottom:4px;}
.lb-style{font-size:12px;color:var(--muted);margin-bottom:14px;}
.lb-actions{display:flex;gap:12px;}
.lb-like{background:rgba(239,68,68,0.1);border:1px solid rgba(239,68,68,0.25);color:#fca5a5;border-radius:100px;padding:10px 20px;font-size:13px;cursor:pointer;font-family:"DM Sans",sans-serif;transition:all 0.25s;flex:1;text-align:center;}
.lb-like:hover{background:rgba(239,68,68,0.2);}
.lb-try{background:linear-gradient(135deg,var(--amber),var(--gold));color:#0D0D0D;border-radius:100px;padding:10px 20px;font-size:13px;font-weight:700;text-decoration:none;flex:1;text-align:center;transition:all 0.3s;}
.lb-try:hover{transform:translateY(-1px);}
