/* Contact (contact.html). Breakpoint: useMobile(900). */
.cc-contact-hero{padding:clamp(36px,5vw,84px) 0 0}

.cc-contact-info{padding:80px 0 0}
.cc-contact-info__col{max-width:620px;margin:0 auto;display:flex;flex-direction:column;gap:40px;text-align:center}
.cc-contact-info__lbl{font-family:var(--font-display);font-weight:400;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:#000}
.cc-contact-info__val{margin:8px 0 0;font-family:var(--font-mono);font-weight:500;font-size:18px;line-height:1.5;color:#000}
.cc-contact-info__val a:hover{color:#000}
.cc-contact-info__u{text-decoration:underline;text-underline-offset:3px}
.cc-contact-info__val p,.cc-contact-form__done-text p{margin:0}
.cc-contact-info__val p+p,.cc-contact-form__done-text p+p{margin-top:.5em}

.cc-contact-form{padding:64px 0 120px}
.cc-contact-form__card{max-width:690px;margin:0 auto;background:var(--cream);border:1px solid #000;padding:40px}
.cc-contact-form__form{display:flex;flex-direction:column;gap:28px}
.cc-contact-form__field{display:flex;flex-direction:column;padding-top:20px}
.cc-contact-form__lbl{font-family:var(--font-display);font-weight:400;font-size:15px;letter-spacing:.02em;text-transform:uppercase;color:#000;margin-bottom:32px}
.cc-contact-form :is(input,textarea,select){width:100%;background:transparent;border:none;border-bottom:1px solid #000;border-radius:0;padding:0 0 18px;font-family:var(--font-mono);font-size:16px;color:#000;margin:0}
.cc-contact-form :is(input,textarea,select):focus{outline:none}
.cc-contact-form :is(input,textarea,select):focus-visible{border-bottom-color:var(--pink);box-shadow:0 1px 0 var(--pink)}
.cc-contact-form :is(input,textarea)::placeholder{color:rgba(0,0,0,.5)}
.cc-contact-form textarea{resize:vertical}
.cc-contact-form [aria-invalid="true"]{border-bottom-color:var(--red)}
.cc-contact-form__err{margin:10px 0 0;font-family:var(--font-mono);font-weight:500;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--red)}
.cc-contact-form__send{margin-top:8px}
.cc-contact-form__send .cc-eb[aria-busy="true"]{opacity:.6;cursor:progress}
.cc-contact-form__trap{position:absolute !important;left:-9999px;width:1px;height:1px;overflow:hidden}
.cc-contact-form__done{display:flex;flex-direction:column;gap:18px;align-items:flex-start;outline:none}
.cc-contact-form__done-title{margin:0;font-family:var(--font-display);font-weight:700;font-size:clamp(34px,5vw,54px);letter-spacing:-0.04em;text-transform:uppercase;color:#000}
.cc-contact-form__done-text{margin:0;font-family:var(--font-mono);font-weight:400;font-size:16px;line-height:1.5;color:#000}

@media (max-width:900px){
  .cc-contact-info{padding-top:64px}
  .cc-contact-form{padding:48px 0 96px}
  .cc-contact-form__card{padding:28px 22px}
}