:root{--bg:#0e0e12;--fg:#f2f0eb;--muted:#a9a7a0;--accent:#d9a441;--card:#1a1a21}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);font-family:Georgia,"Times New Roman",serif;line-height:1.6}
a{color:var(--accent)}
nav{display:flex;justify-content:space-between;align-items:center;padding:20px 5vw;font-family:system-ui,sans-serif}
nav a{color:var(--fg);text-decoration:none;margin-left:20px;font-size:.95rem}
nav a:hover{color:var(--accent)}
.logo{font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.hero{min-height:70vh;display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(14,14,18,.3),var(--bg)),radial-gradient(circle at 50% 20%,#5a1f2e,#14141b 70%)}
.hero-text{margin:auto;text-align:center;padding:40px 5vw}
.eyebrow{font-family:system-ui,sans-serif;text-transform:uppercase;letter-spacing:.2em;color:var(--accent);font-size:.85rem}
h1{font-size:clamp(2.5rem,8vw,5.5rem);margin:.2em 0}
.sub{color:var(--muted);max-width:36em;margin:0 auto 1.5em}
.btn{display:inline-block;background:var(--accent);color:#111;padding:12px 24px;border-radius:6px;text-decoration:none;font-family:system-ui,sans-serif;font-weight:600;border:0;cursor:pointer}
.btn.small{padding:8px 16px}
main{max-width:1300px;margin:auto;padding:0 5vw}
section{padding:50px 0}
h2{font-size:2rem;border-bottom:1px solid #2c2c36;padding-bottom:10px}
.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;font-family:system-ui,sans-serif}
.filters button{background:var(--card);color:var(--fg);border:1px solid #33333f;border-radius:20px;padding:6px 16px;cursor:pointer}
.filters button.on{background:var(--accent);color:#111;border-color:var(--accent)}
.grid{columns:3 260px;column-gap:12px}
.grid figure{margin:0 0 12px;break-inside:avoid;cursor:zoom-in;overflow:hidden;border-radius:6px;background:var(--card)}
.grid img{width:100%;display:block;transition:transform .3s}
.grid figure:hover img{transform:scale(1.03)}
.videos{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}
.videos .v{background:var(--card);border-radius:8px;overflow:hidden}
.videos video,.videos iframe{width:100%;aspect-ratio:16/9;border:0;display:block;background:#000}
.videos h3{margin:0;padding:12px 16px;font-size:1rem}
footer{text-align:center;color:var(--muted);padding:40px 5vw;font-family:system-ui,sans-serif;font-size:.85rem}
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.94);display:flex;align-items:center;justify-content:center;z-index:10}
.lightbox[hidden]{display:none}
.lightbox img{max-width:92vw;max-height:80vh;object-fit:contain}
.lightbox button{position:absolute;background:none;border:0;color:#fff;font-size:3rem;cursor:pointer;padding:10px 20px}
.close{top:0;right:0}.prev{left:0}.next{right:0}
.lb-bar{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:16px 5vw;font-family:system-ui,sans-serif;color:var(--muted)}