:root{
  --bg:#f6f6f4;
  --ink:#132129;
  --muted:#42535e;
  --brand:#e07a21; /* orange */
  --panel:#ffffff;
  --ring:#e8e8e4;
  --shadow:0 6px 24px rgba(0,0,0,.08);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial,'Noto Sans',sans-serif}
img{max-width:100%;height:auto;display:block}
.container{max-width:1100px;margin-inline:auto;padding:clamp(16px,3vw,28px)}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}
.brand-text{display:flex;flex-direction:column}
.brand-text small{color:var(--muted);font-size:.9rem}
.nav{display:flex;gap:18px;align-items:center}
.nav a{color:var(--ink);text-decoration:none;font-weight:600}
.nav a:hover{color:var(--brand)}
.btn{display:inline-block;background:var(--brand);color:#fff;padding:12px 18px;border-radius:10px;text-decoration:none;font-weight:700;box-shadow:var(--shadow)}
.btn--ghost{background:transparent;color:var(--ink);border:2px solid var(--ring)}
.btn--small{padding:8px 12px;border-radius:8px}
.hero{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:28px}
.hero__content h1{font-size:clamp(28px,4vw,44px);line-height:1.1;margin:0 0 12px}
.accent{color:var(--brand)}
.cta{display:flex;gap:12px;margin:12px 0 10px}
.badges{display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:14px 0 0;list-style:none}
.badges li{background:var(--panel);border:1px solid var(--ring);padding:8px 12px;border-radius:999px;color:var(--muted)}
.section{margin-top:28px}
h2{font-size:clamp(24px,3vw,32px);margin:0 0 12px}
.grid{display:grid;gap:16px}
.grid--cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.card{background:var(--panel);border:1px solid var(--ring);padding:18px;border-radius:14px;box-shadow:var(--shadow)}
.grid--gallery{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.contact .contact__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:10px 0 18px}
.card--contact h3{margin:0 0 4px}
.contact__form{background:var(--panel);border:1px solid var(--ring);padding:16px;border-radius:14px;display:grid;gap:10px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
input,textarea{width:100%;padding:12px;border:1px solid var(--ring);border-radius:10px;background:#fff}
button.btn{cursor:pointer}
.site-footer{color:var(--muted);border-top:1px solid var(--ring);margin-top:28px}
@media (max-width:860px){
  .hero{grid-template-columns:1fr}
  .nav{display:none}
}