:root{--black:#080808;--dark:#151515;--gold:#c89b3c;--gold2:#e1bd67;--cream:#f8f5ef;--text:#202020;--muted:#666}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--cream);color:var(--text);line-height:1.6}
a{text-decoration:none;color:inherit} img{max-width:100%;display:block}
.container{width:min(1180px,92%);margin:auto}
.topbar{background:#000;color:#eee;font-size:14px;padding:8px 0}
.topbar .container{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.nav{position:sticky;top:0;z-index:100;background:rgba(10,10,10,.96);color:#fff;box-shadow:0 6px 24px #0006}
.nav .container{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
.brand{display:flex;align-items:center;gap:12px;font-weight:900;letter-spacing:.4px}
.brand img{width:62px;height:62px;object-fit:contain;border-radius:4px}
.brand span{color:var(--gold)}
.menu{display:flex;align-items:center;gap:20px;font-weight:700}
.menu a:hover{color:var(--gold)}
.btn{display:inline-block;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#111;padding:13px 20px;border-radius:6px;font-weight:900;border:0;cursor:pointer}
.btn.dark{background:#111;color:#fff}.btn.outline{background:transparent;color:#fff;border:1px solid var(--gold)}
.hero{min-height:84vh;background:linear-gradient(90deg,rgba(0,0,0,.86),rgba(0,0,0,.42)),url('images/gallery/project-01.jpg') center/cover;color:white;display:flex;align-items:center}
.hero h1{font-size:clamp(38px,6vw,76px);line-height:1.02;margin:0 0 18px;max-width:900px}
.hero p{font-size:20px;color:#eee;max-width:720px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.badges{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.badge{background:#ffffff1d;border:1px solid #ffffff35;padding:10px 14px;border-radius:999px;font-weight:700}
section{padding:82px 0}
.section-title{text-align:center;margin-bottom:42px}
.section-title h2{font-size:clamp(30px,4vw,46px);margin:0;color:#111}
.section-title p{max-width:760px;margin:10px auto;color:var(--muted)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px}
.card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 12px 30px #00000014;transition:.25s}
.card:hover{transform:translateY(-5px)}
.card-content{padding:24px}.card h3{margin:8px 0;color:#111}.icon{font-size:34px}
.dark-section{background:var(--dark);color:#fff}.dark-section .section-title h2{color:#fff}.dark-section .section-title p{color:#ccc}
.service-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.service-item{background:#ffffff0d;border:1px solid #ffffff22;padding:18px;border-radius:12px}
.service-item h3{margin:0 0 8px;color:var(--gold2)}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.gallery a{display:block;position:relative;border-radius:14px;overflow:hidden;box-shadow:0 10px 26px #00000018;background:#111}
.gallery img{width:100%;height:245px;object-fit:cover;transition:.35s}
.gallery a:hover img{transform:scale(1.06);opacity:.85}
.overlay{position:absolute;left:0;right:0;bottom:0;padding:14px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.8));font-weight:800}
.projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:24px}
.project{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 12px 30px #00000014}
.project img{height:270px;width:100%;object-fit:cover}.project div{padding:22px}
.cta{background:linear-gradient(90deg,#080808,#33250d);color:#fff;text-align:center}
.cta h2{font-size:clamp(30px,4vw,48px);margin:0 0 12px}.cta p{color:#eee}
.contact-wrap{display:grid;grid-template-columns:1fr 1fr;gap:28px}
form,.info-box{background:#fff;padding:28px;border-radius:16px;box-shadow:0 12px 30px #00000014}
input,select,textarea{width:100%;padding:13px;border:1px solid #ddd;border-radius:8px;margin:8px 0 16px;font:inherit}
textarea{min-height:130px}.info-box{background:#111;color:#fff}.info-box h3{color:var(--gold2);font-size:28px}.map{height:220px;background:#222;border:1px solid #444;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#ddd;margin-top:18px}
.footer{background:#050505;color:#ddd;text-align:center;padding:34px 0}
.float-actions{position:fixed;right:18px;bottom:18px;display:flex;flex-direction:column;gap:10px;z-index:200}
.float-actions a{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#111;padding:13px 16px;border-radius:999px;font-weight:900;box-shadow:0 8px 22px #0005}
@media(max-width:820px){.menu{display:none}.contact-wrap{grid-template-columns:1fr}.brand img{width:50px;height:50px}.hero{min-height:78vh}.topbar .container{font-size:12px}}