/* A welcoming illustrated contact stop between questions and the Aruba family. */
.contact-section{
  background:var(--service-sage-background);
  border-block:1px solid #afbf976b;
  padding-block:40px;
  scroll-margin-top:100px;
}
.contact-inner{
  display:grid;grid-template-columns:320px minmax(0,1fr);align-items:center;
  gap:28px;max-width:1100px;
}
.contact-chef{display:block;width:100%;height:auto;pointer-events:none}
.contact-card{
  position:relative;background:#fff9ed;border:1px solid #c5b78c;
  border-radius:24px;padding:36px 40px 40px;
  box-shadow:0 5px 0 #96a77d26;
}
.contact-card:before{
  content:"";position:absolute;inset:7px;border:1px solid #d9cfb552;
  border-radius:18px;pointer-events:none;
}
.contact-card .eyebrow{font-size:11px;letter-spacing:1.6px;margin:0 0 12px;color:#60714e}
.contact-card h2{font-size:clamp(48px,4.2vw,62px);line-height:1.1;margin:0 0 13px;text-wrap:balance}
.contact-card>p:not(.eyebrow){font-size:15px;line-height:1.7;margin:0 0 24px;text-wrap:pretty;color:#435c48}
.contact-card .button-explore{font-size:25px;gap:24px;max-width:100%}
.contact-section+.family-section{padding-top:65px}

/* Keep the email channel and urgent phone option clear inside the existing dialog. */
#info-dialog{width:min(630px,calc(100% - 40px))}
#info-dialog .close-info{width:44px;height:44px;right:12px;top:12px;z-index:1}
.info-shell{padding:36px 40px}
.info-shell h2{padding-right:24px;font-size:46px;line-height:1.05;margin:8px 0 14px;text-wrap:balance}
.info-shell .contact-intro{margin:0 0 6px}
.info-shell .contact-reassurance{margin:0 0 18px;font-weight:600}
.preview-form label{font-size:13px;margin:13px 0}
.preview-form input,.preview-form textarea{font:inherit;font-size:16px;color:var(--forest)}
.preview-form textarea{min-height:95px}
.preview-form .button{min-height:46px;width:100%}
.preview-form #message-status:empty{display:none}
.info-shell .contact-call{
  text-align:center;border-top:1px solid #d7c8a4;margin-top:24px;padding-top:18px;
}
.info-shell .contact-call p{margin:0 0 5px;font-size:14px}
.contact-call a{display:inline-flex;align-items:center;min-height:44px;font:600 25px/1.2 var(--invitation-font);color:var(--forest);text-underline-offset:5px;text-decoration-thickness:1px}
.contact-call span{display:block;color:#52624d;font-size:12px;margin-top:3px}
@media(min-width:701px) and (max-width:1000px){
  .contact-inner{grid-template-columns:240px minmax(0,1fr);gap:16px}
  .contact-card{padding:30px 26px 32px}
  .contact-card h2{font-size:48px}
  .contact-card>p:not(.eyebrow){font-size:14px}
  .contact-card .desktop-break{display:none}
  .contact-card .button-explore{font-size:23px;padding-left:23px;gap:18px}
}
@media(max-width:700px){
  .contact-section{padding-block:22px 34px}
  .contact-inner{grid-template-columns:1fr;gap:0;max-width:480px}
  .contact-chef{width:190px;margin:0 auto -13px;position:relative}
  .contact-card{text-align:center;border-radius:20px;padding:27px 22px 30px;z-index:1}
  .contact-card:before{border-radius:15px}
  .contact-card .eyebrow{font-size:9px;letter-spacing:1.1px;margin-bottom:13px}
  .contact-card h2{font-size:47px;margin-bottom:12px}
  .contact-card>p:not(.eyebrow){font-size:13px;margin-bottom:22px}
  .contact-card .button-explore{min-height:54px;font-size:23px;padding-left:22px;gap:17px}
  .contact-card .button-arrow{width:30px;height:30px}
  .contact-section+.family-section{padding-top:42px}
  #info-dialog{width:calc(100% - 24px)}
  .info-shell{padding:30px 22px 24px}
  .info-shell h2{font-size:42px;padding-right:20px;margin:14px 0}
}
@media(max-width:370px){
  .contact-card{padding-inline:17px}
  .contact-card h2{font-size:42px}
  .contact-card .button-explore{font-size:21px;gap:13px;padding-left:19px}
}

.contact-honey{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.contact-form [hidden],#contact-receipt[hidden]{display:none!important}
.contact-form button:disabled{opacity:.65;cursor:wait}
.info-shell .contact-consent{font-size:11px!important;line-height:1.6;margin:12px 0}
#message-status{overflow-wrap:anywhere}
#contact-receipt{padding:24px 0 10px;text-align:center}
#contact-receipt h3{font:600 32px/1.2 var(--serif);margin:0 0 14px}
#contact-receipt .text-link{min-height:44px}