
:root{
  --bg:#fffdf8;
  --ink:#2d2a26;
  --accent:#1f6f6b;
  --gold:#b08d57;
}
*{box-sizing:border-box}
body{
  margin:0;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  color:var(--ink);
  background:var(--bg);
  line-height:1.6;
}
header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:16px 24px;
  position:sticky;
  top:0;
  background:rgba(255,253,248,.9);
  backdrop-filter:saturate(180%) blur(8px);
  border-bottom:1px solid #eee0c9;
  z-index:10;
}
header img{height:48px;width:48px;border-radius:50%}
nav a{
  margin:0 12px;
  text-decoration:none;
  color:var(--ink);
  font-weight:600;
}
nav a.cta{padding:10px 14px;border:1px solid var(--accent);border-radius:999px;color:var(--accent)}
.hero{
  min-height:70vh;
  display:grid;
  align-items:end;
  padding:0;
  background-size:cover;
  background-position:center;
  color:white;
  position:relative;
}
.hero::after{
  content:"";
  position:absolute;inset:0;background:linear-gradient(to top, rgba(0,0,0,.5), rgba(0,0,0,.1));
}
.hero .wrap{
  position:relative;z-index:1;padding:48px 24px;max-width:1100px;margin:0 auto;
}
h1{font-family:Georgia, 'Times New Roman', serif; font-size: clamp(32px, 5vw, 56px);margin:0 0 8px}
.lede{font-size:clamp(16px,2.2vw,22px);max-width:60ch}
.section{padding:48px 24px;max-width:1100px;margin:0 auto}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.card{border:1px solid #eee0c9;border-radius:12px;background:white;overflow:hidden;display:flex;flex-direction:column}
.card img{width:100%;height:180px;object-fit:cover}
.card .p{padding:16px}
footer{padding:32px 24px;text-align:center;border-top:1px solid #eee0c9;color:#6b645b}
button, .btn{background:var(--accent);color:white;border:none;border-radius:10px;padding:10px 14px;cursor:pointer;text-decoration:none;display:inline-block}
.badge{display:inline-block;padding:6px 10px;border-radius:999px;border:1px solid var(--gold);color:var(--gold);font-size:12px;margin-right:8px}
ul.clean{list-style:none;padding-left:0}
.contact{display:grid;grid-template-columns:1fr;gap:16px;max-width:640px}
input,textarea{width:100%;padding:12px;border:1px solid #ddd9cf;border-radius:8px;background:#fff}
