:root{--paper:#f3efe7;--ink:#292e29;--green:#3d4c40;--line:#cccdbf;--muted:#63685f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Arial,sans-serif}a{color:inherit}a:focus-visible{outline:3px solid #b27743;outline-offset:6px}.wrap{width:min(1240px,90%);margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:27px 0;border-bottom:1px solid var(--line);gap:20px}.brand{text-decoration:none;font:28px Georgia,serif;letter-spacing:-1px}.brand small{display:block;font:9px Arial,sans-serif;letter-spacing:3px;margin-top:7px}nav{display:flex;gap:30px;font-size:13px}nav a{text-decoration:none}.phone{text-decoration:none;border-bottom:1px solid;padding-bottom:5px;font-size:13px}.eyebrow{font-size:10px;letter-spacing:2.5px;text-transform:uppercase;font-weight:bold}.hero{display:grid;grid-template-columns:1fr 1fr;gap:6%;padding:64px 0 60px;align-items:center}h1,h2,h3,p{margin:0}h1{font:clamp(48px,6.2vw,88px)/1.03 Georgia,serif;letter-spacing:-3px;margin:24px 0}h1 em{font-weight:normal;color:#71806b}p{color:var(--muted)}.intro{max-width:370px;font-size:17px}.button{display:inline-block;padding:14px 25px;background:var(--green);color:white;text-decoration:none;font-size:13px;margin-top:28px}.button span{margin-left:26px}.hero figure{margin:0;position:relative}.hero img{width:100%;height:480px;object-fit:cover;border-radius:48% 48% 0 0;display:block}.caption{display:flex;justify-content:space-between;margin-top:16px;font-size:10px;letter-spacing:1px;text-transform:uppercase}.notice{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;display:grid;grid-template-columns:220px 1fr;gap:25px;font-size:13px}.notice strong{font-weight:normal;color:var(--green)}section{padding:75px 0}.heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:40px}h2{font:clamp(32px,4vw,51px)/1.15 Georgia,serif;letter-spacing:-1px;margin-top:15px}.heading p{max-width:370px;font-size:14px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}.service{border-top:1px solid var(--line);padding-top:18px}.number{font-size:11px;color:#7d8378}h3{font:27px Georgia,serif;margin:27px 0 13px}.service p{font-size:14px;max-width:330px}.about{background:var(--green);color:var(--paper)}.about .wrap{display:grid;grid-template-columns:1fr 1fr;gap:9%}.about p{color:#dedfd5;font-size:16px;margin-bottom:20px}.about h2{margin-bottom:25px}.about a{color:white;text-underline-offset:5px}.signature{font:italic 30px Georgia,serif;color:#d1c4a3;margin-top:25px}.visit{display:grid;grid-template-columns:1fr 1fr;gap:9%}.address{font:23px/1.6 Georgia,serif;margin-top:28px;color:var(--ink)}.route{display:inline-block;margin-top:20px;font-size:13px;text-underline-offset:6px}.hours{width:100%;border-collapse:collapse;font-size:14px}.hours caption{text-align:left;font:28px Georgia,serif;padding:8px 0 20px}.hours td{padding:12px 0;border-bottom:1px solid var(--line)}.hours td:last-child{text-align:right}.small{font-size:12px;margin-top:20px}footer{border-top:1px solid var(--line);padding:25px 0;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}footer a{text-underline-offset:4px}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:20px;background:white;padding:15px;z-index:2}@media(max-width:760px){header{padding:20px 0}.brand{font-size:24px}nav{display:none}.hero{grid-template-columns:1fr;padding:38px 0;gap:35px}h1{letter-spacing:-2px}.hero img{height:360px}.hero figure{max-width:500px;width:100%;margin:auto}.notice{grid-template-columns:1fr;gap:8px}.heading{display:block}.heading p{margin-top:20px}.services{grid-template-columns:1fr;gap:30px}h3{margin-top:13px}.about .wrap,.visit{grid-template-columns:1fr;gap:35px}section{padding:50px 0}footer{flex-wrap:wrap}.phone{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Second design: editorial salon, full-width photography */
:root{--paper:#fff;--ink:#262323;--green:#9e7860;--line:#e4ddd7;--muted:#726b66}
body{font-family:Arial,sans-serif}.wrap{width:min(1220px,88%)}header{padding:25px 0;border:0}.brand{font-size:30px;letter-spacing:-1.2px}.brand small{font-size:8px;letter-spacing:3.4px}nav{gap:32px;text-transform:uppercase;font-size:10px;letter-spacing:1.3px}.phone{padding:11px 17px;border:1px solid #292323;font-size:12px}
.hero{position:relative;display:flex;min-height:620px;height:75vh;max-height:860px;padding:70px 7%;margin:0 calc((100vw - 100%)/-2);color:white;isolation:isolate;overflow:hidden;align-items:center;background:#34302c}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,17,16,.72),rgba(18,17,16,.3) 52%,rgba(18,17,16,.04));z-index:-1}.hero figure{position:absolute;inset:0;max-width:none;width:100%;height:100%;z-index:-2}.hero img{border-radius:0;width:100%;height:100%;object-fit:cover;object-position:center 47%}.hero .caption{position:absolute;bottom:22px;right:30px;font-size:8px;letter-spacing:2px;color:#fff}.hero .caption span:first-child{display:none}.hero>div{max-width:680px}.hero .eyebrow{font-size:11px;letter-spacing:4px;color:#f0ded1}.hero h1{font:clamp(54px,6.3vw,90px)/1.07 Georgia,serif;letter-spacing:-2px;margin:24px 0}.hero h1 em{color:#fff;font-style:normal}.hero .intro{color:#f6f0eb;font-size:16px;line-height:1.8;max-width:385px}.hero .button{background:#fff;color:#28221e;text-transform:uppercase;font-size:10px;letter-spacing:2px;margin-top:30px;padding:17px 27px}.notice{background:#f5f0eb;margin:0 calc((100vw - 100%)/-2);padding:20px max(6vw,calc((100vw - 1220px)/2));border:0;grid-template-columns:220px 1fr}.notice strong{font-size:12px;color:#4e3d31}.notice p{font-size:12px;color:#6d5d51}section{padding:85px 0}.eyebrow{color:#98765e;font-size:10px;letter-spacing:2.7px}.heading{display:block;text-align:center;margin-bottom:48px}.heading p{margin:20px auto 0;max-width:490px}h2{font-size:48px;font-weight:normal}.services{gap:50px}.service{text-align:center;padding:25px 0 0}.service p{margin:auto}.number{color:#a07c61;font-size:10px;letter-spacing:2px}h3{font-size:29px}.about{background:#f5f0eb;color:var(--ink)}.about p{color:#726b66}.about a{color:#6b4c36}.about .wrap{align-items:center;gap:7%}.about h2{font-size:44px}.signature{color:#92735e;font-size:27px}.salon-photo{width:100%;height:330px;object-fit:cover;display:block;margin:0 0 28px}.visit{gap:12%}.hours caption{font-size:31px}.hours td{padding:11px 0}footer{padding:29px 0}
@media(max-width:760px){header{padding:20px 0}.brand{font-size:23px}.brand small{font-size:7px;letter-spacing:2px}.phone{font-size:10px;padding:8px}.hero{height:650px;min-height:0;padding:50px 7%;align-items:center}.hero figure{margin:0}.hero img{height:100%;object-position:62% center}.hero:after{background:linear-gradient(90deg,rgba(18,17,16,.78),rgba(18,17,16,.27))}.hero h1{font-size:56px}.hero .eyebrow{font-size:9px;letter-spacing:2px}.hero .intro{max-width:280px;font-size:15px}.hero .caption{right:18px;bottom:15px}.notice{padding:20px 6%;grid-template-columns:1fr;gap:5px}section{padding:55px 0}h2,.about h2{font-size:36px}.heading{margin-bottom:30px}.services{gap:25px}.service{padding-top:20px}.about .wrap{gap:25px}.salon-photo{height:250px}.visit{gap:35px}.hero>div{max-width:100%}}

.price-list{display:grid;grid-template-columns:1fr 1fr;gap:0 50px;margin-top:38px}.price-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:21px 0;border-bottom:1px solid var(--line);text-decoration:none}.price-row:hover .price-name{text-decoration:underline;text-underline-offset:5px}.price-name{font:21px Georgia,serif;display:block}.price-row small{font:11px Arial,sans-serif;color:var(--muted);display:block;margin-top:6px}.price-amount{white-space:nowrap;font-size:15px}.price-amount b{font-weight:normal;color:#9e7860;margin-left:12px}.treatment-hero{padding:65px 0;background:#f5f0eb}.breadcrumbs{font-size:11px;color:#726b66;margin-bottom:36px}.breadcrumbs a{text-underline-offset:3px}.treatment-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:70px;align-items:center}.treatment-hero h1{font:clamp(42px,5vw,68px)/1.1 Georgia,serif;letter-spacing:-2px;margin:20px 0}.treatment-lead{max-width:610px;font-size:18px}.price-panel{background:white;border:1px solid #e4ddd7;padding:35px}.price-panel .big-price{font:43px Georgia,serif;display:block;margin:20px 0;color:#262323}.price-panel p{font-size:13px}.price-panel .button{width:100%;text-align:center}.treatment-body{display:grid;grid-template-columns:1.3fr .7fr;gap:70px}.treatment-body h2{font-size:33px;margin:0 0 18px}.treatment-body p{margin-bottom:24px}.detail-image{width:100%;height:260px;object-fit:cover}.detail-caption{font-size:11px;margin-top:9px}.related{border-top:1px solid var(--line);padding-top:40px;padding-bottom:60px}.related h2{font-size:32px}.related-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.related-links a{border:1px solid var(--line);padding:10px 15px;text-decoration:none;font-size:13px}.related-links a:hover{background:#f5f0eb}.availability{font-size:12px;border-left:2px solid #9e7860;padding:12px 16px;background:#f9f6f3;margin-top:24px}.mobile-nav{display:none}.overview-title{padding:55px 0 10px}.overview-title h1{font-size:58px}.surcharge-note{margin-top:22px;font-size:13px}@media(max-width:760px){.price-list{grid-template-columns:1fr;margin-top:22px}.price-name{font-size:19px}.price-row{gap:12px}.treatment-grid,.treatment-body{grid-template-columns:1fr;gap:30px}.treatment-hero{padding:28px 0 40px}.treatment-hero h1{font-size:44px}.treatment-lead{font-size:16px}.price-panel{padding:25px}.treatment-body{padding:40px 0}.overview-title h1{font-size:43px}.mobile-nav{display:flex;border-top:1px solid var(--line);padding:12px 0;gap:25px;font-size:12px}.mobile-nav a{text-decoration:none}.breadcrumbs{margin-bottom:25px}}

.treatment-body h2:not(:first-child){margin-top:32px}.treatment-body h3{font-size:22px;line-height:1.4;margin:16px 0 12px}.treatment-body a{text-underline-offset:3px}.treatment-body a:hover{color:#855e43}

/* Privacyverklaring voor deze statische website */
.cookie-melding[hidden]{display:none!important}.cookie-melding{position:fixed;z-index:9999;bottom:18px;left:50%;transform:translateX(-50%);width:min(720px,calc(100% - 28px));background:#fff;color:#262323;border:1px solid #d9cec4;box-shadow:0 12px 40px rgba(0,0,0,.18);padding:20px 24px;display:flex;align-items:center;gap:25px;justify-content:space-between}.cookie-melding strong{font:22px Georgia,serif}.cookie-melding p{font-size:13px;line-height:1.6;margin-top:5px;color:#635b55}.cookie-melding button{background:#3d4c40;color:#fff;border:0;padding:13px 22px;font-size:13px;cursor:pointer;white-space:nowrap}.cookie-melding button:focus-visible{outline:3px solid #b27743;outline-offset:3px}@media(max-width:600px){.cookie-melding{bottom:10px;display:block;padding:18px}.cookie-melding button{margin-top:14px;width:100%}}

/* Mobiele deelbalk: uitsluitend zichtbaar op smalle schermen. */
.mobiele-deelbalk{display:none}
@media(max-width:767px){
 body{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
 .mobiele-deelbalk{position:fixed;left:0;right:0;bottom:0;z-index:900;display:flex;align-items:center;justify-content:space-around;gap:4px;padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));background:#fff;box-shadow:0 -3px 18px rgba(0,0,0,.13);border-top:1px solid #e7e1d8}
 .deelknop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:60px;min-height:51px;padding:3px 7px;border:0;background:transparent;color:#222;font:inherit;font-size:11px;cursor:pointer}
 .deelknop svg{width:25px;height:25px}
 .deel-facebook svg{color:#1877f2}.deel-whatsapp svg{color:#128c44}.deel-x svg{color:#111}.deel-instagram svg{color:#c13584}
 .deelknop:focus-visible{outline:2px solid #1c5c82;outline-offset:2px;border-radius:6px}
 .cookie-melding:not([hidden]){bottom:calc(78px + env(safe-area-inset-bottom,0px));z-index:1000}
}

/* Duidelijke titel boven herkenbare sociale deeliconen */
@media(max-width:767px){
 body{padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))}
 .mobiele-deelbalk{flex-wrap:wrap;row-gap:4px;padding-top:9px}
 .deelbalk-titel{flex:0 0 100%;text-align:center;font-size:12px;font-weight:700;letter-spacing:.1px;color:#38312c;line-height:1.3}
 .deelknop{flex:1;min-width:0}
 .cookie-melding:not([hidden]){bottom:calc(114px + env(safe-area-inset-bottom,0px))}
}