/* Contact Us — landscape plate with lockup, facts, and inquiry form. */

.page--contact-us .page-hero h1,
.page--contact-us .page-hero__content>p:last-child{
  max-width:none;
  width:100%;
  text-wrap:unset;
}
.page--contact-us .page-hero--contact-us .page-hero__image{
  object-position:center 42%;
  filter:saturate(.9) contrast(1.1) brightness(.92);
}

.cu-vista{
  padding:clamp(48px,6vw,92px) var(--pad) clamp(72px,9vw,128px);
  background:var(--paper-cool);
}
.cu-vista__plate{
  position:relative;
  width:min(100%,var(--wrap));
  margin:50px auto 0;
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);
  min-height:780px;
  border-radius:22px;
  overflow:hidden;
  isolation:isolate;
  box-shadow:0 28px 70px rgba(24,47,39,.14);
}
.cu-vista__art{
  position:absolute;
  inset:0;
  z-index:0;
  margin:0;
}
.cu-vista__art img{
  width:100%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:center 48%;
}
.cu-vista__copy,
.cu-vista__card{
  position:relative;
  z-index:2;
}
.cu-vista__copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(28px,4vw,52px) clamp(22px,3.4vw,40px) clamp(28px,4vw,52px) clamp(28px,4vw,48px);
}
.cu-vista__lockup{
  margin:0 0 18px;
  max-width:none;
  line-height:0;
}
.cu-vista__lockup img{
  display:block;
  width:min(100%,560px);
  height:auto;
  max-width:none;
  filter:drop-shadow(0 12px 22px rgba(29,57,47,.12));
}
.cu-vista__copy>p{
  margin:0 0 26px;
  max-width:38ch;
  color:#2f3d38;
  font-size:1.02rem;
  line-height:1.58;
  text-shadow:0 1px 10px rgba(247,243,234,.7);
}
.cu-vista__facts{
  display:grid;
  gap:18px;
  margin:0;
  padding:0;
  list-style:none;
  max-width:46ch;
}
.cu-vista__facts li{
  display:grid;
  grid-template-columns:36px minmax(0,1fr);
  gap:14px;
  align-items:center;
}
.cu-vista__fact-ico{
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  flex:0 0 36px;
  border-radius:50%;
  background:var(--pine);
  color:var(--white);
}
.cu-vista__fact-ico svg{
  width:16px;
  height:16px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
}
.cu-vista__facts a,
.cu-vista__facts li>span:not(.cu-vista__fact-ico){
  color:var(--pine);
  font-size:.98rem;
  line-height:1.45;
  overflow-wrap:break-word;
  text-shadow:0 1px 8px rgba(247,243,234,.8);
}
.cu-vista__facts a{
  border-bottom:1px solid rgba(29,57,47,.22);
}
.cu-vista__facts a:hover{color:var(--ochre-deep);border-color:var(--ochre)}

