/* Contactpagina — fotostrook. Alleen deze pagina. */
.cm-contact-page--photostrip{color:#3e3128;background:#fff;padding:36px 0 48px}
.cm-contact-page--photostrip *{box-sizing:border-box}
.cm-contact-page__shell{width:min(1240px,calc(100% - 40px));margin:auto}
.cm-contact-page__heading{text-align:center;padding:0 0 28px}
.cm-contact-page__eyebrow{color:#990033;font-size:13px;letter-spacing:.16em;text-transform:uppercase;margin:0 0 12px}
.cm-contact-page__title{font-family:"Cormorant Garamond",Georgia,serif!important;font-size:clamp(34px,4vw,60px)!important;line-height:1.1;color:#990033!important;padding:0;margin:0}
.cm-contact-page__intro{font-size:18px;line-height:1.6;margin:14px auto 0;max-width:1000px}
.cm-contact-page__photos{display:grid;grid-template-columns:repeat(var(--cm-photo-count),minmax(0,1fr));gap:8px;width:min(1240px,calc(100% - 48px));margin:0 auto}
.cm-contact-page__photos figure{margin:0;aspect-ratio:1.65;overflow:hidden}
.cm-contact-page__photos img{display:block;width:100%;height:100%;object-fit:cover}
body .cm-contact-page--photostrip #casamia-contact{margin:0!important;padding:0!important}
body .cm-contact-page--photostrip #casamia-contact .cm-contactblok-inner{width:min(1240px,calc(100% - 40px))!important;max-width:1240px!important;margin:0 auto!important;padding:38px 0!important;display:grid!important;grid-template-columns:minmax(0,.65fr) minmax(0,1.65fr)!important;gap:48px!important;background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important}
body .cm-contact-page--photostrip #casamia-contact .cm-contactblok-copy{padding:0 28px 0 0!important;border-right:1px solid #e6d8cc;transform:none!important}
.cm-contact-page--photostrip h2{color:#990033!important;font-family:"Cormorant Garamond",Georgia,serif!important;font-size:32px!important;line-height:1.2}
.cm-contact-page--photostrip .cm-contactblok-copy a{color:#990033;overflow-wrap:anywhere}
body .cm-contact-page--photostrip #casamia-contact .cm-contactblok-formwrap{padding:0!important;border:0!important;background:#fff!important;box-shadow:none!important;border-radius:0!important;min-width:0}
body .cm-contact-page--photostrip #casamia-contact .cm-contact-form{gap:16px!important}
body .cm-contact-page--photostrip #casamia-contact .cm-contact-field input,body .cm-contact-page--photostrip #casamia-contact textarea{border-radius:4px!important;min-width:0}
body .cm-contact-page--photostrip #casamia-contact .cm-contactblok-button{background:#990033!important;border-radius:4px!important;justify-self:start;color:#fff}
@media(max-width:900px){body .cm-contact-page--photostrip #casamia-contact .cm-contactblok-inner{grid-template-columns:1fr!important;gap:24px!important}body .cm-contact-page--photostrip #casamia-contact .cm-contactblok-copy{border:0;padding:0!important}.cm-contact-page__photos figure{aspect-ratio:1.65}}
@media(max-width:600px){.cm-contact-page--photostrip{padding-top:24px}.cm-contact-page__intro{font-size:16px}.cm-contact-page__photos{grid-template-columns:repeat(2,minmax(0,1fr))}.cm-contact-page__photos figure{aspect-ratio:1.65}.cm-contact-page__photos figure:last-child:nth-child(odd){grid-column:1/-1;aspect-ratio:3.3}.cm-contact-page--photostrip h2{font-size:28px!important}}

/* Contactontwerp: Toscaanse lijnillustratie en onderste voordelenbalk. */
.cm-contact-page--photostrip .cm-contact-page__illustration{display:block;width:100%;max-width:360px;height:auto;margin:26px auto 0;opacity:.9}
.cm-contact-page--photostrip .cm-contact-page__benefits{background:#f8f5f0;border-top:1px solid #eee7dd;padding:23px 20px;color:#655f59}
.cm-contact-page--photostrip .cm-contact-page__benefits ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(1240px,100%);padding:0;margin:0 auto;list-style:none}
.cm-contact-page--photostrip .cm-contact-page__benefits li{display:flex;align-items:center;justify-content:center;gap:18px;padding:0 20px;font-size:14px;line-height:1.5;text-align:left}
.cm-contact-page--photostrip .cm-contact-page__benefits li+li{border-left:1px solid #e6d8cc}
.cm-contact-page--photostrip .cm-contact-page__benefits li span{color:#990033;font-size:25px;line-height:1;flex-shrink:0}
body .cm-contact-page--photostrip{padding-bottom:0}
@media(min-width:601px) and (max-width:900px){.cm-contact-page--photostrip .cm-contact-page__illustration{max-width:270px;margin:12px 0 0}.cm-contact-page--photostrip .cm-contact-page__benefits li{gap:10px;padding:0 12px;font-size:13px}}
@media(max-width:600px){.cm-contact-page--photostrip .cm-contact-page__illustration{max-width:270px;margin:16px 0 0}.cm-contact-page--photostrip .cm-contact-page__benefits ul{grid-template-columns:1fr;gap:14px}.cm-contact-page--photostrip .cm-contact-page__benefits li{justify-content:flex-start;padding:0;gap:14px}.cm-contact-page--photostrip .cm-contact-page__benefits li+li{border-left:0}}

@media(max-width:767px){.cm-contact-page--photostrip .cm-contact-page__photos{width:calc(100vw - 48px);max-width:calc(100% - 24px)}}

/* Contactpagina: op telefoon/kleine tablet eerst het formulier. */
@media(max-width:900px){
 body .cm-contact-page--photostrip #casamia-contact.cm-contactblok--homepage.cm-contactblok--clean .cm-contactblok-formwrap{order:1}
 body .cm-contact-page--photostrip #casamia-contact.cm-contactblok--homepage.cm-contactblok--clean .cm-contactblok-copy{order:2}
}
@media(max-width:767px){
 .cm-contact-page--photostrip .cm-contact-page__photos{display:none}
}

/* Contact: voordelen boven de titel, op telefoon als laatste contactinhoud. */
.cm-contact-page--photostrip > .cm-contact-benefits{margin-bottom:28px}
@media(max-width:767px){
 .cm-contact-page--photostrip{display:flex;flex-direction:column}
 .cm-contact-page--photostrip > .cm-contact-benefits{order:2;margin-top:12px;margin-bottom:0}
}

@media(min-width:768px){body .cm-contact-page--photostrip{padding-top:0}}