/* Thema 1 — Warm & spa: zacht, rond, natuurlijk, serif-koppen */
:root{
  --bg:#f7f1ea;--surface:#fffaf4;--surface2:#efe5d9;--ink:#3a2e28;--muted:#7a6a60;--line:rgba(58,46,40,.13);
  --accent2:#8d9b85;--dark:#3a2e28;--dark-ink:#f7f1ea;--dark-muted:rgba(247,241,234,.72);
  --font-h:'Cormorant Garamond',Georgia,serif;--font-b:'Jost',system-ui,sans-serif;--h-weight:500;--h-ls:-.01em;--h-lh:1.05;
  --r:18px;--r-lg:30px;--r-btn:999px;--shadow:0 14px 40px rgba(90,60,40,.09);--shadow-lg:0 30px 70px rgba(90,60,40,.16);
  --map-bg:#eadfd2;--map-road:#fffaf4;
}
body{font-size:17.5px}
.h1{font-size:clamp(2.8rem,6.2vw,5.4rem)}
.h2{font-size:clamp(2.2rem,4vw,3.5rem)}
.h3{font-family:var(--font-h);font-size:1.55rem;font-weight:600}
h1 em,h2 em,.h1 em,.h2 em{font-style:italic;color:var(--accent);font-weight:500}
.eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:.76rem;letter-spacing:.28em;font-weight:500;color:var(--accent)}
.eyebrow::before{content:"";width:28px;height:1px;background:currentColor}
.sec-head.center .eyebrow::after{content:"";width:28px;height:1px;background:currentColor}
.btn{letter-spacing:.04em;font-weight:500}
.btn-ghost{border-color:color-mix(in srgb,var(--ink) 35%,transparent)}
.logo{font-size:1.6rem;font-weight:600;font-style:italic}
.logo-mark{border-radius:50%}
.hdr{background:color-mix(in srgb,var(--bg) 82%,transparent)}
/* hero: boogvormige foto */
.hero-split{background:radial-gradient(1200px 500px at 85% 0%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 60%)}
.arch{border-radius:999px 999px var(--r-lg) var(--r-lg);aspect-ratio:4/5.2}
.hero-badge{border-radius:20px}
.deco-circle{width:200px;height:200px;right:auto;left:-50px;top:auto;bottom:-40px;border-color:var(--accent2)}
.hero-full .hero-shade{background:linear-gradient(90deg,rgba(40,28,20,.62),rgba(40,28,20,.3) 55%,rgba(40,28,20,0) 85%),linear-gradient(180deg,rgba(58,40,30,.15),rgba(58,40,30,.78))}
.hero-full .h1{font-style:normal}
.hero-center .hero-img{border-radius:300px 300px var(--r-lg) var(--r-lg)}
.blob{opacity:.22}
/* blokken */
.ti-img{border-radius:220px 220px var(--r-lg) var(--r-lg);aspect-ratio:4/4.6}
.ti.rev .ti-img{border-radius:var(--r-lg) var(--r-lg) 220px 220px}
.ti-img2{border-radius:50%;border-color:var(--bg)}
.ti-stat{border-radius:50%;width:132px;height:132px;padding:0;align-items:center;justify-content:center;text-align:center;background:var(--accent2)}
.ti-stat strong{font-size:2.3rem}
.feat{background:var(--surface);border:0;box-shadow:var(--shadow);text-align:center;padding:40px 30px}
.feat-ic{margin:0 auto 20px;border-radius:50%;width:64px;height:64px;background:color-mix(in srgb,var(--accent2) 20%,transparent);color:var(--ink)}
.feat-n{display:none}
.card{border:0;box-shadow:var(--shadow)}
.card-media{margin:12px 12px 0;border-radius:calc(var(--r-lg) - 8px);overflow:hidden}
.sec.bg-soft{background:var(--surface2) radial-gradient(800px 300px at 10% 0%,rgba(255,255,255,.5),transparent)}
.sec.bg-dark{background:#3a2e28}
.review{border:0;box-shadow:var(--shadow);text-align:center;align-items:center}
.review blockquote{font-family:var(--font-h);font-size:1.4rem;line-height:1.35;font-style:italic}
.rv-who{flex-direction:column;gap:6px}
.rv-av{background:var(--accent2)}
.stars{color:var(--accent)}
.cta-box{background:var(--accent2);text-align:center}
.cta-box .cta-in{margin:0 auto}
.cta-box .btns{justify-content:center}
.m-img{border-radius:999px 999px var(--r-lg) var(--r-lg)}
.step{text-align:center;border:0;box-shadow:var(--shadow)}
.step-n{margin:0 auto 18px;background:transparent;color:var(--accent);border:1.5px solid var(--accent);font-style:italic}
.faq-it{border:0;box-shadow:var(--shadow)}
.stat strong{font-style:italic;font-weight:500}
.pagehead{text-align:center;background:var(--surface2) radial-gradient(700px 260px at 50% 0%,rgba(255,255,255,.6),transparent)}
.pagehead .eyebrow{justify-content:center}
.pagehead .lead{margin-inline:auto}
.pagehead.has-img .ph-shade{background:rgba(50,34,26,.55)}
.gal-it{border-radius:24px}
.gal-it:nth-child(6n+1){border-radius:200px 200px 24px 24px}
.ftr{background:#2f2520}
.big-quote{font-style:italic}
.cform{border:0}
.tl-dot{border-color:var(--accent2)}
