.contact-intro { grid-template-columns: minmax(0, .9fr) minmax(460px, 1.1fr); max-width: none; align-items: center; gap: clamp(34px, 5vw, 84px); }
.site-feature-layout > .contact-intro { grid-template-columns: minmax(0, 1fr); }
.contact-intro-copy > p:last-of-type { max-width: 780px; }
.contact-intro-cta { margin-top: 0; }
.contact-why-link { margin: 16px 0 0; color: var(--muted); font-size: 14px; }
.contact-layout { grid-template-columns: minmax(0, 1.08fr) minmax(280px, .92fr); }
.contact-details { align-content: start; }
.contact-form select { display: block; width: 100%; min-height: 54px; margin-top: 12px; padding: 14px 42px 14px 16px; border: 1px solid var(--line); border-radius: 12px; outline: none; color: var(--ink); background: var(--surface-raised); font: inherit; font-size: 16px; }
.contact-form select:focus { border-color: var(--green); box-shadow: 0 0 0 3px color-mix(in srgb, var(--green) 20%, transparent); }
[data-theme="cloud"] .contact-form select { border-color: #344765; color: #e9eefc; background-color: #0d1b30; }

@media (max-width: 900px) {
  .contact-layout { grid-template-columns: 1fr; }
}

@media (max-width: 1100px) {
  .contact-intro { grid-template-columns: 1fr; gap: 28px; }
  .contact-visual { width: min(100%, 780px); margin-inline: auto; }
}