:root{--terra:#7D3A20;--terra2:#a6512b;--cream:#eee2d4;--paper:#f6efe6;--ink:#29231e;--muted:#71685f;--line:#d9cfc1;--sage:#69715d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Avenir Next',Avenir,'Segoe UI',Helvetica,Arial,sans-serif;line-height:1.65}.nav{height:82px;display:flex;align-items:center;padding:0 5vw;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(246,239,230,.95);backdrop-filter:blur(12px);z-index:20;gap:34px}.brand,h1,h2,h3{font-family:Didot,'Bodoni MT','Bodoni 72','Times New Roman',serif;font-weight:400}.brand{display:flex;align-items:center;gap:13px;color:var(--ink);text-decoration:none;margin-right:auto}.brand-mark{width:46px;height:46px;display:flex;align-items:center;justify-content:center;flex:0 0 46px}.brand-mark img{width:100%;height:100%;object-fit:contain;display:block}.brand-name{font-family:Didot,'Bodoni MT','Bodoni 72','Times New Roman',serif;font-size:25px;line-height:1;letter-spacing:-.02em}.nav nav{display:flex;gap:26px}.nav nav a,.text-link{color:var(--ink);text-decoration:none;font-size:14px}.nav nav a{position:relative;font-weight:600;padding:8px 0}.nav nav a::after{content:'';position:absolute;left:0;right:100%;bottom:2px;height:2px;background:var(--terra);transition:right .22s ease}.nav nav a:hover::after,.nav nav a:focus-visible::after{right:0}.button{display:inline-block;background:var(--terra);color:#fff;text-decoration:none;padding:14px 23px;border-radius:999px;font-size:14px}.button.small{padding:10px 18px}.menu{display:none;border:0;background:none;font-size:22px}.hero{min-height:700px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;padding:64px 8vw 76px;gap:8vw}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:700;color:var(--terra);margin-bottom:20px}.hero h1{font-size:clamp(64px,8vw,122px);line-height:.96;letter-spacing:-.055em;margin:0 0 32px}.lead{font-family:Didot,'Bodoni MT','Bodoni 72','Times New Roman',serif;font-size:26px;max-width:570px;line-height:1.35}.intro{max-width:570px;color:var(--muted);font-size:16px}.actions{display:flex;align-items:center;gap:24px;margin-top:34px}.whatsapp-link{color:var(--terra);font-size:14px;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(125,58,32,.35);padding-bottom:2px;transition:border-color .2s ease}.whatsapp-link:hover,.whatsapp-link:focus-visible{border-color:var(--terra)}.hero-art{height:500px;max-width:500px;aspect-ratio:1/1;background:var(--terra);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:48% 52% 43% 57% / 38% 44% 56% 62%;transform:rotate(1.5deg)}.hero-art img{height:100%;width:100%;object-fit:cover;mix-blend-mode:screen;opacity:.94;transform:rotate(-1.5deg) scale(1.04)}.statement{text-align:center;background:var(--cream);padding:92px 20px}.statement p{color:var(--ink);text-transform:uppercase;letter-spacing:.15em;font-size:12px;font-weight:700}.statement h2{font-size:clamp(42px,5vw,72px);margin:10px 0}.split,.about{display:grid;grid-template-columns:1fr 1fr;gap:9vw;padding:105px 9vw}.split h2,.about h2,.journey h2,.faq h2{font-size:clamp(42px,5vw,68px);line-height:1.05;margin:0}.split>div:last-child{font-size:18px;color:var(--muted);padding-top:40px}.treatments{background:#eadccc;padding:96px 8vw}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:55px}.section-head h2{font-size:60px;margin:0}.section-head p{max-width:420px;color:var(--muted)}.cards{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.cards article{background:var(--paper);padding:45px;min-height:370px}.card-mark,.step-mark{width:42px;height:1px;background:var(--terra);margin-bottom:34px}.card-mark.light{background:#e7cdbb}.cards h3{font-size:38px;margin:45px 0 15px}.cards p{color:var(--muted);max-width:530px}.cards .accent{background:var(--terra);color:var(--cream)}.cards .accent p{color:var(--cream)}.quote{font-family:Didot,'Bodoni MT','Bodoni 72','Times New Roman',serif;font-size:28px!important;font-style:italic;margin-top:65px}.meta{border-top:1px solid var(--line);margin-top:45px;padding-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.meta em{text-align:right;color:var(--muted)}.about{align-items:center}.symbol-wrap{height:600px;background:var(--terra);border-radius:44% 56% 50% 50% / 38% 42% 58% 62%;overflow:hidden;display:flex;align-items:center;justify-content:center}.symbol-wrap img{height:82%;mix-blend-mode:screen}.about p:not(.eyebrow){font-size:18px;color:var(--muted)}.placeholder{font-style:italic;border-left:2px solid var(--terra);padding-left:20px}.journey{padding:96px 8vw;background:var(--cream)}.steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px;border-top:1px solid #cfc4b5}.steps>div{padding:30px 35px 20px 0;border-right:1px solid #cfc4b5}.steps>div+div{padding-left:35px}.step-mark{margin-bottom:22px}.steps h3{font-size:28px}.steps p{color:var(--muted)}.faq{padding:105px 15vw}.faq h2{margin-bottom:60px}.faq details{border-top:1px solid var(--line);padding:22px 0}.faq details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-family:Didot,'Bodoni MT','Bodoni 72','Times New Roman',serif;font-size:22px}.faq details p{color:var(--muted);max-width:700px}.contact{background:var(--terra);color:var(--cream);text-align:center;padding:105px 20px}.eyebrow.light{color:#ead7c5}.contact h2{font-size:clamp(50px,7vw,92px);line-height:1;margin:0}.contact>p:not(.eyebrow){font-size:19px}.center{justify-content:center}.button.cream{background:var(--cream);color:var(--terra)}.button.ghost{background:transparent;border:1px solid #d9bba7}footer{padding:45px 6vw;display:flex;align-items:center;gap:40px;color:var(--muted);font-size:12px}footer div{width:150px;height:70px;overflow:hidden}footer img{width:100%;transform:translateY(-16%)}footer p:last-child{margin-left:auto}.menu.open+*{}@media(max-width:800px){.nav{height:68px;padding:0 20px}.nav nav,.nav>.button{display:none}.menu{display:block}.hero{grid-template-columns:1fr;padding:65px 22px 55px;gap:50px;min-height:auto}.hero h1{font-size:64px}.lead{font-size:22px}.actions{align-items:flex-start;flex-direction:column}.hero-art{height:auto;width:min(430px,92vw);justify-self:center}.statement{padding:80px 20px}.split,.about{grid-template-columns:1fr;padding:85px 24px;gap:45px}.split>div:last-child{padding-top:0}.section-head{display:block}.section-head h2{font-size:48px}.cards{grid-template-columns:1fr}.cards article{padding:32px;min-height:330px}.treatments{padding:80px 20px}.symbol-wrap{height:430px}.journey{padding:80px 22px}.steps{grid-template-columns:1fr}.steps>div,.steps>div+div{padding:25px 0;border-right:0;border-bottom:1px solid #cfc4b5}.faq{padding:85px 24px}.contact{padding:90px 20px}.contact .actions{align-items:center}.contact .button{width:min(320px,100%);text-align:center}footer{flex-direction:column;align-items:flex-start;gap:10px}footer p:last-child{margin-left:0}}

@media(max-width:520px){.brand{gap:10px}.brand-mark{width:38px;height:38px;flex-basis:38px}.brand-mark img{width:100%;height:100%}.brand-name{font-size:21px}}

/* Prototype 1.5 — cleaner brand treatment */
.nav{height:92px}
.brand{gap:15px}
.brand-mark{width:58px;height:58px;flex-basis:58px}
.brand-mark img{width:100%;height:100%;object-fit:contain;display:block}
.brand-name{font-size:31px}
.hero-art{height:auto;max-width:520px;aspect-ratio:auto;background:transparent;overflow:visible;border-radius:0;transform:none;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px 12px}
.hero-art img{width:min(360px,90%);height:auto;max-height:470px;object-fit:contain;mix-blend-mode:normal;opacity:1;transform:none;display:block}
.hero-brand{text-align:center;margin-top:8px}
.hero-brand span{display:block;font-family:Didot,'Bodoni MT','Bodoni 72','Times New Roman',serif;font-size:clamp(34px,3.6vw,52px);line-height:1.05;letter-spacing:-.03em}
.hero-brand small{display:block;margin-top:10px;text-transform:uppercase;letter-spacing:.17em;font-size:10px;font-weight:700;color:var(--terra)}
.photo-placeholder{min-height:520px;border:1px solid var(--line);background:var(--cream);display:flex;align-items:center;justify-content:center;text-align:center;padding:40px;color:var(--muted);font-size:13px;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:800px){.nav{height:76px}.brand-mark{width:48px;height:48px;flex-basis:48px}.brand-name{font-size:26px}.hero-art{width:100%;padding-top:0}.hero-art img{width:min(300px,78vw)}.photo-placeholder{min-height:380px}}
@media(max-width:520px){.brand-mark{width:44px;height:44px;flex-basis:44px}.brand-name{font-size:24px}}

/* Prototype 1.6 — stronger header brand, simplified hero mark */
.brand{gap:16px}
.brand-mark{width:68px;height:68px;flex-basis:68px}
.brand-mark img{filter:saturate(1.28) contrast(1.16);transform:scale(1.04)}
.brand-name{font-size:34px;font-weight:500}
.hero-art{padding:0;min-height:500px}
.hero-art img{width:min(405px,96%);max-height:535px;filter:saturate(1.12) contrast(1.05)}
@media(max-width:800px){.brand-mark{width:54px;height:54px;flex-basis:54px}.brand-name{font-size:28px}.hero-art{min-height:auto}.hero-art img{width:min(330px,82vw)}}
@media(max-width:520px){.brand-mark{width:48px;height:48px;flex-basis:48px}.brand-name{font-size:25px}}


/* Prototype 1.7 — desktop proportion and brand polish */
@media(min-width:801px){
  .nav{height:86px}
  .brand-mark{width:72px;height:72px;flex-basis:72px}
  .brand-mark img{filter:saturate(1.42) contrast(1.24);transform:scale(1.07)}
  .brand-name{font-size:35px}
  .hero{min-height:620px;grid-template-columns:1.38fr .62fr;padding:58px 7.5vw 64px;gap:4.5vw}
  .hero-copy{max-width:760px}
  .hero-art{min-height:430px;max-width:420px;justify-self:start;transform:translateX(-1vw)}
  .hero-art img{width:min(370px,100%);max-height:460px;filter:saturate(1.24) contrast(1.1)}
}
footer .footer-brand{width:auto;height:auto;overflow:visible;display:flex;align-items:center;gap:12px;color:var(--ink)}
footer .footer-brand img{width:52px;height:62px;object-fit:contain;transform:none;filter:saturate(1.25) contrast(1.12)}
footer .footer-brand span{font-family:Didot,'Bodoni MT','Bodoni 72','Times New Roman',serif;font-size:22px;white-space:nowrap}

/* Prototype 1.8 — mobile refinement pass */
@media(max-width:800px){
  .hero{padding:56px 22px 34px;gap:22px}
  .hero-art{min-height:0;padding:0;margin-top:2px}
  .hero-art img{width:min(220px,58vw);max-height:275px}
  .statement{padding:64px 20px}
  .split,.about{padding:68px 24px;gap:34px}
  .treatments{padding:66px 20px}
  .section-head{margin-bottom:38px}
  .cards article{min-height:0}
  .about .photo-placeholder{min-height:320px}
  .journey{padding:66px 22px}
  .steps{margin-top:46px}
  .steps>div,.steps>div+div{padding:20px 0}
  .steps h3{margin:12px 0 10px}
  .step-mark{margin-bottom:14px}
  .faq{padding:68px 24px}
  .faq h2{margin-bottom:42px}
  .contact{padding:72px 20px}
  footer{padding-top:34px;padding-bottom:34px}
}
@media(max-width:520px){
  .hero h1{font-size:58px}
  .hero-art img{width:min(200px,54vw)}
}


/* Prototype 1.9 — functional mobile navigation */
.mobile-nav{display:none}
@media(max-width:800px){
  .nav{position:sticky}
  .menu{position:relative;z-index:22;cursor:pointer;width:42px;height:42px;padding:0;align-items:center;justify-content:center;color:var(--ink);font-family:Arial,sans-serif;line-height:1}
  .menu span{display:block;font-size:25px;line-height:1;transform:translateY(-1px)}
  .mobile-nav{position:absolute;left:0;right:0;top:100%;background:rgba(246,239,230,.985);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 20px 22px;box-shadow:0 12px 28px rgba(41,35,30,.08);flex-direction:column;gap:0}
  .mobile-nav.open{display:flex}
  .mobile-nav a{color:var(--ink);text-decoration:none;font-size:16px;font-weight:600;padding:13px 2px;border-bottom:1px solid rgba(217,207,193,.72)}
  .mobile-nav a:last-child{border-bottom:0}
  .mobile-nav .mobile-cta{display:block;margin-top:14px;padding:12px 18px;border-radius:999px;background:var(--terra);color:#fff;text-align:center;border-bottom:0}
}

/* Prototype 2.0 — real iPhone QA fixes */
/* Use a custom disclosure marker so iOS Safari cannot render the native marker as an emoji. */
.faq summary{list-style:none;position:relative;padding-right:34px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::marker{content:""}
.faq summary::after{content:"+";position:absolute;right:2px;top:50%;transform:translateY(-50%);font-family:'Avenir Next',Avenir,'Segoe UI',Helvetica,Arial,sans-serif;font-size:25px;font-weight:300;line-height:1;color:var(--terra)}
.faq details[open] summary::after{content:"−"}

@media(max-width:520px){
  /* Didot's deep g descender needs a little more breathing room on real iOS Safari. */
  .hero h1{line-height:1.06;letter-spacing:-.05em}
}

/* Prototype 2.1 — Duygu feedback */
.brand-name{color:var(--terra)}
@media(min-width:801px){
  .hero{grid-template-columns:1.55fr .45fr;gap:4vw}
  .hero-copy{max-width:none}
  .hero h1{font-size:clamp(64px,6.1vw,96px);line-height:1;letter-spacing:-.05em;white-space:nowrap}
  .hero h1 .hero-break{display:none}
  .hero-art{justify-self:center}
}
@media(max-width:800px){
  .hero h1 .hero-break{display:block}
}


/* Prototype 2.2 — exact brand colour + Duygu desktop refinements */
footer .footer-brand{color:var(--terra)}
@media(min-width:801px){
  .lead{max-width:none;white-space:nowrap}
  .hero-art img{width:min(460px,100%);max-height:560px}
}

/* Prototype 2.4 — contrast and hero-mark polish */
:root{--muted:#5F5047}
@media(min-width:801px){
  .hero-art img{transform:rotate(-1.5deg) scale(1.22)}
}


/* Prototype 2.5 — Duygu-selected boxed header mark */
.brand-mark{
  width:60px;
  height:60px;
  flex-basis:60px;
  background:var(--terra);
  border-radius:8px;
  overflow:hidden;
  padding:8px;
}
.brand-mark img{
  width:100%;
  height:100%;
  object-fit:contain;
  transform:none;
  filter:brightness(0) invert(96%) sepia(10%) saturate(390%) hue-rotate(337deg) brightness(103%) contrast(94%);
}
@media(max-width:800px){
  .brand-mark{width:50px;height:50px;flex-basis:50px;padding:7px;border-radius:7px}
}
@media(max-width:520px){
  .brand-mark{width:46px;height:46px;flex-basis:46px;padding:6px;border-radius:6px}
}

/* Prototype 2.6 — match footer branding to boxed header mark */
footer .footer-brand{
  display:flex;
  align-items:center;
  gap:12px;
  width:auto;
  height:auto;
  overflow:visible;
  color:var(--terra);
}
footer .footer-brand img{
  width:52px;
  height:52px;
  flex:0 0 52px;
  object-fit:contain;
  transform:none;
  background:var(--terra);
  border-radius:7px;
  padding:7px;
  filter:brightness(0) invert(96%) sepia(10%) saturate(390%) hue-rotate(337deg) brightness(103%) contrast(94%);
}
footer .footer-brand span{
  color:var(--terra);
}


/* Prototype 2.7 — footer mark fix: filter only the symbol, not the terracotta tile */
footer .footer-brand .footer-mark{
  width:52px;
  height:52px;
  flex:0 0 52px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--terra);
  border-radius:7px;
  padding:7px;
  overflow:hidden;
}
footer .footer-brand .footer-mark img{
  width:100%;
  height:100%;
  object-fit:contain;
  transform:none;
  background:transparent;
  border-radius:0;
  padding:0;
  filter:brightness(0) invert(96%) sepia(10%) saturate(390%) hue-rotate(337deg) brightness(103%) contrast(94%);
}

/* Prototype 2.8 — Duygu layout feedback: hero mark positioning */
@media(min-width:801px){
  /* Centre the decorative mark more naturally in the whitespace beside the headline. */
  .hero-art{transform:translateX(-3.25vw)}
}
@media(max-width:800px){
  /* The large decorative mark feels detached below the CTA on mobile; the header mark remains. */
  .hero-art{display:none}
  .hero{gap:0;padding-bottom:55px}
}


/* Prototype 2.9 — confirmed content, contact form, location and bilingual UI */
.hero{position:relative}
.hero-location{position:absolute;top:18px;left:7.5vw;margin:0;text-transform:uppercase;letter-spacing:.2em;font-size:11px;font-weight:700;color:var(--terra)}
.email-link{color:var(--terra);font-size:14px;font-weight:700;text-decoration:none;border-bottom:1px solid rgba(125,58,32,.35);padding-bottom:2px}
.language-toggle,.mobile-language{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}
.language-toggle a,.mobile-language a{border:0;background:transparent;padding:5px 2px;color:var(--muted);font:inherit;font-weight:700;cursor:pointer}
.language-toggle a.active,.mobile-language a.active{color:var(--terra);text-decoration:underline;text-underline-offset:3px}
.duration-note{font-size:13px!important;margin-top:18px!important}
.contact>p:not(.eyebrow){max-width:620px;margin-left:auto;margin-right:auto}
.contact-form{width:min(720px,100%);margin:42px auto 0;text-align:left;background:var(--paper);color:var(--ink);padding:34px;border-radius:3px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.contact-form label{display:block;font-size:13px;font-weight:700;margin-bottom:20px}
.contact-form label span{display:block;margin-bottom:7px}
.contact-form input,.contact-form textarea{width:100%;border:1px solid var(--line);background:#fffaf4;color:var(--ink);font:inherit;padding:12px 14px;border-radius:2px;outline:none}
.contact-form input:focus,.contact-form textarea:focus{border-color:var(--terra)}
.contact-form textarea{resize:vertical}
.form-submit{border:0;cursor:pointer;font:inherit}
.direct-email{font-size:14px!important;margin-top:24px!important}
.direct-email a,footer a{color:inherit;text-underline-offset:3px}
.mobile-language{display:none}
@media(max-width:1100px) and (min-width:801px){.nav{gap:18px}.nav nav{gap:16px}.brand-name{font-size:30px}.language-toggle{margin-left:-4px}}
@media(max-width:800px){.language-toggle{display:none}.mobile-language{display:flex;padding:5px 2px 8px;border-bottom:1px solid rgba(217,207,193,.72)}.hero-location{top:18px;left:22px}.hero{padding-top:72px}.form-row{grid-template-columns:1fr}.contact-form{padding:25px 20px}}
\n\n/* Prototype 3.0 — typography, Leiden image and refined contact */\n.split>div:last-child{font-size:16px;line-height:1.7}\n.about-photo{position:relative;min-height:520px;margin:0;overflow:hidden;background:var(--cream)}\n.about-photo img{width:100%;height:100%;min-height:520px;display:block;object-fit:cover;filter:saturate(.72) sepia(.08);transform:scale(1.01)}\n.about-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(41,35,30,.18),transparent 35%);pointer-events:none}\n.about-photo figcaption{position:absolute;left:18px;bottom:14px;z-index:1;color:#fff;font-size:10px;letter-spacing:.13em;text-transform:uppercase;text-shadow:0 1px 8px rgba(0,0,0,.35)}\n.contact{padding:110px 8vw;background:var(--terra);text-align:left}\n.contact-layout{width:min(1180px,100%);margin:0 auto;display:grid;grid-template-columns:.78fr 1.22fr;gap:8vw;align-items:start}\n.contact-copy{padding-top:18px}\n.contact .contact-copy h2{font-family:Didot,'Bodoni MT','Bodoni 72','Times New Roman',serif;font-weight:400;font-size:clamp(48px,5vw,74px);line-height:1.02;margin:8px 0 25px;color:#fff}\n.contact .contact-copy>p:not(.eyebrow){max-width:430px;margin:0;color:#f3e9df;font-size:16px;line-height:1.7}\n.contact-email-button{display:inline-flex;flex-direction:column;gap:3px;margin-top:34px;color:#fff;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.45);padding-bottom:7px;font-size:13px}\n.contact-email-button span{opacity:.76}\n.contact-email-button strong{font-size:15px;font-weight:600}\n.contact-form{width:100%;margin:0;background:rgba(246,239,230,.98);color:var(--ink);padding:42px 44px 38px;border-radius:2px;box-shadow:0 18px 50px rgba(53,23,12,.12)}\n.contact-form label{font-size:12px;letter-spacing:.04em;font-weight:700;margin-bottom:28px}\n.contact-form label span{margin-bottom:4px}\n.contact-form input,.contact-form textarea{border:0;border-bottom:1px solid #c9b9a9;background:transparent;padding:11px 2px 10px;border-radius:0;transition:border-color .2s ease,box-shadow .2s ease}\n.contact-form input:focus,.contact-form textarea:focus{border-color:var(--terra);box-shadow:0 1px 0 var(--terra)}\n.contact-form textarea{min-height:130px;resize:vertical}\n.form-submit{border:0;background:var(--terra);color:#fff;cursor:pointer;font:inherit;font-size:14px;padding:14px 22px;border-radius:999px;display:inline-flex;gap:14px;align-items:center}\n.form-submit:hover{filter:brightness(.94)}\n@media(max-width:800px){.split>div:last-child{font-size:16px}.about-photo,.about-photo img{min-height:360px}.contact{padding:78px 22px}.contact-layout{grid-template-columns:1fr;gap:42px}.contact-copy{padding-top:0}.contact .contact-copy h2{font-size:50px}.contact-form{padding:30px 24px}.contact-email-button{margin-top:25px}}\n

/* Prototype 3.1 — Ervaringen section */
.testimonials{padding:105px 8vw;background:var(--cream);display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:center;border-top:1px solid rgba(217,207,193,.55)}
.testimonials-head h2{font-family:Didot,'Bodoni MT','Bodoni 72','Times New Roman',serif;font-weight:400;font-size:clamp(48px,5vw,76px);line-height:1.04;margin:10px 0 0;color:var(--ink)}
.testimonial-preview{position:relative;padding:48px 50px 42px;border-left:1px solid rgba(125,58,32,.35);max-width:610px}
.testimonial-preview .quote-mark{position:absolute;top:-10px;left:42px;font-family:Georgia,serif;font-size:78px;line-height:1;color:var(--terra);opacity:.32}
.testimonial-preview p{position:relative;margin:0;font-family:Didot,'Bodoni MT','Bodoni 72','Times New Roman',serif;font-size:25px;line-height:1.45;color:var(--ink)}
.coming-soon{display:inline-block;margin-top:24px;text-transform:uppercase;letter-spacing:.16em;font-size:10px;font-weight:700;color:var(--terra)}
@media(max-width:800px){.testimonials{padding:75px 22px;grid-template-columns:1fr;gap:36px}.testimonials-head h2{font-size:48px}.testimonial-preview{padding:36px 24px 30px}.testimonial-preview .quote-mark{left:18px}.testimonial-preview p{font-size:22px}}

/* Prototype 3.2 — repair temporary Leiden image and contact email link */
.about{grid-template-columns:minmax(0,1fr) minmax(0,1fr);overflow:hidden}
.about-photo{width:100%;height:560px;min-height:0;overflow:hidden}
.about-photo img{width:100%;height:100%;min-height:0;object-fit:cover;object-position:center center;display:block;transform:none}
.contact-email-button,.contact-email-button:link,.contact-email-button:visited{color:#fff!important}
.contact-email-button:hover,.contact-email-button:focus-visible{color:#fff!important;border-bottom-color:#fff}
@media(max-width:800px){.about-photo{height:390px;min-height:0}.about-photo img{height:100%;min-height:0;object-position:center center}}

/* Prototype 3.3 — align experiences + clarify contact form */
.testimonials{display:block;padding:88px 8vw 82px}
.testimonials-head,.testimonial-preview{width:min(1180px,100%);margin-left:auto;margin-right:auto}
.testimonials-head h2{font-size:clamp(44px,4.4vw,66px)}
.testimonial-preview{margin-top:32px;padding:32px 0 0 44px;border-left:1px solid rgba(125,58,32,.35);max-width:1180px}
.testimonial-preview .quote-mark{top:-16px;left:22px}
.testimonial-preview p{max-width:650px;font-size:23px}
.contact-form textarea{min-height:120px;border:1px solid #c9b9a9!important;background:#fffaf4!important;padding:14px!important;border-radius:2px!important;box-shadow:none!important}
.contact-form textarea:focus{border-color:var(--terra)!important;box-shadow:0 0 0 1px var(--terra)!important}
.form-submit{background:var(--terra)!important;color:#fff!important;border:1px solid var(--terra)!important;font-weight:600;min-height:46px;padding:13px 22px!important}
@media(max-width:800px){.testimonials{padding:68px 22px 64px}.testimonials-head h2{font-size:44px}.testimonial-preview{margin-top:25px;padding:30px 0 0 24px}.testimonial-preview .quote-mark{left:8px}.testimonial-preview p{font-size:21px}.contact-form textarea{min-height:110px}}

/* Prototype 3.4 — mobile About section: intentional single-column portrait flow */
@media(max-width:800px){
  .about{
    display:flex;
    flex-direction:column;
    grid-template-columns:none;
    overflow:visible;
    padding:68px 24px;
    gap:0;
  }
  .about>div{display:contents}
  .about .eyebrow{order:1;margin:0 0 16px}
  .about h2{order:2;margin:0 0 30px;font-size:clamp(42px,12vw,54px);line-height:1.04}
  .about-photo{
    order:3;
    width:100%;
    height:auto;
    aspect-ratio:4/5;
    min-height:0;
    margin:0 0 30px;
    overflow:hidden;
  }
  .about-photo img{
    width:100%;
    height:100%;
    min-height:0;
    object-fit:cover;
    object-position:center center;
    display:block;
  }
  .about p:not(.eyebrow){order:4;font-size:16px;line-height:1.7;margin-top:0}
  .about .placeholder{order:5;margin-top:8px}
}

/* v3.5: editorial story and responsive accessibility */
.about{min-width:0}.about>*{min-width:0}.about-photo{min-width:0}.about-photo img{display:block;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:center 42%}.story-link{display:inline-block;margin-top:20px;color:var(--terra);font-weight:700;text-underline-offset:5px}.parking{padding:90px 5vw;background:#eee2d4}.parking-inner{max-width:1200px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:64px;align-items:start}.parking h2{font-size:clamp(32px,4vw,54px);line-height:1.12}.parking h3{margin:28px 0 4px;font-size:19px}.parking p{margin-top:4px}.parking figure{margin:0;min-width:0}.parking img{width:100%;height:auto;display:block;border-radius:8px}.parking figcaption{font-size:12px;color:var(--muted);margin-top:9px}.story-page{padding:80px 5vw 100px;max-width:1280px;margin:auto}.story-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:65px;align-items:center}.story-hero h1{font-size:clamp(44px,5.4vw,76px);line-height:1.1}.story-hero img{width:100%;max-height:650px;aspect-ratio:4/5;object-fit:cover;object-position:center 35%;border-radius:6px}.story-intro{font-size:22px}.story-copy{max-width:780px;margin:65px auto 0;font-size:19px;line-height:1.85}.story-copy p{margin:0 0 25px}.story-copy h2{font-size:clamp(30px,4vw,44px);line-height:1.2;margin:50px 0 25px}.story-cta{text-align:center;margin-top:45px}.contact-form input[type=tel]{display:block;width:100%;min-width:0;padding:15px;background:#fffaf4;border:1px solid #d7c8b8;border-radius:3px}.contact-form textarea{background:#fffaf4;border:1px solid #d7c8b8;border-radius:3px;min-height:130px}.contact-email-button,.contact-email-button:visited{color:#f7ede1!important}.contact-form .form-submit{background:var(--terra);color:#fff;cursor:pointer;border:0;padding:14px 24px;border-radius:4px}
@media(max-width:800px){.about{display:flex!important;flex-direction:column!important;gap:28px!important;padding-left:6vw!important;padding-right:6vw!important}.about-photo{width:100%!important;max-width:100%!important;position:static!important;order:1}.about>div{width:100%!important;max-width:100%!important;order:0}.about-photo img{width:100%!important;aspect-ratio:4/5;height:auto!important;object-fit:cover}.parking{padding:60px 6vw}.parking-inner,.story-hero{grid-template-columns:1fr;gap:28px}.story-page{padding:50px 6vw 70px}.story-hero img{max-height:none;aspect-ratio:4/5}.story-copy{margin-top:40px;font-size:17px}.story-hero h1{font-size:clamp(38px,10vw,54px)}}

/* 3.6 — stable responsive layout and contact shortcut */
*,*::before,*::after{box-sizing:border-box}
html,body{max-width:100%;overflow-x:clip}
.floating-whatsapp{position:fixed;right:22px;bottom:22px;width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#823c25;color:#fff8f0;box-shadow:0 5px 20px rgba(42,20,13,.25);z-index:100;text-decoration:none;transition:transform .2s ease,background .2s ease}
.floating-whatsapp svg{width:28px;height:28px;display:block}
.floating-whatsapp:hover{transform:translateY(-3px);background:#6b301d}
.floating-whatsapp:focus-visible{outline:3px solid #d9bda4;outline-offset:3px}
@media(max-width:800px){
 .about{display:flex!important;flex-direction:column!important;gap:0!important}
 .about>div{display:flex!important;flex-direction:column!important;order:0!important;width:100%!important}
 .about-photo{order:1!important;aspect-ratio:4/5!important;height:auto!important;margin:24px 0 0!important}
 .about-photo img{width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center 38%!important}
 .floating-whatsapp{right:16px;bottom:16px;width:50px;height:50px}
 .contact-form{min-width:0!important}
}
@media(prefers-reduced-motion:reduce){.floating-whatsapp{transition:none}}

/* v3.7: clearly grouped travel information */
.parking-options{display:grid;gap:18px;margin:20px 0 16px}.parking-options>div{border-left:3px solid #8a432b;padding:4px 0 4px 18px}.parking-options h4{font-size:17px;font-weight:700;margin:0 0 7px;color:#783b29}.parking-options p{margin:0;line-height:1.65}.parking-note{font-size:13px;line-height:1.6;opacity:.78;margin:14px 0 24px!important}

/* Prototype 3.9: language control remains in the sticky header at every width */
@media (max-width:800px){
  .nav>.language-toggle{display:flex;align-items:center;flex:0 0 auto;margin-left:auto;margin-right:0;gap:5px;white-space:nowrap;}
  .nav>.language-toggle a{min-width:27px;min-height:38px;padding:7px 3px;font-size:12px;}
  .nav>.menu{display:flex;flex:0 0 38px;width:38px;height:40px;align-items:center;justify-content:center;margin-left:2px;}
  .nav{gap:9px;}
  .nav>.brand{min-width:0;margin-right:auto;gap:8px;}
  .nav .brand-name{font-size:clamp(17px,4.5vw,24px);white-space:nowrap;}
  .nav .brand-mark{width:37px;height:37px;flex-basis:37px;}
}
@media (max-width:360px){
  .nav{padding-left:12px;padding-right:12px;gap:5px;}
  .nav .brand-name{font-size:17px;}
  .nav .brand-mark{width:33px;height:33px;flex-basis:33px;}
  .nav>.language-toggle{gap:2px;}
}

/* Version 4.0 — centred desktop emblem, natural portrait framing */
@media (min-width:801px){
 .hero-art{justify-self:center!important;transform:none!important;margin-inline:auto!important;width:100%;}
 .hero-art img{display:block;margin-inline:auto!important;transform:none!important;}
 .about-photo{aspect-ratio:3/4;min-height:0;}
 .about-photo img{height:100%;min-height:0;object-fit:cover;object-position:center center;transform:none;filter:none;}
 .story-hero img{object-fit:contain!important;object-position:center!important;background:#eadccc;}
}
@media (max-width:800px){
 .about-photo{aspect-ratio:2/3!important;overflow:hidden;}
 .about-photo img{object-fit:contain!important;object-position:center!important;filter:none!important;transform:none!important;background:#eadccc;}
 .story-hero img{object-fit:contain!important;object-position:center!important;background:#eadccc;}
}

/* 4.2: final desktop emblem placement and uncropped client portrait */
@media (min-width:801px){
 .hero-art{position:relative;left:-55px;}
 .about-photo img{object-fit:contain!important;object-position:center center!important;background:#eadccc;}
}
@media (max-width:800px){.hero-art{left:auto;}}

.story-back-link{display:inline-block;margin:1.5rem 0 0;color:#823d25;text-decoration:underline;text-underline-offset:4px;font-weight:600}.story-back-link:hover{opacity:.75}

/* 4.7: clean, single-column homepage hero; foot as a quiet divider after treatment */
.hero{grid-template-columns:minmax(0,1fr)!important;min-height:0!important;padding:78px 8vw 90px!important}
.hero-copy{max-width:900px!important}
.hero h1{white-space:normal!important}
.hero .intro{max-width:710px}
.foot-divider{padding:54px 20px 64px;display:flex;justify-content:center;align-items:center;background:var(--paper)}
.foot-divider .hero-art{position:static!important;left:auto!important;transform:none!important;min-height:0!important;width:clamp(130px,19vw,230px)!important;max-width:none!important;margin:0!important;padding:0!important}
.foot-divider .hero-art img{width:100%!important;max-height:260px!important}
@media(max-width:800px){.hero{padding:58px 22px 65px!important}.foot-divider{padding:35px 20px 42px}.foot-divider .hero-art{width:145px!important}}

.massage-detail{padding:85px max(24px,calc((100vw - 1060px)/2)) 110px}
.massage-detail h1{font-size:clamp(44px,5.8vw,76px);line-height:1.08;letter-spacing:-.035em;margin:0 0 44px}
.massage-detail-copy{max-width:770px;font-size:18px;line-height:1.8;color:var(--muted)}
.massage-detail-copy p{margin:0 0 24px}
.massage-detail-copy h2{font-size:clamp(32px,4vw,48px);color:var(--ink);line-height:1.15;margin:55px 0 22px}
.massage-detail-copy ul{padding-left:24px;margin:0 0 28px}
.massage-detail-copy li{margin:0 0 13px}
@media(max-width:800px){.massage-detail{padding:65px 24px 80px}.massage-detail-copy{font-size:16px}}

/* 4.7.1: Restore emblem to hero, positioned farther left on desktop. */
@media(min-width:801px){
 .hero{grid-template-columns:1.55fr .45fr!important;min-height:620px!important;padding:58px 7.5vw 64px!important;gap:4vw!important}
 .hero-copy{max-width:none!important}
 .hero-art{display:flex!important;position:relative!important;left:-110px!important;transform:none!important;width:100%!important;max-width:420px!important;margin-inline:auto!important}
 .hero-art img{width:min(460px,100%)!important;max-height:560px!important}
}
@media(max-width:800px){.hero-art{display:none!important}.hero{grid-template-columns:1fr!important}}

/* 4.8: coherent editorial typography across all pages */
.story-page{max-width:1320px;margin:0 auto;padding:54px 5vw 95px}
.story-heading{margin:0 0 38px}
.story-heading h1,.massage-detail h1{font-family:Didot,'Bodoni MT','Bodoni 72','Times New Roman',serif!important;font-size:clamp(40px,4.35vw,64px)!important;font-weight:400!important;line-height:1.12!important;letter-spacing:-.035em!important;color:var(--ink)!important;margin:0!important}
.story-heading h1{white-space:nowrap}
.story-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(30px,5vw,76px);align-items:center}
.story-layout .story-copy{max-width:none;margin:0;font-size:17px;line-height:1.8;color:var(--muted)}
.story-layout .story-copy p{margin:0 0 18px}
.story-layout .story-copy h2{color:var(--ink);font-size:clamp(29px,3vw,42px);line-height:1.18;margin:35px 0 18px}
.story-portrait{margin:0;min-width:0;align-self:center}
.story-portrait img{display:block;width:100%;height:auto;max-height:650px;aspect-ratio:4/5;object-fit:contain;object-position:center;background:#eadccc;border-radius:6px}
.massage-detail{padding-top:54px}
.massage-detail h1{margin-bottom:35px!important}
.massage-detail-copy{color:var(--muted);font-size:17px;line-height:1.8}
.massage-detail-copy h2{color:var(--ink);font-size:clamp(29px,3vw,42px)}
.massage-cta{margin-top:36px}
@media(max-width:1100px){.story-heading h1{white-space:normal}}
@media(max-width:800px){.story-page{padding:46px 6vw 72px}.story-heading{margin-bottom:27px}.story-layout{grid-template-columns:1fr;gap:30px}.story-layout .story-copy{font-size:16px}.story-portrait{max-width:560px;margin:0 auto}.massage-detail{padding-top:46px}.massage-detail-copy{font-size:16px}}

/* Batch 3: anchor spacing and parking disclaimer */
#behandeling,#faq,#bereikbaarheid,#contact{scroll-margin-top:110px}
.parking-note{font-style:italic}
.faq details p a{color:var(--terra);text-underline-offset:3px}

/* 5.0 contact and privacy */
.floating-whatsapp,.floating-whatsapp:hover{background:#25D366;color:#fff}
.floating-whatsapp:hover{background:#1da851}
.contact-form .privacy-ack{display:flex;align-items:flex-start;gap:12px;margin:5px 0 24px;font-weight:400;letter-spacing:normal;font-size:13px;line-height:1.5}
.contact-form .privacy-ack input[type=checkbox]{flex:0 0 18px;width:18px;height:18px;margin:2px 0 0;padding:0;accent-color:#823c25;box-shadow:none}
.contact-form .privacy-ack span{display:block;margin:0}
.contact-form .privacy-ack a{color:#823c25;text-decoration:underline}
.privacy-page{max-width:920px;margin:0 auto;padding:85px 26px 110px}
.privacy-page h1{font-size:clamp(42px,6vw,72px);line-height:1.1;margin-bottom:42px}
.privacy-page p{font-size:17px;line-height:1.8;margin:0 0 23px}

/* Privacy page readability */
.privacy-page [data-i18n="privacyBody"]{max-width:850px;line-height:1.75}
.privacy-page [data-i18n="privacyBody"] p{margin:0 0 24px}
.privacy-page [data-i18n="privacyBody"] a{text-decoration:underline;text-underline-offset:3px}

/* Final polish: compact massage teaser, prominent destination and crisp WhatsApp icon */
#massage.split{padding-top:72px;padding-bottom:72px;align-items:center}
#massage.split>div:last-child{padding-top:0}
#massage .massage-discover{margin-top:18px;font-size:14px;color:#fff;display:inline-flex;align-items:center;line-height:1.4}
#massage .massage-discover:hover,#massage .massage-discover:focus-visible{background:#642e1b}
.floating-whatsapp svg{width:30px;height:30px;overflow:visible;flex-shrink:0}
@media(max-width:800px){#massage.split{padding-top:64px;padding-bottom:64px}#massage .massage-discover{margin-top:12px}}

/* Homepage navigation buttons */
.about .story-discover{display:inline-flex;align-items:center;margin-top:20px;font-size:14px;font-weight:400;color:#fff;text-decoration:none;line-height:1.4}
.about .story-discover:hover,.about .story-discover:focus-visible{background:#642e1b}

/* 5.5 — one shared body typography system for teasers and editorial pages.
   This is deliberately the final typography declaration, avoiding the
   contradictory 5.3/5.4 overrides. */
.about p:not(.eyebrow),
#massage.split>div:last-child,
.story-layout .story-copy,
.massage-detail-copy{
  font-family:'Avenir Next',Avenir,'Segoe UI',Helvetica,Arial,sans-serif;
  font-size:18px;
  line-height:1.7;
  font-weight:400;
  color:#40352f;
}
.massage-detail-copy{max-width:730px}
@media(max-width:800px){
  .about p:not(.eyebrow),
  #massage.split>div:last-child,
  .story-layout .story-copy,
  .massage-detail-copy{font-size:17px;line-height:1.7}
}

/* 5.6 — consistent readable body text, using Bereikbaarheid as reference.
   Keep headings, accent links, muted disclaimers and light-on-dark text unchanged. */
.hero .intro,
.journey .steps p,
.faq details p,
.section-head > p,
.cards article:not(.accent) p {
  color:var(--ink);
}
.hero .intro {font-size:19px;line-height:1.7;}
@media(max-width:800px){.hero .intro{font-size:17px;line-height:1.7;}}

/* 5.7 — final refinements: retain hero contrast, restore restrained sizing. */
@media(min-width:801px){.hero .intro{font-size:18px;}}
/* Add breathing room between expanded FAQ questions and their answers. */
.faq details[open] > summary + p{margin-top:calc(1em + 7px);}


/* 5.8 — mobile story teaser: label, heading, description, CTA, photograph */
@media (max-width:800px) {
  .about .eyebrow { order:1; }
  .about h2 { order:2; }
  .about p:not(.eyebrow) { order:3; }
  .about .story-discover {
    order:4;
    align-self:flex-start;
    width:auto;
    max-width:100%;
    margin-top:20px;
  }
}

/* 5.9 — compact, readable legal copy on phones; preserve wording and site typography */
.privacy-page [data-i18n="privacyBody"]{max-width:760px;color:var(--ink);font-family:'Avenir Next',Avenir,'Segoe UI',Helvetica,Arial,sans-serif}
.privacy-page [data-i18n="privacyBody"] p{font-size:16px;line-height:1.65;margin-bottom:23px;overflow-wrap:anywhere}
.privacy-page [data-i18n="privacyBody"] strong{font-size:19px;line-height:1.4;color:var(--ink)}
.privacy-page [data-i18n="privacyBody"] a{color:#823c25;text-decoration:underline;text-underline-offset:3px}
@media(max-width:800px){
 .privacy-page{padding:36px 22px 72px;max-width:100%}
 .privacy-page h1{font-size:clamp(38px,9vw,52px);line-height:1.12;margin:0 0 30px;overflow-wrap:anywhere}
 .privacy-page [data-i18n="privacyBody"] p{font-size:16px;line-height:1.65;margin-bottom:22px}
 .privacy-page [data-i18n="privacyBody"] strong{font-size:19px}
}

/* 6.1: Prevent native smooth scrolling competing with booking navigation on iOS Safari. */
html{scroll-behavior:auto}

/* 6.2 — restore the original softer brown for reading text only.
   Preserve headings, labels, links, buttons and light text on terracotta. */
:root{--body-soft:#71685f}
.hero .intro,
.about p:not(.eyebrow),
#massage.split>div:last-child,
#massage.split>div:last-child p,
.story-layout .story-copy,
.story-layout .story-copy p,
.massage-detail-copy,
.massage-detail-copy p,
.section-head > p,
.cards article:not(.accent) p,
.journey .steps p,
.faq details p,
.reachability p,
.reachability li,
.privacy-page [data-i18n="privacyBody"] p,
.privacy-page [data-i18n="privacyBody"] li {color:var(--body-soft)}
/* Keep strong legal section headings and interactive accents unchanged. */

/* 6.3 — match Bereikbaarheid body copy to the softer brown elsewhere. */
.parking p:not(.eyebrow):not(.parking-note){color:var(--body-soft)}

/* Approved final adjustment: understated location label. */
.hero-location{font-size:10px;font-weight:400;letter-spacing:.045em;text-transform:none;color:var(--muted)}

/* Professional qualification on the story page */
.story-copy .qualification-block { display:flex; flex-direction:column; align-items:flex-start; gap:0.35rem; padding:1.15rem 1.35rem; margin:1.25rem 0 1.6rem; border-left:2px solid #823d25; background:rgba(130,61,37,.045); }
.story-copy .qualification-label { color:#823d25; font-size:.75rem; letter-spacing:.12em; text-transform:uppercase; font-weight:700; }
.story-copy .qualification-block strong { font-weight:600; color:#302721; }
.story-copy .qualification-school { font-size:.9rem; font-style:italic; opacity:.8; }

/* 6.8 — balanced hero location label and desktop spacing. */
.hero-location{font-size:12px;font-weight:600;letter-spacing:.045em;text-transform:none;color:#823d25}
@media(min-width:801px){.hero{padding-top:54px!important}}

.language-toggle a,.mobile-language a{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}