:root { --glass-bg: rgba(15,16,22,.6); --glass-border: rgba(255,255,255,.08); --ink-2:#cbd4e1; }
*{box-sizing:border-box}
body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#0b0d10;color:#e9eef5}
.glass-nav{background:var(--glass-bg);backdrop-filter:saturate(160%) blur(10px);border-bottom:1px solid var(--glass-border)}
.navbar .nav-link{color:#c9d4e3}.navbar .nav-link.active,.navbar .nav-link:hover{color:#fff}
.hero{position:relative;min-height:300px;display:grid;align-items:end;padding:3.5rem 0;color:#fff;overflow:hidden;border-bottom:1px solid var(--glass-border)}
.hero .bg{position:absolute;inset:0;background-position:center;background-size:cover;filter:brightness(.75)}
.hero .overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.7) 100%)}
.hero .content{position:relative;z-index:1}
.section-pad{padding:2rem 0 3rem}
.grid{--gap:10px;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gap)}
@media(max-width:768px){.grid{grid-template-columns:repeat(2,1fr)}}
.grid-item{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;border-radius:14px;border:1px solid var(--glass-border);background:#12151a}
.grid-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.grid-item:hover img{transform:scale(1.03)}
.grid-item .meta{position:absolute;left:0;right:0;bottom:0;padding:.5rem .75rem;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.6) 100%);font-size:.9rem}
.card-modern{background:#0f1217;border:1px solid var(--glass-border);border-radius:16px}
.badge-season{background:#0b6cff;border-radius:999px}
/* Lightbox */
.lb-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.85);display:none;align-items:center;justify-content:center;z-index:1050}
.lb-backdrop.active{display:flex}
.lb-content{max-width:min(95vw,1400px);max-height:85vh;position:relative}
.lb-content img{max-width:100%;max-height:85vh;display:block;margin:0 auto}
.lb-controls{position:absolute;top:.5rem;right:.5rem;display:flex;gap:.5rem}
.lb-btn{background:rgba(0,0,0,.6);border:1px solid var(--glass-border);color:#fff;padding:.5rem .75rem;border-radius:10px;cursor:pointer}
.lb-nav{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;pointer-events:none}
.lb-arrow{pointer-events:auto;background:rgba(0,0,0,.6);border:1px solid var(--glass-border);color:#fff;padding:.75rem;border-radius:50%;margin:0 .5rem}
.load-more{display:block;margin:2rem auto 0}
.small-note{color:var(--ink-2)}