:root{--bg:#0f1115;--card:#161A22;--ink:#EDEFF4;--sub:#A9B1C6;--brand:#F5C451;--muted:#232834;--radius:14px;--max:1100px;--shadow:0 10px 30px rgba(0,0,0,.35)}
*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;background:#0f1115;color:var(--ink);line-height:1.5}
img{max-width:100%;display:block;border-radius:10px}a{color:var(--ink);text-decoration:none}a:hover{text-decoration:underline}
.container{width:90%;max-width:var(--max);margin:0 auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(15,17,21,.9);backdrop-filter:blur(8px);border-bottom:1px solid #1d2230}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 0;gap:16px}
.nav{display:flex;gap:16px;align-items:center}.nav .button{background:var(--brand);color:#111;font-weight:700;padding:8px 12px;border-radius:10px}
.hero{padding:56px 0 24px}.hero-inner{display:grid;gap:24px;grid-template-columns:1fr}.hero-copy h1{font-size:clamp(28px,5vw,56px);margin:0 0 8px}
.button{display:inline-block;padding:12px 18px;border-radius:12px;background:var(--brand);color:#111;font-weight:800;border:2px solid transparent;box-shadow:var(--shadow)}
.button.outline{background:transparent;color:var(--ink);border-color:var(--muted);box-shadow:none}
.hero-media{min-height:260px;border-radius:var(--radius);background:url('images/hero.jpg') center/cover no-repeat,#202632;box-shadow:var(--shadow);border:1px solid #1b2030}
.badges{padding:16px 0 0}.badges-inner{display:flex;gap:10px;flex-wrap:wrap}.badge{padding:8px 12px;border-radius:999px;background:#1c2130;color:var(--sub);border:1px solid #242a3b}
.work{padding:56px 0 12px}.gallery{display:grid;gap:14px;grid-template-columns:repeat(1, minmax(0, 1fr))}.card{background:var(--card);padding:10px;border:1px solid #1d2230;border-radius:var(--radius)}
.card figcaption{color:var(--sub);padding:8px 2px 2px;font-size:14px}.about{padding:36px 0 12px}.bullets{color:var(--sub);display:grid;gap:6px;padding-left:18px}
.contact{padding:36px 0 56px}.contact .alt-contact{color:var(--sub);margin-top:12px}
.site-footer{border-top:1px solid #1d2230;padding:20px 0;background:#0e1118}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.8);display:none;align-items:center;justify-content:center;flex-direction:column;padding:20px;z-index:100}
.lightbox.open{display:flex}.lightbox img{max-width:min(92vw,1200px);max-height:78vh;border-radius:12px;border:1px solid #2a3145}
.lightbox .close{position:absolute;top:14px;right:14px;font-size:28px;background:#141821;border:1px solid #262b3b;color:var(--ink);border-radius:10px;padding:6px 10px;cursor:pointer}
@media(min-width:820px){.hero-inner{grid-template-columns:1.1fr 1fr}.gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}