:root{
  --bg:#FAF7F0; --ink:#1C1C1B; --muted:#5A7053; --brand:#4C7A3D; --accent:#B5913F;
  --radius:16px; --shadow:0 10px 30px rgba(0,0,0,.06);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font:16px/1.6 system-ui,Segoe UI,Roboto,Arial,sans-serif}
img{max-width:100%;height:auto;display:block}
a{color:var(--brand);text-decoration:none}
.container{max-width:1080px;margin:0 auto;padding:0 20px}
.flex{display:flex}.between{justify-content:space-between}.center{align-items:center}
.grid-2{display:grid;grid-template-columns:1.2fr .8fr;gap:40px}
@media (max-width:880px){.grid-2{grid-template-columns:1fr;gap:24px}}

.site-header{position:sticky;top:0;background:#fff8;backdrop-filter:saturate(1.2) blur(8px);border-bottom:1px solid #e9e6dd;z-index:10}
.brand{display:flex;gap:12px;align-items:center;font-weight:700;color:var(--ink)}
.brand img{border-radius:50%;box-shadow:var(--shadow)}

.nav{display:flex;gap:12px;flex-wrap:wrap}
.nav a{padding:10px 12px;border-radius:10px}
.nav a:hover{background:#fff}

.lang-nav{display:flex;gap:8px;margin-left:8px}
.lang{border:1px solid #e0dccf;background:#fff;padding:6px 10px;border-radius:999px;cursor:pointer}
.lang.active{background:var(--brand);color:#fff;border-color:var(--brand)}

.hero{padding:64px 0}
.hero .lead{margin-top:8px;color:#333;max-width:60ch}
.cta{margin-top:20px;display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-block;padding:12px 18px;border-radius:999px;border:1px solid var(--brand)}
.btn.primary{background:var(--brand);color:#fff}
.btn.ghost{color:var(--brand);background:transparent}

.section{padding:56px 0}
.section.soft{background:#fff;border-top:1px solid #efeae0;border-bottom:1px solid #efeae0}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:16px}
@media (max-width:880px){.cards{grid-template-columns:1fr}}
.card{background:#fff;border:1px solid #ece7dc;border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}
.card h3{margin-top:0}
.card .meta{font-size:.95rem;color:#444}

.pillbox{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.pill{background:#fff;border:1px solid #ded8c9;border-radius:999px;padding:8px 12px;font-size:.93rem}

.form{background:#fff;border:1px solid #ece7dc;border-radius:var(--radius);padding:18px;box-shadow:var(--shadow);max-width:680px}
label{display:block;margin:.5rem 0 .25rem}
input, textarea{width:100%;padding:10px 12px;border:1px solid #ded8c9;border-radius:10px;background:#fff}
textarea{min-height:120px}
.small{font-size:.9rem;color:#555}

.portfolio{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media (max-width:880px){.portfolio{grid-template-columns:1fr}}
.port-item{background:#fff;border:1px solid #ece7dc;border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}
.port-item h3{margin:.2rem 0}
.port-item .actions{margin-top:10px;display:flex;gap:10px;flex-wrap:wrap}

.site-footer{padding:22px 0;display:flex;justify-content:center}
.site-footer .row{width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
.site-footer nav{display:flex;gap:16px;flex-wrap:wrap}
.site-footer nav a{color:#555}