:root{--cream:#f3eee3;--paper:#faf7ef;--ink:#2d2117;--rust:#9e3e27;--sage:#697260;--line:rgba(45,33,23,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}.site-header{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5vw;border-bottom:1px solid var(--line);position:relative;z-index:5;background:rgba(250,247,239,.94)}.brand img{width:118px;height:70px;object-fit:cover;object-position:center 59%}.site-header nav{display:flex;gap:30px}.site-header nav a,.text-link{color:var(--ink);text-decoration:none;font-size:13px;font-weight:700}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:var(--rust);color:#fff;text-decoration:none;padding:17px 21px;font-size:12px;font-weight:700;letter-spacing:.04em;min-width:186px}.button span{font-size:17px}.button-small{min-width:162px;padding:14px 17px}.hero{display:grid;grid-template-columns:57% 43%;min-height:690px;border-bottom:1px solid var(--line)}.hero-copy{padding:112px 7vw 60px 8vw}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.22em;color:var(--rust);margin:0 0 28px}.hero h1,.section h2,.connection h2,.vital h2{font-family:Georgia,'Times New Roman',serif;font-size:68px;line-height:1.02;font-weight:400;letter-spacing:-.045em;margin:0;max-width:700px}.hero h1 em,h2 em{font-weight:400;color:var(--rust)}.intro{max-width:580px;font-family:Georgia,serif;font-size:20px;line-height:1.65;margin:34px 0;color:#55483e}.actions{display:flex;align-items:center;gap:30px}.text-link{border-bottom:1px solid var(--ink);padding:12px 0;display:inline-flex;justify-content:space-between;gap:18px}.trust-row{display:flex;align-items:center;gap:15px;margin-top:76px;color:#6f6258;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.trust-row i{width:3px;height:3px;border-radius:99px;background:var(--rust)}.hero-art{position:relative;overflow:hidden;background:linear-gradient(145deg,#d6d1c2,#ebe2d1 58%,#c6b39d);isolation:isolate}.hero-art:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(45,33,23,.1) .6px,transparent .8px);background-size:5px 5px;mix-blend-mode:multiply;opacity:.25}.sun{width:370px;height:370px;background:#b64a30;border-radius:50%;position:absolute;right:-70px;top:100px;opacity:.85}.ink{position:absolute;border:18px solid rgba(45,33,23,.84);border-radius:50%;width:560px;height:420px;transform:rotate(-17deg);left:-95px;top:170px}.ink:after{content:"";position:absolute;background:#ddd4c2;width:120px;height:75px;right:10px;top:-36px;transform:rotate(23deg)}.ink-two{width:430px;height:300px;left:40px;top:240px;border-width:6px;opacity:.4}.needle{height:470px;width:2px;background:#2d2117;position:absolute;left:43%;top:95px;transform:rotate(18deg);z-index:2}.needle:before{content:"";position:absolute;width:10px;height:34px;border:2px solid #2d2117;border-radius:50%;left:-5px;top:-24px}.hero-art>p{font-family:serif;font-size:92px;position:absolute;right:48px;bottom:30px;margin:0;z-index:2}.hero-art>span{position:absolute;left:30px;bottom:40px;writing-mode:vertical-rl;font-size:9px;letter-spacing:.25em;z-index:2}.section{padding:110px 8vw}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:58px}.section-heading h2,.connection h2,.vital h2{font-size:52px}.section-heading>p{max-width:420px;line-height:1.8;color:#6a5f55;font-family:Georgia,serif}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.complaint-card{min-height:330px;border:1px solid var(--line);padding:26px 28px 30px;position:relative;background:rgba(255,255,255,.28)}.number{font-size:10px;color:#8a7e73}.mini-symbol{font-family:serif;color:var(--rust);font-size:64px;margin:26px 0 22px}.complaint-card h3,.treatment-list h3{font-family:Georgia,serif;font-size:25px;font-weight:400;margin:0 0 13px}.complaint-card p{color:#6a5f55;font-size:14px;line-height:1.7}.complaint-card a{position:absolute;left:28px;right:28px;bottom:25px;display:flex;justify-content:space-between;color:var(--ink);font-size:11px;font-weight:bold;text-decoration:none;border-top:1px solid var(--line);padding-top:18px}.all-link{display:block;margin:30px auto 0;width:max-content;color:var(--ink);font-size:12px;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:8px}.connection{display:grid;grid-template-columns:1fr 1fr;background:#dedacb;min-height:620px}.connection-art{position:relative;display:grid;place-items:center;overflow:hidden}.connection-art:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.6),transparent)}.enso{width:400px;height:400px;border:45px solid var(--sage);border-left-color:transparent;border-radius:50%;transform:rotate(25deg);filter:blur(.5px)}.connection-art b{position:absolute;font-family:serif;font-size:112px;z-index:2}.vertical{position:absolute;left:40px;top:60px;writing-mode:vertical-rl;font-size:9px;letter-spacing:.22em;z-index:3}.connection-copy{padding:100px 10vw 80px 8vw}.connection-copy .lead{font-family:Georgia,serif;font-size:20px;line-height:1.55;margin-top:32px}.connection-copy>p:not(.eyebrow):not(.lead){font-size:14px;line-height:1.8;color:#665b50}.connection-copy .text-link{margin-top:25px}.compact{align-items:center}.treatment-list{border-top:1px solid var(--line)}.treatment-list article{display:grid;grid-template-columns:70px 1.1fr 1fr 45px;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding:28px 10px}.treatment-list article>span{font-size:10px;color:#8a7e73}.treatment-list h3{margin:0}.treatment-list p{font-size:13px;line-height:1.6;color:#6a5f55}.treatment-list a{display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;width:42px;height:42px;text-decoration:none;color:var(--ink)}.vital{min-height:540px;background:linear-gradient(90deg,rgba(38,43,34,.97),rgba(38,43,34,.76)),radial-gradient(circle at 80% 30%,#9ba28a,transparent 32%);color:#f8f2e8;padding:105px 8vw;position:relative;overflow:hidden}.vital:after{content:"緣";position:absolute;right:7vw;top:10px;font-family:serif;font-size:390px;color:rgba(255,255,255,.055)}.eyebrow.light{color:#d7b19c}.vital h2{font-size:64px}.vital h2 em{color:#d7b19c}.vital>p:not(.eyebrow){max-width:510px;font-family:Georgia,serif;font-size:18px;line-height:1.7;color:#d9d9cf;margin:28px 0}.button-light{background:#eee7d9;color:var(--ink);position:relative;z-index:2}.appointment{display:grid;grid-template-columns:1.2fr .8fr;gap:9vw;align-items:center}.appointment>div>p{line-height:1.8;color:#6a5f55}.appointment .actions{margin-top:30px}footer{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:35px 6vw;background:#e7e1d4;border-top:1px solid var(--line);font-size:11px;color:#685c52}footer img{width:110px;height:68px;object-fit:cover;object-position:center 59%}footer p:last-child{text-align:right}
@media(max-width:900px){.site-header nav{display:none}.site-header{height:82px;padding:0 20px}.hero{grid-template-columns:1fr}.hero-copy{padding:75px 24px}.hero h1{font-size:48px}.hero-art{min-height:450px}.trust-row{flex-wrap:wrap;margin-top:52px}.section{padding:80px 24px}.section-heading{display:block}.section-heading h2,.connection h2,.vital h2{font-size:42px}.section-heading>p{margin-top:28px}.card-grid{grid-template-columns:1fr}.connection{grid-template-columns:1fr}.connection-art{min-height:450px}.connection-copy{padding:75px 24px}.treatment-list article{grid-template-columns:45px 1fr 42px}.treatment-list p{display:none}.appointment{grid-template-columns:1fr;gap:35px}.site-header>.button{display:none}footer{grid-template-columns:1fr;text-align:center;gap:10px}footer img{margin:auto}footer p:last-child{text-align:center}}

/* Verfijningen fotografie en leesbaarheid */
.visual-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-art .visual-photo{object-position:54% center}
.hero-art:after{z-index:1;background:linear-gradient(180deg,transparent 48%,rgba(34,25,18,.5) 100%);opacity:1;mix-blend-mode:normal}
.hero-art>p,.hero-art>span{color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.4);z-index:2}
.connection-art .visual-photo{object-position:center}
.connection-art:after{z-index:1;background:linear-gradient(90deg,rgba(34,25,18,.22),transparent 52%,rgba(250,247,239,.08));}
.connection-art .enso{position:relative;z-index:2;border-color:rgba(105,114,96,.72);border-left-color:transparent}
.connection-art b,.connection-art .vertical{color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.45)}
.complaint-card p{font-size:16px}
.all-link{font-size:15px}
.section-heading>p{font-size:18px}
.connection-copy>p:not(.eyebrow):not(.lead){font-size:16px}
.treatment-list p{font-size:15px}
.appointment>div>p{font-size:18px}

