.rosedal-contact{background:#f5f3eb;padding:85px 5vw 90px;color:#22432f}
.contact-shell{max-width:1190px;margin:0 auto}
.contact-heading{text-align:center;max-width:650px;margin:0 auto 52px}
.contact-kicker{display:block;font:600 10px/1.7 Arial,sans-serif;letter-spacing:.2em;color:#748366;margin-bottom:18px}
.contact-heading h1{font:400 clamp(46px,5vw,72px)/1.06 Georgia,serif;letter-spacing:-.045em;color:#1d402c;margin:0 0 20px}
.contact-heading h1 em{font-weight:400;color:#73865c}
.contact-heading>p{font:15px/1.8 Arial,sans-serif;color:#697363;max-width:520px;margin:0 auto}
.contact-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.8fr);gap:22px;align-items:stretch}
.contact-form-card,.contact-side-card{border-radius:7px;padding:clamp(25px,4vw,48px)}
.contact-form-card{background:#fff;box-shadow:0 20px 65px #29422c0a}
.contact-form-step{font:600 9px/1.6 Arial,sans-serif;letter-spacing:.16em;color:#7c8c68}
.contact-form-card h2{font:400 clamp(31px,3vw,40px)/1.15 Georgia,serif;letter-spacing:-.025em;color:#23442e;margin:13px 0 8px}
.contact-form-card>p{font:13px/1.7 Arial,sans-serif;color:#77806e;margin:0 0 28px}
.contact-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 18px}
.contact-field{min-width:0}
.contact-field--wide{grid-column:1/-1}
.contact-field label{display:block;font:500 12px/1.5 Arial,sans-serif;color:#355440;margin:0 0 8px}
.contact-field label span{font-weight:400;color:#92998c}
.contact-form .form-control{height:51px;border:1px solid #dfe4da;border-radius:3px;background:#fbfcf8;color:#304536;padding:13px 15px;box-shadow:none;font:13px/1.5 Arial,sans-serif;transition:border-color .2s,box-shadow .2s}
.contact-form textarea.form-control{height:auto;min-height:120px;resize:vertical}
.contact-form select.form-control{box-sizing:border-box;appearance:none;-webkit-appearance:none;display:block;position:static;float:none;width:100%;min-width:0;height:51px;margin:0;padding:13px 42px 13px 15px;border:1px solid #dfe4da;border-radius:5px;background:#f8f9f5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236b7d63' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 15px center;color:#304536;font:13px/1.5 Arial,sans-serif;cursor:pointer}
.contact-form .form-control::placeholder{color:#a0a79b}
.contact-form .form-control:focus{border-color:#6e8965;box-shadow:0 0 0 3px #79976a20;outline:0}
.contact-form select.form-control:focus{background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236b7d63' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 15px center}
.contact-submit{width:100%;min-height:53px;padding:14px 18px;border:0;border-radius:3px;display:flex;align-items:center;justify-content:space-between;gap:15px;background:#244b34;color:#f7f5ea;font:500 13px/1.5 Arial,sans-serif;cursor:pointer;transition:background .2s,transform .2s}
.contact-submit:hover{background:#315d41;transform:translateY(-1px)}
.contact-submit span:last-child{font:23px/1 Georgia,serif}
.contact-privacy{display:block;margin-top:10px;color:#818a7b;font:10px/1.6 Arial,sans-serif}
.contact-form .dzFormMsg{grid-column:1/-1;margin-bottom:15px}
.contact-side-card{position:relative;overflow:hidden;background:#1d402d;color:#f3f0e4;isolation:isolate}
.contact-side-card:after{content:'';position:absolute;z-index:-1;width:330px;height:330px;right:-160px;bottom:-160px;border:1px solid #d6e0bc2b;border-radius:50%;box-shadow:0 0 0 35px #d6e0bc0a,0 0 0 70px #d6e0bc0a}
.contact-side-mark{display:grid;place-items:center;width:50px;height:50px;border:1px solid #b5c99c80;border-radius:50%;font:italic 19px Georgia,serif;color:#dbe4ca;margin-bottom:44px}
.contact-side-card .contact-kicker{color:#c2d1ad;margin-bottom:17px}
.contact-side-card h2{font:400 clamp(31px,3vw,42px)/1.12 Georgia,serif;letter-spacing:-.025em;color:#f7f5ea;margin:0 0 16px}
.contact-side-card>p{font:13px/1.8 Arial,sans-serif;color:#c1cdbc;max-width:320px;margin:0}
.contact-side-details{display:flex;flex-direction:column;gap:0;margin:32px 0}
.contact-side-details>a,.contact-side-details>div{display:flex;flex-direction:column;gap:7px;padding:15px 0;border-top:1px solid #ffffff24}
.contact-side-details span{font:9px/1.5 Arial,sans-serif;letter-spacing:.15em;color:#b4c69e}
.contact-side-details strong{font:13px/1.6 Arial,sans-serif;font-weight:400;color:#f3f0e4;overflow-wrap:anywhere}
.contact-side-details a:hover strong{color:#cbd9ad}
.contact-whatsapp{display:flex;align-items:center;gap:10px;padding:14px;border-radius:3px;background:#dce7c7;color:#23452f;font:500 11px/1.5 Arial,sans-serif}
.contact-whatsapp:hover{background:#eef4df;color:#23452f}
.contact-whatsapp>span{margin-left:auto;font:20px/1 Georgia,serif}
.contact-map-heading{margin:74px 0 22px}
.contact-map-heading .contact-kicker{margin-bottom:10px}
.contact-map-heading h2{font:400 clamp(32px,3.6vw,48px)/1.1 Georgia,serif;letter-spacing:-.03em;color:#21432e;margin:0 0 8px}
.contact-map-heading p{font:13px/1.7 Arial,sans-serif;color:#737e6c;margin:0}
.contact-map{height:410px;overflow:hidden;border-radius:5px;background:#e1e5d9;box-shadow:0 18px 55px #273d2a12}
.contact-map iframe{width:100%;height:100%;border:0;filter:saturate(.75)}
.rosedal-contact a:focus-visible{outline:2px solid #a9c18c;outline-offset:4px}
@media(max-width:850px){.rosedal-contact{padding:65px 5vw 70px}.contact-layout{grid-template-columns:1fr}.contact-side-card{display:grid;grid-template-columns:1fr 1fr;column-gap:30px;align-items:start}.contact-side-mark{grid-column:1/-1;margin-bottom:25px}.contact-side-card .contact-kicker,.contact-side-card h2,.contact-side-card>p{grid-column:1}.contact-side-details{grid-column:2;grid-row:2/5;margin:0}.contact-whatsapp{grid-column:1/-1;margin-top:20px}}
@media(max-width:600px){.rosedal-contact{padding:52px 20px 58px}.contact-heading{margin-bottom:34px}.contact-heading>p{font-size:14px}.contact-form-card,.contact-side-card{padding:25px 21px}.contact-fields{grid-template-columns:1fr;gap:16px}.contact-field--wide{grid-column:auto}.contact-form .form-control{height:50px}.contact-form textarea.form-control{min-height:110px}.contact-side-card{display:block}.contact-side-mark{margin-bottom:32px}.contact-side-details{margin:25px 0 0}.contact-map-heading{margin-top:52px}.contact-map{height:340px}}
@media(prefers-reduced-motion:reduce){.contact-submit,.contact-form .form-control{transition:none}.contact-submit:hover{transform:none}}
/* Refined contact page header and a more expressive inquiry card. */
.site-header .logo-header{width:150px;height:70px;display:flex;align-items:center}
.site-header .logo-header>a{display:flex;align-items:center}
.site-header .logo-header img{display:block;width:148px;height:auto;max-height:68px;object-fit:contain}
.contact-heading{position:relative;margin-bottom:43px}
.contact-heading .contact-kicker:before{content:'';display:inline-block;width:12px;height:12px;margin-right:10px;vertical-align:-1px;background-color:#a1b080;-webkit-mask:url('../images/icons/rosedal-flower.svg') center/contain no-repeat;mask:url('../images/icons/rosedal-flower.svg') center/contain no-repeat}
.contact-form-card{position:relative;overflow:hidden;border:1px solid #e5e8df;border-radius:8px;padding-top:0;box-shadow:0 24px 70px #243d2a12}
.contact-form-card:before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#244b34 0%,#738a5d 58%,#d6aa48 100%)}
.contact-form-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:35px 0 23px;border-bottom:1px solid #e8ebe3;margin-bottom:18px}
.contact-form-heading h2{font:400 clamp(34px,3.5vw,46px)/1.06 Georgia,serif;letter-spacing:-.035em;color:#23442e;margin:12px 0 9px}
.contact-form-heading p{font:13px/1.7 Arial,sans-serif;color:#77806e;margin:0;max-width:410px}
.contact-form-index{flex:0 0 auto;width:66px;height:66px;border-radius:50%;display:grid;place-items:center;border:1px solid #dfe5d7;color:#82926d;font:italic 25px Georgia,serif;background:#f7f8f3}
.contact-form-progress{display:flex;align-items:center;gap:12px;margin:22px 0 25px;color:#88917f;font:9px/1.6 Arial,sans-serif;letter-spacing:.05em}
.contact-form-progress b{font-weight:500;color:#4c684e;margin-left:4px}
.contact-form-progress i{height:1px;flex:1;background:#dce2d6}
.contact-form .form-control{border-radius:5px;background:#f8f9f5;border-color:#e1e6dc}
.contact-form .form-control:focus{background:#fff}
.contact-submit{border-radius:5px;min-height:57px;background:#c1d2a6;color:#1e422c;padding:16px 20px;font-size:13px}
.contact-submit:hover{background:#d4e2bd;color:#1e422c}
.contact-submit span:last-child{font-size:25px}
@media(max-width:767px){.site-header .logo-header{width:132px;height:62px}.site-header .logo-header img{width:130px;max-height:60px}.contact-form-heading{padding-top:29px}.contact-form-index{width:50px;height:50px;font-size:20px}.contact-form-progress{gap:6px;font-size:8px}.contact-form-progress b{display:block;margin:2px 0 0}.contact-form-progress i{min-width:8px}}
@media(max-width:410px){.contact-form-progress{gap:4px;font-size:7px}.contact-form-progress span{white-space:nowrap}.contact-form-progress b{font-size:7px}}

/* Remove the theme page-content gap below the contact map. */
.page-content{padding-bottom:0!important}
.rosedal-contact{padding-bottom:0!important;margin-bottom:0!important}
.rosedal-footer .rosedal-footer-main{padding-top:56px}
/* Intentional breathing room between the map and the footer. */
.rosedal-contact{padding-bottom:180px!important}
@media(max-width:600px){.rosedal-contact{padding-bottom:120px!important}}

@media(min-width:1600px){
 .contact-kicker,.contact-form-step{font-size:12px}
 .contact-field label{font-size:15px}
 .contact-form .form-control{font-size:15px}
 .contact-form-progress{font-size:12px}
 .contact-privacy{font-size:12px}
 .contact-side-details span{font-size:11px}
 .contact-side-details strong,.contact-whatsapp{font-size:14px}
 .contact-map-heading>p{font-size:15px}
}
