/* Contact: a plain conversation. Form states from Contact Form 7 are all styled. */
.contact-main { width: 100%; margin: 0; padding: 0; }
.contact-section { padding-block: var(--space-5); }
.contact-main h2 { max-width: 14ch; font-size: clamp(2rem, 1.5rem + 2.4vw, 3.5rem); }
.contact-hero > *, .contact-conversation > *, .contact-location__layout > * { min-width: 0; }

.contact-hero { display: grid; gap: var(--space-3); padding-block-end: var(--space-4); }
.contact-hero__eyebrow { display: inline-block; margin: 0 0 var(--space-2); padding: 0.125rem 0.75rem; color: var(--ink); background: var(--w-rose); font-size: var(--text-small); font-weight: 700; }
.contact-hero h1 { max-width: 10ch; margin: 0; color: var(--red); font-size: clamp(3rem, 1.4rem + 7vw, 8rem); line-height: 0.92; letter-spacing: -0.025em; }
.contact-hero__intro { max-width: 36ch; margin: 0; font-size: var(--text-lead); line-height: 1.45; align-self: end; }
@media (min-width: 60rem) {
	.contact-hero { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); column-gap: var(--space-4); }
}
@media (prefers-reduced-motion: no-preference) {
	.contact-hero h1 { animation: hero-title 0.9s var(--ease) both; }
	.contact-hero__intro { animation: hero-copy 0.8s 0.35s var(--ease) both; }
}

.contact-conversation { display: grid; gap: var(--space-4); border-block-start: 3px solid var(--ink); }
.contact-details h2 { font-size: clamp(1.75rem, 1.4rem + 1vw, 2.5rem); }
.contact-details address { display: grid; gap: var(--space-3); font-style: normal; }
.contact-details h3 { margin: 0; font-family: var(--font-body); font-size: var(--text-small); font-weight: 700; letter-spacing: 0; line-height: 1.5; color: var(--muted); }
.contact-details p { margin-block: 0.25rem 0; }
.contact-details a { display: inline-flex; align-items: center; min-height: 2.75rem; max-width: 100%; overflow-wrap: anywhere; font-family: var(--font-display); font-size: clamp(1.5rem, 1.2rem + 1vw, 2rem); text-decoration-thickness: 0.06em; }
.contact-details a:hover { color: var(--red); }
.contact-address { white-space: pre-line; font-style: normal; }
.contact-details .contact-address { font-family: var(--font-display); font-size: clamp(1.5rem, 1.2rem + 1vw, 2rem); line-height: 1.2; }
.contact-copy { max-width: 56ch; }
.contact-copy > :last-child { margin-block-end: 0; }
.contact-form-panel { width: 100%; max-width: 36rem; }
.contact-form-panel h2 { font-size: clamp(1.75rem, 1.4rem + 1.2vw, 2.5rem); }
.contact-form-panel > .contact-copy { margin-block-end: var(--space-2); }
.contact-whatsapp { margin-block: var(--space-2) var(--space-3); }
.button--whatsapp { color: var(--ink); background: #25d366; }
.contact-map { padding-block: var(--space-5); }
.contact-map iframe { display: block; width: 100%; height: 22rem; border: 3px solid var(--ink); }
@media (min-width: 60rem) { .contact-map iframe { height: 28rem; } }

.contact-form-panel .wpcf7 { min-width: 0; }
.contact-form-panel .wpcf7 p { margin: 0; }
.contact-form-panel .wpcf7 br { display: none; }
.contact-form-panel .contact-form { display: grid; gap: var(--space-2); }
.contact-form-panel .contact-form__row { display: grid; gap: var(--space-2); }
.contact-form-panel .contact-form__submit { margin-block-start: var(--space-1); }
.contact-form-panel .wpcf7 label { display: block; margin-block-end: 0.375rem; font-size: 0.9375rem; font-weight: 700; line-height: 1.4; overflow-wrap: anywhere; }
.contact-form-panel .wpcf7-form-control-wrap { display: block; }
@media (min-width: 40rem) { .contact-form-panel .contact-form__row { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.contact-form-panel .wpcf7 input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="hidden"]),
.contact-form-panel .wpcf7 textarea,
.contact-form-panel .wpcf7 select { display: block; width: 100%; min-width: 0; min-height: 2.75rem; padding: 0.5rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.4; }
.contact-form-panel .wpcf7 input:focus-visible, .contact-form-panel .wpcf7 textarea:focus-visible, .contact-form-panel .wpcf7 select:focus-visible { background: var(--w-pinot); }
.contact-form-panel .wpcf7 textarea { min-height: 7rem; resize: vertical; }
.contact-form-panel .wpcf7 input[type="submit"] { min-height: 2.75rem; max-width: 100%; padding: 0.625rem 1.5rem; font-size: 1rem; white-space: normal; }
.contact-form-panel .wpcf7 input[aria-invalid="true"],
.contact-form-panel .wpcf7 textarea[aria-invalid="true"] { border-color: var(--red); border-width: 3px; }
.contact-form-panel .wpcf7 .wpcf7-not-valid-tip { display: block; margin-block-start: 0.5rem; color: var(--red); font-size: 1rem; font-weight: 700; line-height: 1.5; }
.contact-form-panel .wpcf7 form .wpcf7-response-output { margin: var(--space-3) 0 0; padding: 1rem 1.25rem; border: 3px solid var(--ink); background: #fff; color: var(--ink); font-size: 1rem; line-height: 1.6; overflow-wrap: anywhere; }
.contact-form-panel .wpcf7 form.sent .wpcf7-response-output { border-color: var(--ink); background: var(--w-grasevina); }
.contact-form-panel .wpcf7 form.invalid .wpcf7-response-output,
.contact-form-panel .wpcf7 form.unaccepted .wpcf7-response-output,
.contact-form-panel .wpcf7 form.spam .wpcf7-response-output,
.contact-form-panel .wpcf7 form.failed .wpcf7-response-output,
.contact-form-panel .wpcf7 form.aborted .wpcf7-response-output { border-color: var(--red); }
.contact-form-panel .wpcf7 form.submitting input[type="submit"],
.contact-form-panel .wpcf7 input[type="submit"]:disabled { opacity: 0.65; cursor: progress; }
.contact-editor-note { padding: 1rem; border-inline-start: 6px solid var(--w-chardonnay); font-size: 1rem; }

.contact-location { background: var(--paper-deep); }
.contact-location__layout { display: grid; gap: var(--space-4); align-items: center; }
.contact-location figure { min-width: 0; }
.contact-location__image { display: block; width: 100%; height: auto; border: 3px solid var(--ink); box-shadow: 0.75rem 0.75rem 0 var(--ink); }
.contact-location figcaption { padding-block-start: 1.25rem; color: var(--muted); font-size: var(--text-small); line-height: 1.5; }
.contact-location__copy { max-width: 52ch; }
.contact-location .contact-copy { margin-block-end: var(--space-3); }
.contact-location address { margin-block-end: var(--space-3); font-style: normal; font-family: var(--font-display); font-size: clamp(1.5rem, 1.2rem + 1vw, 2rem); }
.contact-location .button { max-width: 100%; }
.contact-visit { display: grid; gap: var(--space-2); align-items: baseline; }
.contact-visit h2 { margin: 0; }
@media (min-width: 60rem) {
	.contact-conversation--with-details { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); column-gap: var(--space-5); }
	.contact-location__layout--with-image { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); column-gap: var(--space-5); }
	.contact-visit { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--space-5); }
}