/* Finale typografie en witruimte */
.button{font-size:13px}
.text-link{font-size:14px}
.complaint-card{min-height:370px}
.complaint-card a{font-size:12px;bottom:28px}
.complaint-card p{margin-bottom:58px}
.all-link{font-size:16px;margin-top:42px}
.connection-copy .text-link{margin-top:38px}
.appointment .actions{margin-top:42px}
.vital .button{margin-top:10px}
@media(max-width:900px){.complaint-card{min-height:380px}.complaint-card p{margin-bottom:64px}.actions{align-items:flex-start;flex-wrap:wrap;row-gap:22px}}

/* Typografie één corps groter */
.site-header nav a{font-size:14px}.button{font-size:14px}.text-link{font-size:15px}.eyebrow{font-size:11px}.hero h1{font-size:69px}.intro{font-size:21px}.trust-row{font-size:11px}.section-heading h2,.connection h2{font-size:53px}.section-heading>p{font-size:19px}.complaint-card h3,.treatment-list h3{font-size:26px}.complaint-card p{font-size:17px}.complaint-card a{font-size:13px}.all-link{font-size:17px}.connection-copy .lead{font-size:21px}.connection-copy>p:not(.eyebrow):not(.lead){font-size:17px}.treatment-list p{font-size:16px}.vital h2{font-size:65px}.vital>p:not(.eyebrow){font-size:19px}.appointment>div>p{font-size:19px}footer{font-size:12px}

