.contact-page{--cream:#F4F0E8;--plum:#421A32;--coral:#FF5138;background:var(--cream)}.contact-page h1,.contact-page h2{font-family:"Fraunces",serif;font-variation-settings:"WONK" 1;font-weight:500;letter-spacing:-.045em;line-height:1.06;margin:0 0 2rem}.contact-page h1{font-size:clamp(3.15rem,6vw,6.5rem);color:var(--plum)}.contact-page h2{font-size:clamp(2.6rem,4.5vw,4.8rem)}.contact-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:6vw;padding:6rem 7vw 7rem;max-width:1600px;margin:auto}.contact-hero-copy p{max-width:720px;margin:1.5rem 0}.contact-hero-copy .eyebrow{margin:0 0 2rem}.contact-hero-copy .button{margin-top:1rem}.contact-portrait{margin:4rem 0 0;align-self:start;position:relative}.contact-portrait:before{content:"";position:absolute;inset:-12px 12px 12px -12px;border:1px solid var(--plum);z-index:-1}.contact-portrait img{width:100%;height:auto;object-fit:contain}.contact-intro{background:var(--plum);color:var(--cream);padding:7rem 10vw}.contact-intro>div{max-width:1050px;margin:auto}.contact-intro h2{max-width:950px}.contact-intro p{max-width:700px;margin:1.5rem 0 1.5rem auto}.contact-intro p:last-child{color:var(--coral);font-family:"Fraunces",serif;font-size:1.7rem;line-height:1.3}.contact-form-section{padding:7rem 7vw;scroll-margin-top:2rem}.contact-form-section:focus{outline:none}.contact-form-layout{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:6vw;max-width:1180px;margin:auto}.contact-form-layout h2{color:var(--plum)}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.field{margin-bottom:1.7rem;min-width:0}.field label,legend{display:block;font-weight:600;font-size:.85rem;margin-bottom:.65rem}.contact-page input:not([type=checkbox]),.contact-page textarea{width:100%;min-width:0;border:1px solid var(--line);border-radius:0;background:transparent;padding:1rem;font:400 1rem "DM Sans",sans-serif;color:var(--ink)}.contact-page textarea{resize:vertical;min-height:200px}.contact-page input:focus-visible,.contact-page textarea:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.contact-page input::placeholder,.contact-page textarea::placeholder{color:#625960;opacity:1}.contact-page fieldset{border:0;padding:0;margin:0 0 2rem}.service-choice{display:flex;align-items:center;gap:.8rem;padding:.6rem 0;cursor:pointer}.service-choice input{width:20px;height:20px;margin:0;accent-color:var(--plum);flex:none}.service-choice span{font-size:.95rem}.form-submit{border:0;cursor:pointer;background:var(--plum);color:var(--cream);font-family:"DM Sans",sans-serif}.contact-page .button:focus-visible{outline:2px solid var(--blue);outline-offset:4px}#form-status{font-size:.9rem;border-left:2px solid var(--coral);padding-left:1rem;margin-top:1.5rem}.direct-contact{padding:7rem 7vw;background:var(--ink);color:var(--cream)}.direct-contact>div{max-width:1180px;margin:auto}.direct-contact p{max-width:740px}.contact-email{font-family:"Fraunces",serif;font-size:clamp(1.5rem,3.6vw,3.8rem);line-height:1.25;color:var(--coral);overflow-wrap:anywhere}.contact-email strong{font-weight:500}@media(max-width:900px){.contact-hero{padding:5rem 4.5vw;grid-template-columns:minmax(0,1fr) minmax(0,.65fr);gap:3rem}.contact-page h1{font-size:3.6rem}.contact-portrait{margin-top:4rem}.contact-intro,.contact-form-section,.direct-contact{padding:5rem 4.5vw}.contact-form-layout{display:block}.contact-form-layout form{max-width:800px}.contact-intro p{margin-left:0}}@media(max-width:600px){.contact-hero{display:flex;flex-direction:column;padding:4.8rem 1.1rem;gap:2.5rem}.contact-page h1{font-size:3.15rem}.contact-page h2{font-size:2.8rem}.contact-portrait{margin:0 0 0 .75rem;max-width:420px;align-self:center;width:calc(100% - .75rem)}.contact-intro,.contact-form-section,.direct-contact{padding:4.8rem 1.1rem}.field-pair{grid-template-columns:1fr;gap:0}.contact-page .button{max-width:100%;gap:1.5rem;line-height:1.6}.contact-page footer{padding-inline:1.1rem}}
.contact-portrait{width:100%;max-width:320px;justify-self:end}@media(max-width:600px){.contact-portrait{width:calc(100% - .75rem);max-width:320px}}

#contactformulier{scroll-margin-top:calc(110px + env(safe-area-inset-top))}