:root{--paper:#faf9f5;--ink:#30372e;--olive:#555e42;--muted:#64695d;--line:#d9ddcf;--wash:#eef0e7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.7 Arial,Helvetica,sans-serif}a{color:inherit}button,input,textarea{font:inherit}button,a,input,textarea{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #987d45;outline-offset:5px}.wrap{width:min(1240px,88%);margin:auto}.preview{padding:7px 20px;text-align:center;background:#e9ecdf;font-size:13px;color:#4b553b}.header{display:flex;align-items:center;justify-content:space-between;gap:35px;min-height:145px}.brand{display:block;width:142px;height:128px;overflow:hidden}.brand img{width:142px;height:142px;object-fit:contain;display:block;transform:translateY(-7px)}nav{display:flex;gap:36px;margin-left:auto}nav a{text-decoration:none;font-size:15px}nav a:hover{color:var(--olive);text-decoration:underline;text-underline-offset:6px}.languages{display:flex;gap:8px;align-items:center;font-size:14px}.languages button{border:0;background:none;color:var(--muted);font-size:14px;padding:8px 3px;cursor:pointer}.languages button[aria-pressed=true]{color:var(--ink);font-weight:bold;text-decoration:underline;text-underline-offset:5px}.hero{display:grid;grid-template-columns:1.04fr 1fr;gap:7%;align-items:center;padding:20px 0 78px}.eyebrow{font-size:12px;letter-spacing:.15em;font-weight:600;line-height:1.7;margin:0 0 25px;color:var(--olive)}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.12;margin:0}h1{font-size:clamp(45px,4.5vw,68px);letter-spacing:-.045em;margin-bottom:28px}h2{font-size:clamp(36px,3.4vw,50px);letter-spacing:-.035em}h3{font-size:27px;letter-spacing:-.025em}p{margin:20px 0}.intro{font-size:18px;max-width:510px;color:var(--muted);line-height:1.85}.hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:32px}.button{display:inline-block;padding:15px 23px;background:var(--olive);border:1px solid var(--olive);color:white;text-decoration:none;border-radius:3px;font-size:15px;text-align:center;transition:background .2s}.button:hover{background:#3c462e}.text-link{font-size:14px;text-underline-offset:6px;text-decoration-thickness:1px}.hero-note{font-size:13px;margin-top:27px;color:var(--muted)}figure{margin:0}.hero-photo{position:relative}.hero-photo img{width:100%;height:610px;object-fit:cover;border-radius:180px 180px 3px 3px;display:block}.hero-photo figcaption{position:absolute;bottom:22px;left:24px;color:white;background:#30372ebb;padding:6px 13px;font-size:12px;letter-spacing:.05em}.section{padding-top:90px;padding-bottom:90px}.treatments{border-top:1px solid var(--line)}.section-heading{max-width:675px}.section-heading p:last-child{color:var(--muted)}.treatment-grid{display:grid;grid-template-columns:1fr 1fr 1.12fr;gap:38px;margin-top:47px}.treatment-grid article{border-top:1px solid var(--line);padding-top:24px}.treatment-grid article p{font-size:16px;color:var(--muted)}.price{background:var(--wash);padding:29px;border-radius:3px}.price .eyebrow{font-size:11px;margin-bottom:17px}.amount{font:54px/1 Georgia,serif;margin:0 0 24px}.amount span{font:14px Arial,sans-serif;margin-left:10px}.price p:not(.amount):not(.eyebrow){font-size:15px}.experience{background:#eeeae2}.experience-grid{display:grid;grid-template-columns:.9fr 1fr;gap:10%;align-items:center}.experience figure img{width:100%;height:690px;object-fit:cover;display:block;border-radius:3px}.experience p{color:#565b50;font-size:16px}.steps{list-style:none;padding:0;margin:28px 0 0}.steps li{position:relative;padding:21px 0 0 0;border-top:1px solid #d0d0c4;margin-top:20px}.steps h3{font-size:24px}.steps p{margin:10px 0 0}.about{display:grid;grid-template-columns:.85fr 1.15fr;gap:10%}.about-copy>p:first-child{margin-top:0}.lead{font:25px/1.5 Georgia,serif}.about-copy>p:not(.lead){color:var(--muted);font-size:16px}.qualifications{margin-top:35px;padding-top:28px;border-top:1px solid var(--line)}.qualifications h3{font-size:22px}.qualifications ul{list-style:none;padding:0;margin:15px 0 0;font-size:15px}.qualifications li{padding:9px 0;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.qualifications span{color:var(--muted);text-align:right;font-size:14px}.contact{background:#e8ecdf}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%}.contact-grid>div>p{max-width:450px;color:#535b48}address{font-style:normal;margin-top:30px;line-height:1.65}.travel{font-size:14px;line-height:1.9}.contact form{padding:35px;background:var(--paper);border:1px solid #d9ddcf;border-radius:3px}form h3{font-size:29px}.form-note{font-size:13px;line-height:1.6;background:#ecece5;padding:12px;color:#5d6354}label{display:block;font-size:14px;margin:17px 0 6px}input,textarea{display:block;width:100%;border:1px solid #c8cdbd;border-radius:2px;background:white;padding:10px;color:var(--ink)}input:disabled,textarea:disabled{background:#f4f4ef}.form-help{font-size:12px;color:#64695d;line-height:1.6}.button:disabled{cursor:not-allowed;background:#717962;border-color:#717962;opacity:.85;width:100%;font-size:13px}footer{padding:35px 0;display:flex;align-items:center;gap:25px}footer p{font-size:12px;flex:1;color:var(--muted)}footer span{font-size:12px;color:var(--muted)}.footer-brand{font:29px Georgia,serif;text-decoration:none}.skip{position:absolute;top:-90px;background:white;padding:15px;z-index:3}.skip:focus{top:10px}@media(min-width:1500px){.hero-photo img{height:670px}}@media(max-width:1000px){.wrap{width:90%}.hero{gap:5%}h1{font-size:50px}.hero-photo img{height:570px}.hero-actions{gap:17px}.treatment-grid{gap:22px;grid-template-columns:1fr 1fr}.price{grid-column:1/-1}.experience-grid{gap:6%}.experience figure img{height:690px}.about,.contact-grid{gap:6%}.qualifications li{display:block}.qualifications span{display:block;text-align:left}.contact form{padding:25px}}@media(max-width:650px){body{font-size:16px}.preview{font-size:11px}.header{min-height:115px;gap:12px;flex-wrap:wrap;padding-top:5px;padding-bottom:17px}.brand{width:102px;height:96px}.brand img{width:102px;height:102px;transform:translateY(-2px)}nav{order:3;width:100%;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:12px}nav a{font-size:14px}.languages{margin-left:auto}.hero{grid-template-columns:1fr;padding-top:27px;padding-bottom:48px;gap:33px}h1{font-size:48px;max-width:95%;line-height:1.12}.eyebrow{font-size:10px;margin-bottom:19px}.intro{font-size:16px}.hero-actions{margin-top:25px;gap:18px}.hero-note{font-size:12px}.hero-photo img{height:480px;border-radius:145px 145px 3px 3px}.hero-photo figcaption{font-size:11px}.section{padding-top:54px;padding-bottom:54px}.treatment-grid{grid-template-columns:1fr;gap:25px;margin-top:30px}.price{grid-column:auto}.treatment-grid article p{margin-bottom:0}.experience-grid,.about,.contact-grid{grid-template-columns:1fr;gap:35px}.experience figure{order:2}.experience figure img{height:440px}.experience h2{font-size:38px}.about h2{font-size:38px}.lead{font-size:23px}.contact form{padding:23px}.qualifications li{display:flex}.qualifications span{text-align:right}footer{flex-wrap:wrap;gap:10px;padding:25px 0}.footer-brand{width:100%}footer p{flex-basis:100%;margin:6px 0}.text-link{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Draft 2: larger identity, balanced introduction and matching curved photographs. */
.header{min-height:165px}.brand{width:190px;height:158px;flex-shrink:0}.brand img{width:190px;height:190px;transform:translateY(-16px)}
.hero{padding-top:12px;padding-bottom:40px}.hero-copy{text-align:center}.hero-copy .intro{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-photo img,.experience figure img{border-radius:180px}
.contact address{font-size:inherit;color:#535b48}
@media(max-width:650px){.header{min-height:135px}.brand{width:140px;height:114px}.brand img{width:140px;height:140px;transform:translateY(-13px)}.hero{padding-top:24px;padding-bottom:32px}.hero h1{max-width:100%}.hero-photo img,.experience figure img{border-radius:145px}.contact address{font-size:16px}}

/* Draft 3: the subtitle is now cropped out of the logo file itself, so the old translateY crop-hack is gone; the logo can simply be shown bigger. */
.header{min-height:205px}.brand{width:263px;height:200px}.brand img{width:263px;height:200px;object-fit:contain;transform:none}
@media(max-width:650px){.header{min-height:160px}.brand{width:184px;height:140px}.brand img{width:184px;height:140px;transform:none}}

/* Draft 3 refinement: the bigger logo needs a taller header, but the header was left taller than necessary and the hero kept its old top padding on top of that. Tighten both so the hero sits closer to its draft-2 position. The logo size itself is untouched. */
.header{min-height:202px}.hero{padding-top:0}
@media(max-width:650px){.header{padding-top:2px;padding-bottom:10px;gap:8px}nav{padding-top:8px}.hero{padding-top:8px}}

/* Mobile only: the Dutch hero eyebrow is a touch too wide for a 390px screen and wraps to two lines. Nudge its letter-spacing down slightly so it stays on one line; the English text and every other eyebrow are untouched. */
@media(max-width:650px){html[lang="nl"] .hero-copy .eyebrow{letter-spacing:.12em}}

/* iOS Safari was rendering the ↗ text arrows as a colour emoji. Swapped for an inline SVG that always inherits the link colour. */
.arrow-icon{vertical-align:-1px}

/* Bilingual URL architecture: NL and EN are now two real pages, so the language toggle became a pair of real links instead of JS-toggled buttons. Same look as before, on the new element type. */
.languages a{border:0;background:none;color:var(--muted);font-size:14px;padding:8px 3px;cursor:pointer;text-decoration:none}
.languages a[aria-current="page"]{color:var(--ink);font-weight:bold;text-decoration:underline;text-underline-offset:5px}
