/* Same columns and inset as the explanatory text panels above contact. */
.contact-container{grid-template-columns:repeat(auto-fit,minmax(min(100%,27rem),1fr));grid-template-rows:auto;gap:clamp(1.5rem,4vw,5rem);padding:var(--v2-panel-padding);height:auto;min-height:100svh;box-sizing:border-box;align-items:start}
.contact-container .text-contact{grid-column:1;grid-row:1;margin-left:calc(-1 * var(--v2-panel-padding))}
.contact-container .mail-textcontainer{grid-column:2;grid-row:1;margin:0;min-width:0;width:100%;justify-content:normal}
.contact-container .contact-direct{margin:0 0 1.5rem;overflow-wrap:anywhere}
#contact-form{width:100%;display:grid;grid-template-columns:minmax(0,1fr);justify-items:start}
#contact-form>br{display:none}
#contact-form>.lb-name,#contact-form>.lb-email,#contact-form>.lb-message{margin-top:1rem;text-align:left;grid-column:auto;grid-row:auto}
#contact-form>.ip-name,#contact-form>.ip-email,#contact-form>.ip-message{box-sizing:border-box;width:100%;max-width:100%;grid-column:auto;grid-row:auto}
#contact-form>.bt-submit{grid-column:auto;margin-top:1.5rem}
.service-panel{position:relative;z-index:2}
.service-offerings.scroll-cards-ready{position:relative;z-index:1;clip-path:inset(0)}
.scroll-cards-ready>.service-card{will-change:transform;transform:translate3d(var(--card-x,0px),var(--card-y,0px),0)}
@media(max-width:760px){.contact-container{grid-template-columns:minmax(0,1fr);gap:2rem;min-height:0;padding-bottom:12rem}.contact-container .mail-textcontainer{grid-column:1;grid-row:2}.contact-container .text-contact{grid-column:1;grid-row:1}.contact-container .img-mail-con{display:none}}
@media(prefers-reduced-motion:reduce){.scroll-cards-ready>.service-card{transform:none!important;will-change:auto}}

.contact-container .img-mail-con{display:none}