.cu-vista__card{
  display:flex;
  align-items:center;
  padding:clamp(36px,5vw,56px) clamp(28px,4vw,48px) clamp(36px,5vw,56px) 8px;
}
.cu-vista-form{
  position:relative;
  z-index:3;
  width:100%;
  display:grid;
  gap:18px;
  padding:38px 34px 30px;
  border:1px solid rgba(90,72,48,.1);
  border-radius:18px;
  background:#fbf8f3;
  box-shadow:0 18px 40px rgba(18,39,31,.16);
}
.cu-vista-form__mark{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:14px;
  color:#315347;
  margin:0 0 6px;
}
.cu-vista-form__mark i{
  height:1px;
  background:linear-gradient(90deg,rgba(49,83,71,0),rgba(49,83,71,.38));
}
.cu-vista-form__mark i:last-child{background:linear-gradient(90deg,rgba(49,83,71,.38),rgba(49,83,71,0))}
.cu-vista-form__mark svg{width:48px;height:20px}
.cu-vista-form label{
  display:grid;
  gap:8px;
  color:#2c3a34;
  font-size:.82rem;
}
.cu-vista-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cu-vista-field{
  position:relative;
  display:block;
}
.cu-vista-field svg{
  position:absolute;
  left:13px;
  top:50%;
  z-index:2;
  width:15px;
  height:15px;
  transform:translateY(-50%);
  fill:none;
  stroke:#8a938e;
  stroke-width:1.7;
  pointer-events:none;
}
.cu-vista-field svg.cu-vista-ico--end{
  left:auto;
  right:13px;
}
.cu-vista-form input:not([type="hidden"]),
.cu-vista-form textarea{
  width:100%;
  min-height:46px;
  padding:12px 14px;
  border:1px solid rgba(90,72,48,.18);
  border-radius:8px;
  background:#fff;
  color:var(--pine);
  font:inherit;
  font-size:.92rem;
  color-scheme:light;
}
.cu-vista-form input:not([type="hidden"]):not([type="date"]),
.cu-vista-form textarea{
  appearance:none;
  -webkit-appearance:none;
}
.cu-vista-field input{padding-left:40px}
.cu-vista-field--date{cursor:pointer}
.cu-vista-field--date input{
  position:relative;
  padding-right:42px;
  cursor:pointer;
}
.cu-vista-field--date input::-webkit-calendar-picker-indicator{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  opacity:0;
  cursor:pointer;
}
.cu-vista-field--date input::-webkit-datetime-edit{padding:0}
.cu-vista-field--date.is-empty input{color:transparent}
.cu-vista-field--date.is-empty input:focus{color:var(--pine)}
.cu-vista-field--date.is-empty::after{
  content:"Select date";
  position:absolute;
  left:40px;
  top:50%;
  z-index:2;
  transform:translateY(-50%);
  color:#5a605c;
  font-size:.92rem;
  pointer-events:none;
}
.cu-vista-field--date.is-empty:focus-within::after{opacity:0}
.cu-vista-form textarea{
  min-height:132px;
  resize:vertical;
  padding:12px 14px 30px;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 70' fill='none' stroke='%2394a39c' stroke-width='1.1' opacity='.35'><path d='M8 56 42 30 62 42 94 16 120 34 150 20 172 48'/></svg>");
  background-repeat:no-repeat;
  background-position:right 12px bottom 10px;
  background-size:42% auto;
  background-color:#fff;
}
.cu-vista-form input:focus-visible,
.cu-vista-form textarea:focus-visible{
  outline:none;
  border-color:var(--ochre);
  box-shadow:0 0 0 3px rgba(184,110,63,.14);
}
.cu-vista-send{
  --send-gold:#c4a06a;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  min-height:58px;
  width:100%;
  margin-top:6px;
  padding:26px 18px 12px;
  border:0;
  border-radius:8px;
  color:#f6f1e6;
  background:#384535;
  font-family:var(--body);
  font-size:.72rem;
  font-weight:500;
  letter-spacing:.28em;
  text-transform:uppercase;
  cursor:pointer;
  transition:background-color .2s var(--ease);
}
.cu-vista-send > *{position:relative;z-index:1}
.cu-vista-send__peak{
  position:absolute;
  top:7px;
  left:50%;
  z-index:1;
  width:38px;
  height:13px;
  color:#f6f1e6;
  transform:translateX(-50%);
  pointer-events:none;
}
.cu-vista-send__peak svg{display:block;width:100%;height:100%}
.cu-vista-send__label{line-height:1}
.cu-vista-send__orn{
  position:relative;
  flex:0 0 42px;
  width:42px;
  height:8px;
}
.cu-vista-send__orn::before{
  content:"";
  position:absolute;
  left:0;
  right:8px;
  top:50%;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--send-gold));
  transform:translateY(-50%);
}
.cu-vista-send__orn::after{
  content:"";
  position:absolute;
  right:2px;
  top:50%;
  width:6px;
  height:6px;
  background:var(--send-gold);
  transform:translateY(-50%) rotate(45deg);
}
.cu-vista-send__orn--flip::before{
  left:8px;
  right:0;
  background:linear-gradient(90deg,var(--send-gold),transparent);
}
.cu-vista-send__orn--flip::after{
  left:2px;
  right:auto;
}
.cu-vista-send:hover{background:#2f3c2d}
.cu-vista-send:disabled{opacity:.55;cursor:default}
.form-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-status{display:none;padding:10px 12px;border-radius:10px;background:rgba(49,83,71,.12);color:var(--pine);font-size:.86rem}
.form-status:not(:empty){display:block}
.form-status.is-error{background:rgba(184,110,63,.16);color:var(--ochre-deep)}

@media (max-width:860px){
  .cu-vista__plate{
    grid-template-columns:1fr;
    min-height:0;
  }
  .cu-vista__art{position:relative;min-height:280px}
  .cu-vista__art img{position:absolute;inset:0}
  .cu-vista__copy{
    background:var(--paper);
    padding:32px 22px 12px;
  }
  .cu-vista__lockup img{width:min(100%,420px)}
  .cu-vista__card{padding:8px 16px 28px}
}
@media (max-width:620px){
  .cu-vista-row{grid-template-columns:1fr}
  .cu-vista-form{padding:28px 18px 22px}
  .cu-vista-send{letter-spacing:.18em;gap:8px}
  .cu-vista-send__orn{flex-basis:28px;width:28px}
}