:root{--ink:#38564a;--paper:#f7f4ec;--acc:#b5764a;--line:#e0d9cb}
*{box-sizing:border-box}
body{margin:0;font-family:system-ui, "Segoe UI", Roboto, sans-serif;color:#243029;background:var(--paper);line-height:1.6}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.bar{background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}
.bar-in{display:flex;align-items:center;justify-content:space-between;min-height:68px;gap:16px}
.logo{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--ink);text-decoration:none;letter-spacing:.2px}
.mark{width:14px;height:14px;border-radius:50% 50% 50% 2px;background:var(--acc);display:inline-block}
.nav a{color:#3d4b43;text-decoration:none;margin-left:22px;font-size:15px}
.nav a.on{color:var(--ink);border-bottom:2px solid var(--acc);padding-bottom:2px}
.burger{display:none;background:none;border:0;font-size:22px;color:var(--ink);cursor:pointer}
.hero{position:relative;min-height:430px;display:flex;align-items:flex-end;overflow:hidden}
.hero .layer{position:absolute;inset:0;background-size:cover;background-position:center;filter:brightness(.66)}
.hero .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(30,45,38,.15),rgba(30,45,38,.72))}
.hero-in{position:relative;color:#fff;padding:56px 20px}
.hero h1{font-size:clamp(30px,5vw,46px);margin:0 0 10px;font-weight:600;max-width:16ch}
.hero p{max-width:52ch;margin:0 0 18px;color:#eef1ec}
.btn{display:inline-block;background:var(--acc);color:#fff;padding:12px 22px;border-radius:2px;text-decoration:none;font-size:15px}
.btn.ghost{background:transparent;border:1px solid #fff}
section{padding:56px 0}
h2{font-size:26px;color:var(--ink);margin:0 0 8px;font-weight:600}
.lede{color:#55655b;max-width:62ch}
.grid{display:grid;gap:26px;margin-top:26px}
.g3{grid-template-columns:repeat(3,1fr)}
.g2{grid-template-columns:1.1fr .9fr;align-items:center}
.card{background:#fff;border:1px solid var(--line);padding:22px}
.card h3{margin:0 0 6px;font-size:18px;color:var(--ink)}
.card p{margin:0;color:#5a6a60;font-size:15px}
.price{display:block;margin-top:12px;color:var(--acc);font-weight:600}
img.photo{width:100%;height:100%;object-fit:cover;display:block;border:1px solid var(--line)}
.split img{aspect-ratio:4/3}
.gal{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px}
.gal img{aspect-ratio:3/2}
.quotes{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.quote p{font-size:17px;color:#3c4a42;margin:0 0 10px}
.quote span{color:#7d8a82;font-size:14px}
.foot{background:#eee8dc;border-top:1px solid var(--line);padding:40px 0 22px;margin-top:20px}
.foot-in{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.foot strong{color:var(--ink)}
.dim{color:#5f6d64;font-size:14px;margin:8px 0 0}
.dim a{color:#5f6d64}
.small{font-size:13px}
.rule{border-top:1px solid var(--line);margin-top:26px;padding-top:16px;color:#7d8a82;font-size:13px}
form{display:grid;gap:12px;max-width:520px;margin-top:22px}
input,textarea,select{font:inherit;padding:11px 12px;border:1px solid var(--line);background:#fff;border-radius:2px}
button.send{font:inherit;background:var(--ink);color:#fff;border:0;padding:12px 22px;border-radius:2px;cursor:pointer;justify-self:start}
.note{display:none;background:#e7efe6;border:1px solid #cfe0cd;padding:11px 13px;font-size:14px;color:#2f4a3c}
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px}
.fact b{display:block;font-size:24px;color:var(--ink)}
.fact span{color:#6a7a70;font-size:14px}
@media(max-width:820px){
 .g3,.g2,.foot-in,.gal,.facts{grid-template-columns:1fr}
 .burger{display:block}
 .nav{display:none;width:100%}
 body.nav-open .nav{display:block;padding-bottom:14px}
 .nav a{display:block;margin:10px 0 0}
 .bar-in{flex-wrap:wrap}
}