:root{--gold:#f1b931;--muted:#d1d5db;--panel:#090d16;--border:rgba(241,185,49,.42)}
*{box-sizing:border-box}
html{background:#000}
body{margin:0;background:#000;color:#fff;font-family:Arial,Helvetica,sans-serif}
.gallery-page{min-height:100vh;padding:88px 6% 70px}
.gallery-wrap{width:min(1400px,100%);margin:0 auto}
.gallery-back{display:inline-flex;align-items:center;gap:.45rem;color:var(--gold);font-weight:800;text-decoration:none;font-size:1.05rem}
.gallery-back:hover,.gallery-back:focus{text-decoration:underline}
.gallery-eyebrow{margin:34px 0 12px;color:var(--gold);font-size:.95rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
.gallery-title{margin:0;font-size:clamp(2.4rem,6vw,5rem);line-height:.98;text-transform:uppercase}
.gallery-intro{max-width:780px;margin:24px 0 0;color:var(--muted);font-size:clamp(1rem,1.8vw,1.18rem);line-height:1.65}
.photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px;margin-top:38px}
.photo-card{margin:0;overflow:hidden;border:1px solid var(--border);border-radius:14px;background:var(--panel);box-shadow:0 10px 28px rgba(0,0,0,.28)}
.photo-card a{display:block;color:inherit;text-decoration:none}
.photo-card img{display:block;width:100%;height:280px;object-fit:cover;transition:transform .22s ease}
.photo-card:hover img{transform:scale(1.025)}
.photo-caption{padding:12px 15px;color:var(--muted);font-size:.9rem;overflow-wrap:anywhere}
.gallery-empty{grid-column:1/-1;min-height:250px;border:1px dashed var(--border);border-radius:14px;display:grid;place-items:center;text-align:center;padding:35px;background:var(--panel);color:var(--muted);font-size:1.05rem;line-height:1.6}
@media(max-width:650px){.gallery-page{padding:60px 5% 45px}.photo-card img{height:230px}}