.contact-page .site-header { margin-bottom: clamp(3.5rem, 7vh, 5.5rem); }
.contact-intro, .contact-form-section { padding-inline: var(--side); }
.eyebrow { margin: 0 0 var(--space-2); font-family: "Urbanist", sans-serif; font-size: clamp(.85rem, 1vw, 1.1rem); font-weight: 700; letter-spacing: .015em; text-transform: uppercase; }
.contact-intro { min-height: clamp(30rem, 61vh, 43rem); }
.contact-intro h1 { margin: 0; font-family: "Urbanist", sans-serif; font-size: clamp(4.5rem, 9vw, 10.25rem); font-weight: 780; line-height: .82; letter-spacing: -.05em; }
.contact-intro > p:last-child { max-width: 38rem; margin: var(--space-3) 0 0; font-size: clamp(1.2rem, 1.6vw, 1.8rem); font-weight: 600; line-height: 1.28; letter-spacing: -.008em; }
.contact-intro a { border-bottom: 2px solid currentColor; }
.contact-form-section { display: grid; grid-template-columns: minmax(14rem, .46fr) minmax(0, 1fr); gap: clamp(3rem, 6vw, 7.5rem); margin-top: clamp(4rem, 7vw, 7rem); padding-top: clamp(3.25rem, 5vw, 5.5rem); padding-bottom: clamp(5rem, 9vw, 9rem); color: var(--page); background: var(--orange); }
.contact-form-section h2 { margin: 0; font-family: "Urbanist", sans-serif; font-size: clamp(3rem, 5vw, 6rem); font-weight: 780; line-height: .84; letter-spacing: -.045em; }
.contact-form-section .eyebrow { margin-bottom: var(--space-3); }
form { max-width: 48rem; }
.form-field { display: grid; grid-template-columns: minmax(7rem, .25fr) minmax(0, 1fr); gap: var(--space-2); padding: 1.2rem 0; border-top: 2px solid rgba(255, 255, 255, .65); }
.form-field:last-of-type { border-bottom: 2px solid rgba(255, 255, 255, .65); }
label { padding-top: .5rem; font-family: "Urbanist", sans-serif; font-size: clamp(1rem, 1.2vw, 1.2rem); font-weight: 700; }
input, textarea { width: 100%; padding: .45rem 0; border: 0; border-radius: 0; outline: 0; color: var(--page); background: transparent; font: 600 clamp(1.1rem, 1.45vw, 1.5rem)/1.35 "Quicksand", sans-serif; }
textarea { min-height: 9rem; resize: vertical; }
input:focus, textarea:focus { box-shadow: 0 3px 0 var(--page); }
form button { display: inline-flex; gap: .55rem; margin-top: var(--space-3); padding: .7rem 0; border: 0; border-bottom: 2px solid var(--page); color: var(--page); background: transparent; font: 700 clamp(1.1rem, 1.35vw, 1.4rem)/1 "Urbanist", sans-serif; cursor: pointer; }
form button span { transition: transform 180ms ease; }
form button:hover span { transform: translateX(.35rem); }
.form-note { margin: var(--space-2) 0 0; font-size: .92rem; line-height: 1.35; }
.form-note.is-error { font-weight: 700; }
@media (max-width: 760px) {
  .contact-page .site-header { margin-bottom: clamp(3.5rem, 12vw, 5rem); }
  .contact-intro { min-height: 0; padding-bottom: clamp(4.5rem, 14vw, 6.5rem); }
  .contact-intro h1 { font-size: clamp(3.6rem, 16vw, 5rem); }
  .contact-intro > p:last-child { margin-top: var(--space-3); font-size: clamp(1.2rem, 5.7vw, 1.55rem); }
  .contact-form-section { grid-template-columns: 1fr; gap: var(--space-4); margin-top: clamp(3.5rem, 12vw, 5rem); }
  .form-field { grid-template-columns: 1fr; gap: .2rem; }
}