:root{
  --bg:#fffdf9;
  --ink:#111;
  --ink2:#4b5563;
  --accent:#2b6cb0;
  --card:#ffffff;
  --line:#eee;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  color:var(--ink); background:var(--bg); line-height:1.6;
}
a{color:var(--accent); text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:1100px; margin:0 auto; padding:0 20px}
header.hero{padding:40px 0 20px; text-align:center}
h1{font-size:clamp(28px,6vw,44px); margin:0 0 8px}
.lead{max-width:900px; margin:0 auto; color:var(--ink2); font-size:clamp(16px,2.6vw,20px)}
.cta{display:flex; gap:12px; justify-content:center; flex-wrap:wrap; margin-top:16px}
.btn{display:inline-block; padding:12px 18px; border-radius:10px; font-weight:700; color:#fff; background:var(--accent)}
.btn.alt{background:#d4dded; color:#111}
section{padding:28px 0}
h2{font-size:clamp(22px,4.5vw,30px); margin:0 0 12px}
.grid{display:grid; grid-template-columns: repeat(auto-fit,minmax(260px,1fr)); gap:18px}
.card{background:var(--card); border:1px solid var(--line); border-radius:14px; padding:18px}
ul.clean{list-style:none; padding:0; margin:0}
ul.clean li{margin:10px 0; padding-left:22px; position:relative}
ul.clean li::before{content:"•"; position:absolute; left:0; color:#999}
.badge{display:inline-block; padding:4px 10px; border-radius:999px; background:#dcfce7; color:#14532d; font-weight:700; font-size:13px}
.muted{color:var(--ink2)}
.gallery{display:grid; grid-template-columns: repeat(auto-fit,minmax(190px,1fr)); gap:12px}
.gallery img{width:100%; height:100%; object-fit:cover; border-radius:12px}
nav.top{border-bottom:1px solid var(--line); background:white}
nav.top .wrap{display:flex; align-items:center; gap:20px; justify-content:space-between; padding:12px 20px}
nav .brand{font-weight:800}
.navlinks{display:flex; gap:16px; flex-wrap:wrap}
footer{padding:28px 0; text-align:center; color:var(--ink2)}
.back{display:inline-block; margin:8px 0 16px}
.hero-img{width:100%; border-radius:16px; border:1px solid var(--line)}
h3.inline{margin:0 0 4px}
.rate{font-weight:800}
.btn.alt.pics{
  background: #d68420;   
  color: #fff;           
}
.btn.alt.pics:hover{
  filter: brightness(0.95);   
}