@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');
:root{--purple:#331346;--cream:#f4ece1;--pink:#f9b9c7;--red:#bb2346;--mint:#d8ede4}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--purple);font-family:'DM Sans',sans-serif;font-size:17px;line-height:1.65}a{color:inherit;text-underline-offset:5px}img{display:block;max-width:100%;object-fit:cover}h1,h2,h3,p,figure{margin:0}p+p{margin-top:20px}h1,h2,h3{line-height:1.08;font-weight:500}h1{font-size:clamp(3rem,7.8vw,7.6rem);letter-spacing:-.045em}h2{font-size:clamp(2.2rem,4.1vw,4rem);letter-spacing:-.035em}h3{font-size:clamp(1.7rem,2.3vw,2.4rem)}em{font-family:'Playfair Display',serif;font-weight:500}a:focus-visible{outline:3px solid #d34a69;outline-offset:5px}.preview{background:var(--mint);padding:9px 5%;font-size:14px;display:flex;justify-content:space-between;gap:12px}header{padding:26px 5%;display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--cream)}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;line-height:1.15;font-size:24px;font-weight:600;flex-shrink:0}.brand img{object-fit:contain}.brand small{font-size:15px;font-weight:400}nav{display:flex;flex-wrap:wrap;gap:18px}nav a{font-size:14px;text-decoration:none}nav a[aria-current]{text-decoration:underline;text-decoration-thickness:2px}section{padding:88px 7%}.hero{background:var(--purple);color:var(--cream);display:grid;grid-template-columns:1.2fr 1fr;gap:6%;align-items:center;padding-top:70px;padding-bottom:85px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:14px;font-weight:600;margin-bottom:26px}.hero em{color:var(--pink)}.lead{font-size:clamp(1.2rem,1.8vw,1.55rem);line-height:1.5;max-width:650px;margin-top:28px}.hero-copy>p:not(.eyebrow){max-width:560px}.hero-copy>p+p{margin-top:18px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;background:var(--red);color:white;padding:17px 25px;border-radius:4px;text-decoration:none;font-size:16px;font-weight:600;margin-top:30px}.hero .button,.cta .button{background:var(--pink);color:var(--purple)}.hero figure{position:relative;padding:18px 18px 0 0}.hero figure img{width:100%;height:auto;aspect-ratio:4/4.5;border-radius:48% 48% 4px 4px;object-position:center}.hero figcaption{background:var(--mint);color:var(--purple);padding:22px 28px;margin:-25px -18px 0 20%;position:relative;font-family:'Playfair Display',serif;font-size:22px;line-height:1.35}.ribbon{padding:24px 6%;text-align:center;background:var(--pink);font-size:17px}.ribbon span{padding:0 25px}.section-head{max-width:870px;margin-bottom:44px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cards>a{display:flex;flex-direction:column;align-items:flex-start;background:#fffaf3;padding:35px 30px;text-decoration:none;border-top:3px solid var(--red)}.cards>a:nth-child(2){background:var(--pink)}.cards>a:nth-child(3){background:var(--mint)}.number{font-size:14px;margin-bottom:55px}.cards p{margin:22px 0 35px}.cards a>span:last-child{margin-top:auto;font-size:14px;text-decoration:underline}.split{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;border-top:1px solid #33134626}.split p{max-width:640px}.split .lead{margin-top:0}.text-link{display:inline-block;margin-top:28px;font-weight:600}.cta{background:var(--purple);color:var(--cream);display:grid;grid-template-columns:1.1fr 1fr;gap:9%;align-items:center}.cta em{color:var(--pink)}footer{padding:45px 7%;font-size:14px}.footer-name{font-size:23px}footer p{margin:8px 0 22px}footer>span{display:block;margin-top:30px;font-size:13px}.page-intro{background:var(--purple);color:var(--cream);padding-top:80px;padding-bottom:80px}.page-intro em{color:var(--pink)}.page-intro h1{font-size:clamp(2.6rem,6vw,6rem)}.page-intro .lead{max-width:760px}.text-block h2{font-size:clamp(1.8rem,3vw,2.8rem);margin-bottom:22px}.text-block+.text-block{margin-top:45px}.portrait-section>img{width:100%;height:auto;max-height:620px;aspect-ratio:1;object-fit:cover;border-radius:6px}.light-panel{background:var(--mint)}.light-panel p{max-width:720px;margin-top:25px}.contact-lines a{display:block;overflow-wrap:anywhere;margin-bottom:22px;font-size:clamp(1rem,2vw,1.5rem)}.skip{position:absolute;top:-100px;padding:15px;background:white;z-index:20}.skip:focus{top:0}@media(max-width:1000px){header{align-items:flex-start}nav{justify-content:flex-end;gap:12px 16px}.cards>a{padding:25px 20px}}@media(max-width:700px){header{display:block;padding:22px 6%}nav{justify-content:flex-start;margin-top:23px;gap:10px 18px}.preview{font-size:12px;align-items:center}.preview a{max-width:125px;text-align:right}section{padding:56px 6%}.hero{grid-template-columns:1fr;gap:40px;padding:48px 6% 60px}h1{font-size:clamp(3.5rem,16vw,6.3rem)}.hero figure{max-width:470px;width:100%;margin:auto}.hero figure img{aspect-ratio:1.1}.hero figcaption{font-size:19px}.ribbon{font-size:14px;padding:20px}.ribbon span{padding:0 7px}.cards,.split,.cta{grid-template-columns:1fr;gap:32px}.number{margin-bottom:28px}.cards p{margin-bottom:25px}.page-intro{padding:55px 6%}.page-intro h1{font-size:clamp(2.4rem,10vw,4rem)}.button{padding:16px 20px;gap:18px}.contact-lines a{font-size:17px}}
/* Fotografie uit de gekozen eerdere richting; statisch op alle schermen. */
.photo-collage{display:grid;grid-template-columns:1fr 1fr;gap:15px;min-width:0}.hero .photo-collage figure{padding:0;margin:0;max-width:none;width:100%}.hero .photo-collage .collage-main{grid-column:1/-1}.hero .photo-collage img{width:100%;height:auto;aspect-ratio:1.05;border-radius:5px;object-fit:cover}.hero .photo-collage .collage-main img{aspect-ratio:1.4;border-radius:100px 5px 5px 5px}.hero .photo-collage figcaption{font-size:20px;margin:-35px 15px 0 24%;padding:16px 23px}.hero{grid-template-columns:1fr 1.1fr}.story-portrait{width:180px;height:180px;border-radius:50%;margin-bottom:30px}.event-feature{padding-top:40px;display:grid;grid-template-columns:1.5fr 1fr;gap:6%;align-items:center}.event-feature-photo img{width:100%;height:auto;aspect-ratio:1.2;object-fit:cover;border-radius:5px 80px 5px 5px}.event-feature p:not(.eyebrow){margin-top:25px}.event-panorama{margin:45px 7% 10px}.event-panorama img{width:100%;height:auto;max-height:620px;aspect-ratio:2;object-fit:cover;border-radius:6px}.event-panorama figcaption{margin-top:12px;font-size:14px}.service-photo{width:100%;height:auto;aspect-ratio:1.5;object-fit:cover;border-radius:6px;margin-bottom:30px}.split:has(.service-photo){align-items:start}.split>.text-block+.text-block{margin-top:0}@media(max-width:700px){.hero,.event-feature{grid-template-columns:1fr}.photo-collage{gap:10px}.hero .photo-collage .collage-main img{border-top-left-radius:70px}.hero .photo-collage figcaption{font-size:18px}.event-feature{gap:30px}.event-panorama{margin:30px 6% 0}.event-panorama img{aspect-ratio:1.25}.hero .photo-collage .collage-small img{aspect-ratio:1.1}}

.intake-wrap{max-width:1000px;margin:auto}.intake-summary{background:var(--mint);padding:30px;margin-bottom:35px}.intake-summary h2,.intake-end h2,#result h2{font-size:2rem;margin-bottom:20px}fieldset{border:0;border-bottom:1px solid #33134633;padding:28px 0 38px;margin:0 0 25px;min-width:0}legend{font-size:1.4rem;font-weight:600;line-height:1.3;padding:0}fieldset p{margin:12px 0 20px}label{display:block;font-size:16px;font-weight:600;margin:20px 0 9px}textarea,input,select{width:100%;font:inherit;color:var(--purple);background:#fffaf3;border:1px solid #746378;border-radius:4px;padding:14px;max-width:100%}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:3px solid var(--red);outline-offset:2px}button.button{font:inherit;cursor:pointer;border:0}#result{margin-top:35px;padding:30px;background:var(--mint)}#result[hidden]{display:none}details{margin-top:25px}summary{cursor:pointer;font-weight:600}#answers{background:white}.intake-end{padding-top:15px}
/* Witte merkheader volgens aangeleverde referentie. */
header{background:#fff;color:#302632;padding:26px 5%;flex-wrap:wrap;gap:22px}.brand{gap:16px;min-width:0}.brand img{width:64px;height:64px;border-radius:50%;flex-shrink:0}.brand-copy{display:flex;flex-direction:column;gap:8px;min-width:0}.brand strong{font-size:clamp(18px,2vw,25px);font-weight:700;line-height:1.2}.brand small{font-size:16px;line-height:1.3;font-weight:400;font-style:italic;color:#d92e56}.menu-toggle{display:none}header nav{margin:0}header nav a{font-size:14px}header nav[hidden]{display:none}@media(max-width:1100px){header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:25px 5%}.brand{flex:1;gap:12px}.brand img{width:52px;height:52px}.brand strong{font-size:clamp(16px,3.7vw,24px)}.brand small{font-size:clamp(13px,2.6vw,16px)}.menu-toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:50px;height:50px;border:1px solid #ddd;border-radius:50%;color:#302632;background:#fff;cursor:pointer}.menu-toggle:focus-visible{outline:3px solid var(--red);outline-offset:3px}header nav{width:100%;display:flex;flex-direction:column;align-items:stretch;gap:0;border-top:1px solid #eee;padding-top:12px}header nav a{font-size:17px;padding:12px 8px;border-bottom:1px solid #eee}header nav a[aria-current]{color:#bd2346;background:#fff6f8}.js-nav header nav:not(.is-open){display:none}}@media(max-width:360px){header{padding:20px 4%;gap:10px}.brand{gap:8px}.brand img{width:42px;height:42px}.brand strong{font-size:15px}.brand small{font-size:12px}.menu-toggle{width:44px;height:44px}}
/* Kleurafstemming op het officiële P.-logo. */
:root{--pink:#ee3c5b}
header,.menu-toggle{background:var(--cream)}
.brand small{color:#bb2346}
.hero .button,.cta .button,.ribbon,.cards>a:nth-child(2){color:#210b29}
header nav a[aria-current]{background:var(--cream);color:#bb2346}
.reviews{max-width:1050px;margin:auto}.reviews .text-block{padding-bottom:35px;border-bottom:1px solid #33134626}.reviews blockquote{margin:20px 0;font-size:1.1rem;line-height:1.75}.reviews .eyebrow{letter-spacing:.04em}
.reviews h3{font-size:1.4rem;margin-bottom:16px}footer .brand{max-width:100%;width:fit-content;white-space:normal}footer .brand img{width:64px;height:64px;object-fit:contain;flex-shrink:0}footer .brand small{color:#bb2346}footer .brand strong{font-size:clamp(18px,2vw,25px)}@media(max-width:400px){footer .brand{gap:10px}footer .brand img{width:46px;height:46px}footer .brand small{font-size:13px}}

footer .powered-by{display:block;flex-basis:100%;grid-column:1 / -1;width:100%;font-size:12px;line-height:1.6;opacity:.7;margin-top:20px}footer .powered-by a{font-size:inherit;color:inherit;text-decoration:none}footer .powered-by a:hover{text-decoration:underline}
