.contact-page { padding-block: 0; }
.contact-page__hero { padding-top: 0; }
.contact-page__intro { max-width: var(--container-narrow); padding-block: var(--space-2xl) var(--space-3xl); }
.contact-page__intro h1 { color: var(--color-white); overflow-wrap: anywhere; }
.contact-page__intro .body-large { color: var(--color-text-secondary); }
.contact-page__editor-content { margin-bottom: var(--section-heading-gap); }
.contact-page__grid { display: grid; grid-template-columns: minmax(0, 1fr); align-items: start; gap: var(--space-xl); }
.contact-page__grid > * { min-width: 0; }
.contact-info,
.contact-form-panel { padding: var(--space-2xl); border: var(--border-width) solid var(--color-border-light); border-radius: var(--border-radius-lg); }
.contact-info { background: var(--color-black-secondary); border-color: var(--color-border-dark); color: var(--color-white); }
.contact-info h2 { color: var(--color-white); }
.contact-info__name { color: var(--color-text-secondary); }
.contact-info__details { display: grid; gap: var(--space-lg); margin-block: var(--space-xl); font-style: normal; }
.contact-info__details p { min-width: 0; margin: 0; color: var(--color-white); overflow-wrap: anywhere; }
.contact-info__details span { display: block; color: var(--color-text-secondary); font-size: var(--font-body-sm); }
.contact-info__details a { color: var(--color-white); }
.contact-info__details a:hover { color: var(--color-orange); }
.contact-form-panel { background: var(--color-white); }
.contact-form-panel > p { color: var(--color-text-muted); }
.contact-form-panel__source { padding: var(--space-md); border-left: 3px solid var(--color-orange); background: var(--color-off-white); overflow-wrap: anywhere; }
.contact-form__row { display: grid; grid-template-columns: minmax(0, 1fr); gap: var(--space-lg); }
.contact-form__honeypot { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.contact-status { padding: var(--space-md); margin-bottom: var(--space-xl); border: var(--border-width) solid var(--color-border-light); border-radius: var(--border-radius-lg); overflow-wrap: anywhere; }
.contact-status p { margin-bottom: 0; }
.contact-status ul { margin-top: var(--space-sm); margin-bottom: 0; padding-left: var(--space-lg); }
.contact-status--success { border-color: var(--color-success); background: rgb(36 122 70 / 10%); color: var(--color-success); }
.contact-status--error { border-color: var(--color-error); background: rgb(180 35 24 / 8%); color: var(--color-error); }
.contact-status--success p,
.contact-status--error p { color: inherit; }
@media (min-width: 48rem) {
	.contact-form__row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 64.0625rem) {
	.contact-page__grid { grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); }
}
@media (max-width: 37.5rem) {
	.contact-info,
	.contact-form-panel { padding: var(--space-lg); }
	.contact-form .button { width: 100%; }
}