.contact-section { --section-padding-block: var(--space-16); background: var(--color-background); }
.contact-section__container { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--fs-label); align-items: stretch; }
.contact-section__container--single { grid-template-columns: minmax(0, 1fr); }
.contact-section__intro { display: flex; flex-direction: column; align-items: start; gap: var(--space-10); min-block-size: 27.75rem; padding: 1.875rem; border-radius: var(--radius-feature); color: var(--color-on-accent); background: linear-gradient(181.046deg, var(--color-contact-start) 11.734%, var(--color-contact-mid) 44.551%, var(--color-contact-end) 94.486%); }
.contact-section__form { position: relative; min-inline-size: 0; padding: 1.875rem; border-radius: var(--radius-feature); background: var(--color-surface); }
.contact-section__heading { inline-size: 100%; }

@media (width < 48rem) { .contact-section { --section-padding-block: var(--space-12); } .contact-section__container { grid-template-columns: minmax(0, 1fr); gap: var(--space-6); } .contact-section__intro, .contact-section__form { padding: var(--space-6); border-radius: var(--radius-panel); } .contact-section__intro { --title-white-space: normal; block-size: auto; min-block-size: 0; gap: var(--space-8); } .contact-section__intro > .button { display: none; } }