:root{--beige:#F5EFE6;--brown:#4B3832;--accent:#8C6B4F;--muted:#A89A8E;--max:1100px}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,Segoe UI,Roboto,Arial;background:var(--beige);color:var(--brown)}
.container{max-width:var(--max);margin:0 auto;padding:28px}.header{padding:18px 0}.brand{font-weight:700}.nav{display:flex;gap:12px;justify-content:flex-end}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;margin-top:18px}.hero h1{font-family:Georgia,serif;font-size:40px;margin:0}
.tag{color:var(--muted);margin-bottom:12px}.cta{background:var(--brown);color:var(--beige);padding:10px 14px;border-radius:8px}
.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:18px}.portfolio-item{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 6px 18px rgba(75,56,50,0.06)}
.portfolio-item img{width:100%;height:220px;object-fit:cover}
.section{padding:30px 0}.about-box{background:rgba(75,56,50,0.04);padding:16px;border-radius:8px}
form input,form textarea,select{width:100%;padding:10px;border-radius:8px;border:1px solid rgba(75,56,50,0.12);margin-bottom:8px;background:transparent}
.btn{background:var(--accent);color:#fff;padding:10px 14px;border-radius:8px;border:none;cursor:pointer}
footer{padding:18px 0;color:var(--muted);text-align:center}@media(max-width:800px){.hero{grid-template-columns:1fr}.nav{display:none}}