.ucm-contact-page{color:#1c2534}
.ucm-contact-page .container{box-sizing:border-box;width:100%;max-width:1190px;margin-inline:auto;padding-inline:28px}
.ucm-contact-hero{padding:44px 0 52px;background:radial-gradient(ellipse at 85% 0%,#f4e4ec,transparent 42%),#fff}
.ucm-contact-hero-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:34px;align-items:center}
.ucm-contact-hero-copy h1{font-size:clamp(41px,5vw,66px);line-height:1.08;letter-spacing:-.045em;margin:10px 0 18px;color:#89133e;max-width:680px}
.ucm-contact-hero .breadcrumb{margin-bottom:38px}
.ucm-contact-lead{font-size:clamp(20px,2.1vw,27px);line-height:1.55;color:#434f61;max-width:680px;margin:0}
.ucm-contact-hero-image{margin:0;border-radius:26px;overflow:hidden;box-shadow:0 16px 42px rgba(65,23,44,.12);border:1px solid #efe2e8;background:#fff}
.ucm-contact-hero-image img{display:block;width:100%;height:auto}
.ucm-contact-row{padding:8px 0 86px;background:#fff}
.ucm-contact-panel{display:grid;grid-template-columns:minmax(260px,.78fr) minmax(320px,1fr);gap:30px;align-items:start;background:#f7f2f5;border:1px solid #efe5ea;border-radius:24px;padding:28px;box-shadow:0 12px 28px rgba(70,19,44,.06)}
.ucm-contact-copy .eyebrow{margin-bottom:10px}
.ucm-contact-copy h2{font-size:clamp(28px,3vw,40px);line-height:1.15;letter-spacing:-.035em;margin:0 0 14px;color:#89133e}
.ucm-contact-copy p{font-size:17px;line-height:1.72;color:#495467;margin:0 0 18px}
.ucm-contact-points{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.ucm-contact-points li{position:relative;padding-left:28px;color:#2f3948;font-weight:600;line-height:1.5}
.ucm-contact-points li:before{content:"";position:absolute;left:0;top:.48em;width:12px;height:12px;border-radius:50%;background:linear-gradient(180deg,#a91d56,#771133);box-shadow:0 0 0 6px rgba(169,29,86,.1)}
.ucm-contact-formwrap{background:#fff;border:1px solid #eadfe5;border-radius:20px;padding:22px;box-shadow:0 10px 24px rgba(70,19,44,.06)}
.ucm-contact-form{display:grid;gap:14px}
.ucm-contact-form label{display:grid;gap:8px;font-weight:600;color:#263041}
.ucm-contact-form input,.ucm-contact-form textarea{width:100%;padding:13px 14px;border:1px solid #d9dfe8;border-radius:12px;font:inherit;color:#18202e;background:#fff;box-sizing:border-box}
.ucm-contact-form textarea{resize:vertical;min-height:120px}
.ucm-contact-form .btn{justify-self:start}
.ucm-contact-form .muted{margin:4px 0 0;font-size:13px;line-height:1.55;color:#66707f}
.ucm-contact-form .muted a{color:#771133;text-decoration:none}
@media(max-width:920px){.ucm-contact-hero-layout,.ucm-contact-panel{grid-template-columns:1fr}.ucm-contact-hero-image{max-width:760px}}
@media(max-width:560px){.ucm-contact-page .container{padding-inline:19px}.ucm-contact-panel{padding:20px}.ucm-contact-hero{padding-top:34px;padding-bottom:40px}.ucm-contact-copy p{font-size:16px}}

/* v23: behoud de contactopmaak van v21; pas alleen gevraagde details aan */
.ucm-contact-hero-layout{grid-template-columns:minmax(0,1.4fr) minmax(0,.6fr);gap:30px}
.ucm-contact-hero-copy h1{font-size:clamp(38px,3.65vw,53px);max-width:none}
.ucm-contact-hero-image{width:100%;max-width:380px;justify-self:end}
.ucm-contact-form{gap:9px}
.ucm-contact-form label{margin:0;gap:5px}
.ucm-contact-form input,.ucm-contact-form textarea{margin-top:0}
.ucm-contact-form .btn{margin-top:6px}
@media(max-width:920px){.ucm-contact-hero-layout{grid-template-columns:1fr}.ucm-contact-hero-image{justify-self:start;max-width:380px}}