:root{--bg:#fff;--text:#333;--muted:#f3f2ef;--accent:#b49b7d;--border:#e6e3dc;--shadow:0 2px 12px rgba(0,0,0,.06);}
body{margin:0;font-family:system-ui,Segoe UI,Roboto,Arial,sans-serif;color:var(--text);background:var(--bg);}
.site-header{background:var(--muted);padding:1rem;text-align:center;border-bottom:1px solid var(--border);}
.menu{list-style:none;display:flex;justify-content:center;gap:1rem;padding:0;margin:0;flex-wrap:wrap;}
.menu a{text-decoration:none;color:var(--text);padding:.3rem .6rem;border-radius:.4rem;}
.menu a[aria-current="page"]{color:var(--accent);font-weight:600;}
.hero{text-align:center;padding:3rem 1rem;background:var(--muted);margin:2rem auto;border-radius:10px;}
.content{width:min(1100px,90%);margin:2rem auto;}
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;}
.project img,.gallery-grid img,.profile-photo,.banner{width:100%;border-radius:10px;box-shadow:var(--shadow);}
.btn{background:var(--accent);color:#fff;border:none;padding:.6rem 1.2rem;border-radius:5px;text-decoration:none;cursor:pointer;}
.contact-form{display:flex;flex-direction:column;gap:.6rem;margin-top:1rem;}
.contact-form input,.contact-form textarea{padding:.5rem;border:1px solid var(--border);border-radius:5px;}
.site-footer{text-align:center;padding:1rem;background:var(--muted);border-top:1px solid var(--border);margin-top:2rem;}