.contact-intro{max-width:700px}
.contact-section{padding-top:clamp(58px,6vw,76px)}
.contact-copy .heading{margin-top:10px}
.contact-copy>p{max-width:520px;margin-top:18px}
.contact-quick{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:28px}
.contact-quick a,.contact-quick div{min-height:82px;padding:15px 16px;border:1px solid var(--line);display:flex;flex-direction:column;justify-content:center;background:rgba(255,255,255,.34)}
.contact-quick a{transition:background-color .2s ease,border-color .2s ease}
.contact-quick a:hover{background:rgba(255,255,255,.72);border-color:rgba(38,34,31,.3)}
.contact-quick strong{font-size:.67rem;letter-spacing:.12em;text-transform:uppercase}
.contact-quick span{font-size:.9rem;line-height:1.45;margin-top:3px}
.contact-quick .contact-email{grid-column:1/-1}
.contact-quick .contact-email span{overflow-wrap:anywhere}
.contact-card{background:var(--white);border:1px solid var(--line);padding:clamp(24px,4vw,40px);box-shadow:var(--shadow)}
.form-progress{display:flex;align-items:center;gap:10px;margin-bottom:18px;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}
.form-progress::before{content:"";width:30px;height:1px;background:currentColor;opacity:.55}
.form .btn{width:100%;min-height:54px}
.contact-optional{font-weight:400;opacity:.56;text-transform:none;letter-spacing:0}

@media(max-width:850px){
  .contact-section{padding-top:54px}
  .contact-card{box-shadow:none}
}

@media(max-width:560px){
  .contact-intro .display{font-size:clamp(3rem,14vw,4.25rem)}
  .contact-copy .heading{font-size:clamp(2.35rem,10.5vw,3.25rem)}
  .contact-quick{grid-template-columns:1fr;margin-top:22px}
  .contact-quick .contact-email{grid-column:auto}
  .contact-quick a,.contact-quick div{min-height:72px}
  .contact-card{padding:22px 16px}
  .form-progress{margin-bottom:14px}
}
