/* Contact gebruikt de bestaande bouwdoos en de crème Vox-huisstijl. */
body:has(.contact-page){background:#F8F5EF;font-family:"Plus Jakarta Sans",sans-serif}
.contact-page{max-width:1200px;padding-top:48px;padding-bottom:64px}
.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);grid-template-areas:"intro card" "photo card";grid-template-rows:auto 1fr;gap:28px 56px;align-items:start}
.contact-intro{grid-area:intro}.contact-photo{grid-area:photo}.contact-card{grid-area:card}
.contact-intro{max-width:560px}
.contact-photo{margin:0}.contact-photo figcaption{margin-top:14px;font-size:15px;line-height:1.5;color:#526A63}
.contact-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:20px;box-shadow:0 22px 50px -34px #19483E66}
.contact-card{max-width:none}
.contact-intro h1{font:700 clamp(32px,5vw,48px)/1.14 "Source Serif 4",serif;letter-spacing:-.025em;margin:0 0 18px;text-wrap:balance}
.contact-intro p,.contact-card p{text-wrap:pretty}
.contact-card.bloei-ui{--ui-ink:#19483E;--ui-muted:#526A63;--ui-line:#D8E2DB;--ui-surface:#FFFDF9;--ui-accent:#0C7064;font:16px/1.65 "Plus Jakarta Sans",sans-serif}
.contact-card h2{font-family:"Source Serif 4",serif}
.contact-card a{color:#0C7064;text-decoration:underline;text-underline-offset:3px}
.contact-card textarea{resize:vertical}
.contact-card :focus-visible{outline:3px solid #C88B43;outline-offset:3px}
.contact-card [hidden]{display:none!important}
.contact-card button:disabled{opacity:.65;cursor:wait}
.contact-val{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:900px){.contact-grid{grid-template-columns:1fr;grid-template-areas:"intro" "card" "photo";gap:24px}.contact-intro{max-width:none}}
@media(max-width:760px){.contact-page{width:calc(100% - 32px);padding-top:32px}.contact-card .ui-card{padding:20px}}
/* Herziening 24-10-2026 (ontwerp CoDesign): waarschuwing als vlak, onderwerp als keuzeknoppen, formulierkaart naast de foto. */
.contact-card .contact-note{margin:0;background:#E9F4F0;border-radius:16px;padding:16px 20px;color:#19483E;font-weight:700;font-size:16px;line-height:1.5}
.contact-chips{display:flex;flex-wrap:wrap;gap:10px}
.contact-chip{font:700 16px/1.2 "Plus Jakarta Sans",sans-serif;background:#E9F4F0;color:#19483E;border:0;border-radius:999px;padding:12px 20px;cursor:pointer}
.contact-chip[aria-checked="true"]{background:#0C7064;color:#fff}
.contact-js #onderwerp{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}