:root{--accent:#2e5a4f;--soft:#f1f4f2;--ink:#1f2624;--muted:#6f6a66;--line:#e2ddd5}
*{box-sizing:border-box}
body{margin:0;font:17px/1.65 Garamond, Georgia, serif;color:var(--ink);background:var(--soft)}
a{color:var(--accent)}
img{max-width:100%;height:auto;display:block}
.wrap{max-width:980px;margin:0 auto;padding:0 24px}
header{border-bottom:1px solid var(--line);background:#fff}
header .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding-top:18px;padding-bottom:18px}
.brand{font-size:1.45rem;color:var(--ink);text-decoration:none;letter-spacing:.02em}
.brand span{color:var(--accent)}
nav a{color:var(--muted);margin-left:20px;text-decoration:none;font-size:.95rem}
nav a:hover,nav a.on{color:var(--accent)}
.hero{position:relative;height:380px;overflow:hidden;background:#ddd}
.hero img{width:100%;height:100%;object-fit:cover}
.hero .cap{position:absolute;left:0;right:0;bottom:0;padding:28px 0;background:linear-gradient(transparent,rgba(0,0,0,.55));color:#fff}
.hero h1{margin:0;font-weight:normal;font-size:2.4rem}
main{padding:36px 0 48px}
h1,h2,h3{font-weight:normal;line-height:1.25}
h2{font-size:1.6rem;margin:2.2rem 0 1rem}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:22px}
.card{background:#fff;border:1px solid var(--line);border-radius:6px;overflow:hidden}
.card img{aspect-ratio:4/3;width:100%;height:auto;object-fit:cover}
.card .b{padding:14px 16px}
.card h3{margin:0 0 6px;font-size:1.15rem}
.price{color:var(--accent);font-size:.95rem}
.posts li{margin:0 0 14px}
.date{color:var(--muted);font-size:.85rem}
.team{display:flex;flex-wrap:wrap;gap:24px}
.team div{min-width:200px}
dl dt{font-weight:bold;margin-top:1.2rem}
dl dd{margin:.3rem 0 0}
article img{border-radius:6px;margin:1rem 0 1.5rem;width:100%;aspect-ratio:12/5;object-fit:cover}
footer{border-top:1px solid var(--line);background:#fff;color:var(--muted);font-size:.85rem}
footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-top:20px;padding-bottom:28px}
@media (max-width:640px){.hero{height:260px}.hero h1{font-size:1.8rem}nav a{margin:0 14px 0 0}}