@import url('https://fonts.googleapis.com/css2?family=Anton&family=Inter:wght@400;600;800&display=swap');

:root{--bg:#090909;--panel:#121212;--text:#f5f5f5;--muted:#a8a8a8;--accent:#d7ff00;--line:#292929}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif}
a{color:inherit;text-decoration:none}.hero{min-height:92vh;position:relative;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(circle at 80% 20%,#263000 0,transparent 30%),linear-gradient(135deg,#080808,#151515)}
.hero:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.18;background-image:linear-gradient(115deg,transparent 45%,#fff 46%,transparent 47%);background-size:13px 13px}
.nav{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:26px 5vw;border-bottom:1px solid #ffffff18}
.brand,footer strong{font-weight:800;letter-spacing:.08em}.brand span,footer span{color:var(--accent)}.nav-links{display:flex;gap:28px;color:#ddd;font-size:.9rem}.nav-links a:hover{color:var(--accent)}
.hero-content{position:relative;z-index:2;max-width:1000px;margin:auto 5vw 10vh}.eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.2em;color:var(--accent);margin:0 0 14px}
h1,h2{font-family:Anton,Impact,sans-serif;text-transform:uppercase;line-height:.9;margin:0}h1{font-size:clamp(5rem,15vw,12rem);letter-spacing:.01em}h1 span{color:transparent;-webkit-text-stroke:2px #fff}.hero-copy{max-width:580px;color:#c6c6c6;font-size:1.05rem;line-height:1.7;margin:28px 0}
.button{display:inline-block;padding:15px 22px;background:var(--accent);color:#080808;font-weight:800;font-size:.8rem;letter-spacing:.08em;border:2px solid var(--accent);transition:.2s}.button:hover{background:transparent;color:var(--accent)}.button-outline{background:transparent;color:var(--text);border-color:#555}.button-outline:hover{border-color:var(--accent)}
.section{padding:110px 5vw;max-width:1500px;margin:auto}.section-heading{margin-bottom:38px}.section h2{font-size:clamp(3rem,7vw,6rem)}
.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:35px}.filter{cursor:pointer;background:#151515;border:1px solid #333;color:#ddd;padding:11px 15px;font:600 .75rem Inter}.filter:hover,.filter.active{background:var(--accent);border-color:var(--accent);color:#080808}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:var(--panel);border:1px solid var(--line);overflow:hidden;cursor:pointer}.card img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform .35s}.card:hover img{transform:scale(1.035)}.card-info{padding:18px}.card-info span{font-size:.65rem;text-transform:uppercase;letter-spacing:.15em;color:var(--accent)}.card-info h3{margin:8px 0 0;font-size:1.05rem}.gallery-note{color:#777;font-size:.85rem;margin-top:25px}
.about{display:grid;grid-template-columns:1fr 1fr;gap:8vw;border-top:1px solid var(--line)}.about-copy{max-width:620px;color:#bbb;line-height:1.8;font-size:1.05rem}.about-copy strong{color:#fff}.contact{border-top:1px solid var(--line)}.contact>p:not(.eyebrow){color:#aaa}.contact-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
footer{padding:45px 5vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:#888}footer small{font-size:.72rem;letter-spacing:.08em}
.lightbox{display:none;position:fixed;inset:0;z-index:10;background:#000e;align-items:center;justify-content:center;padding:5vw}.lightbox.show{display:flex}.lightbox img{max-width:92vw;max-height:88vh;object-fit:contain}.close{position:absolute;right:25px;top:18px;background:none;border:0;color:#fff;font-size:3rem;cursor:pointer}
@media(max-width:800px){.nav-links{gap:13px}.gallery{grid-template-columns:1fr 1fr}.about{grid-template-columns:1fr;gap:35px}.section{padding:75px 5vw}h1{font-size:clamp(4.3rem,18vw,8rem)}}@media(max-width:520px){.nav-links a:nth-child(1){display:none}.gallery{grid-template-columns:1fr}.hero{min-height:82vh}.button{width:100%;text-align:center}}