/* Mobiele navigatie */
.mobile-menu{display:none;position:relative}.mobile-menu summary{list-style:none;width:46px;height:46px;border:1px solid var(--line);display:grid;place-content:center;gap:5px;cursor:pointer}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary span{display:block;width:20px;height:1.5px;background:var(--ink)}.mobile-menu-panel{position:absolute;right:0;top:57px;width:min(310px,calc(100vw - 40px));padding:22px;background:var(--paper);border:1px solid var(--line);box-shadow:0 18px 45px rgba(45,33,23,.14);display:flex;flex-direction:column;z-index:20}.mobile-menu-panel a{color:var(--ink);font-size:16px;font-weight:700;text-decoration:none;padding:13px 3px;border-bottom:1px solid var(--line)}.mobile-menu-panel .mobile-appointment{color:var(--rust);border-bottom:0;padding-top:19px}@media(max-width:900px){.mobile-menu{display:block}.hero h1{font-size:49px}.section-heading h2,.connection h2,.vital h2{font-size:43px}}

/* Werkwijze, tarieven en ervaringen */
.journey{background:#f1ecdf;border-top:1px solid var(--line)}.journey-heading{align-items:flex-start}.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.journey-grid article{min-height:315px;padding:32px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column}.journey-grid article>span{font-size:12px;color:var(--rust);font-weight:700;letter-spacing:.16em}.journey-grid h3,.explanation-grid h3{font-family:Georgia,serif;font-size:28px;font-weight:400;line-height:1.2;margin:42px 0 18px}.journey-grid p,.explanation-grid article>p:last-child,.reviews-copy p{font-size:17px;line-height:1.8;color:#665b50;margin:0}.journey-grid strong{display:block;margin-top:auto;padding-top:28px;font-size:14px;letter-spacing:.06em;text-transform:uppercase}.explanation-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);margin-top:72px;border:1px solid var(--line)}.explanation-grid article{background:var(--paper);padding:54px}.explanation-grid h3{font-size:35px;margin:0 0 24px}.reviews{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center;background:#dedacb}.reviews h2{font-family:Georgia,serif;font-size:53px;line-height:1.05;font-weight:400;letter-spacing:-.045em;margin:0}.reviews h2 em{color:var(--rust);font-weight:400}.reviews-copy .review-note{border-top:1px solid var(--line);margin-top:28px;padding-top:24px;font-weight:700;color:var(--ink)}@media(max-width:900px){.journey-grid,.explanation-grid,.reviews{grid-template-columns:1fr}.journey-grid article{min-height:290px}.explanation-grid article{padding:42px 28px}.reviews{gap:38px}.reviews h2{font-size:43px}}