@layer page {
.pg-contact .contact-wrap { max-width: calc(960px + 2 * var(--gutter)); }
.pg-contact .contact-head { padding-bottom: clamp(40px, 6vw, 72px); }
.pg-contact .contact-head h1 { font-size: clamp(3.5rem, 8vw, 6.5rem); line-height: 1; }
.pg-contact .contact-main { padding-block: clamp(40px, 6vw, 72px) clamp(24px, 4vw, 48px); }
@media screen {
.pg-contact #main { display: flex; flex-direction: column; }
.pg-contact .contact-main { flex: 1; }
}
.pg-contact .contact-form { min-width: 0; }
.pg-contact .contact-form .intake-form { max-width: none; margin-top: 0; border: 0; border-radius: 0; padding: clamp(20px, 4vw, 48px); background: transparent; }
.pg-contact .contact-form { --send-shift: var(--s2); }
.pg-contact .contact-form .consent { grid-template-columns: 24px fit-content(46ch); justify-content: center; margin-top: var(--send-shift); padding-top: var(--s6); border-top: 1px solid var(--line); }
.pg-contact .contact-form .intake-actions { justify-content: center; margin-top: calc(-1 * var(--send-shift)); }
.pg-contact .intake-done:not([hidden]) { grid-template-columns: minmax(0, 1fr); justify-items: center; margin-inline: auto; text-align: center; }
.pg-contact .intake-done .btn-row { justify-content: center; }
@media (max-width: 767px) {
.pg-contact .contact-form { --send-shift: 4px; }
.pg-contact .contact-form .consent { padding-top: 24px; }
.pg-contact .contact-head { padding-block: 32px; }
.pg-contact .contact-head h1 { font-size: 2.75rem; }
.pg-contact .contact-main { padding-block: 24px 16px; }
.pg-contact .contact-form .intake-form { padding: 24px 16px 32px; background: transparent; }
}
}