@layer components{.contact{grid-template-columns:var(--content-grid);display:grid}.contact__inner{grid-column:2;width:100%;max-width:40rem;margin-inline:auto}.contact__form{--stack-gap:var(--space-md)}.contact__row{gap:var(--space-md);display:grid}.contact .field{gap:var(--space-2xs);display:grid}.contact .field__label{font-size:var(--type-xs);opacity:.8}.contact__submit{width:fit-content}.form__message{font-size:var(--type-sm)}@media (width>=48rem){.contact__row{grid-template-columns:1fr 1fr}}}