:root{--bg:#0b0b0b;--panel:#141414;--yellow:#f5c518;--ink:#f2f2f0;--muted:#9a9a94;--line:#2a2a2a;}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Inter",sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}
a{color:inherit}img{max-width:100%;display:block}
h1,h2,h3,.logo{font-family:"Oswald",sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin:0 0 .4em;line-height:0.95}
.wrap{width:min(1120px,calc(100% - 2rem));margin-inline:auto}
header{position:sticky;top:0;z-index:20;background:#0b0b0b;border-bottom:2px solid var(--yellow)}
.header-inner{display:flex;align-items:center;min-height:70px}
.logo{font-size:1.15rem;text-decoration:none;color:var(--yellow)}
nav{margin-left:auto;display:flex;gap:1.2rem;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;font-weight:600}
nav a{text-decoration:none;color:var(--muted)}nav a:hover{color:var(--yellow)}
.menu-toggle{display:none;margin-left:auto;background:var(--yellow);color:#000;border:0;padding:.45rem .65rem;font-weight:700}
#mobile-nav{display:flex;flex-direction:column;gap:.7rem;padding:0 1rem 1rem}#mobile-nav[hidden]{display:none}
.hero{min-height:86vh;display:grid;align-items:end;padding:5rem 0 4rem;background:linear-gradient(180deg,rgba(11,11,11,.25),rgba(11,11,11,.82)),url("images/hero.jpg") center/cover no-repeat}
.hero h1{font-size:clamp(3rem,10vw,6.2rem);max-width:14ch}
.hero p{max-width:32rem;color:#ddd}
.btn{display:inline-block;background:var(--yellow);color:#111;text-decoration:none;font-weight:800;padding:.85rem 1.2rem;margin-top:1.2rem;letter-spacing:.08em;text-transform:uppercase;font-size:.85rem;border:0;font-family:inherit;cursor:pointer}
.section{padding:4.2rem 0}
.section.alt{background:var(--panel)}
.kicker{color:var(--yellow);font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;margin-bottom:.8rem}
.split{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:center}
.split img{width:100%;height:400px;object-fit:cover;filter:grayscale(.2)}
.rows{border-top:1px solid var(--line)}
.row{display:grid;grid-template-columns:220px 1fr;gap:1.5rem;padding:1.15rem 0;border-bottom:1px solid var(--line)}
.row h3{margin:0;font-size:1.3rem;color:var(--yellow)}
.row p{margin:0;color:var(--muted)}
.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:2px}
.gallery img{width:100%;height:200px;object-fit:cover;filter:contrast(1.05)}
.contact{display:grid;grid-template-columns:1fr 1fr;gap:2rem}
form label{display:flex;flex-direction:column;gap:.3rem;font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.9rem;color:var(--muted)}
form input,form textarea{background:#111;border:1px solid var(--line);color:#fff;padding:.7rem;font:inherit}
.form-status{margin-top:.6rem;color:var(--yellow)}
footer{border-top:2px solid var(--yellow);padding:2rem 0;color:var(--muted);font-size:.88rem}
.sample-note a{color:var(--yellow)}
@media(max-width:800px){
  nav{display:none}.menu-toggle{display:block}
  .split,.row,.contact,.gallery{grid-template-columns:1fr}
}