.contacts{color:var(--text-primary);padding-bottom:64px}.contacts__content{place-items:center;row-gap:12px;display:grid}.contacts__title{text-align:center;max-width:620px;font-family:Unbounded;font-size:clamp(2.25rem,8vw,2.75rem);font-weight:800;line-height:125%}.contacts__descr{text-align:center;max-width:620px;color:var(--text-secondary);margin-bottom:24px;font-size:clamp(1rem,4vw,1.125rem);line-height:150%}.contacts__body{grid-template-columns:1fr 440px;gap:24px 32px;width:100%;display:grid}.contacts__aside{row-gap:24px;display:grid}.contacts__form{align-content:start;row-gap:16px;min-height:520px;display:grid}.contact-form{border:1px solid var(--border-light);background-color:var(--bg-white);border-radius:16px;row-gap:16px;padding:24px;display:grid}.contact-form__title{font-family:Unbounded;font-size:1.25rem;font-weight:700;line-height:130%}.contact-form__select{width:100%}.contact-form__fields{flex-wrap:wrap;gap:16px;display:flex}.contact-form__notes:empty{display:none}.contact-form__note{font-size:.875rem;line-height:150%}.contact-form__note_success{color:var(--success)}.contact-form__note_error{color:var(--error)}.contacts-links{background-color:var(--bg-light);border:1px solid var(--border-light);border-radius:16px;height:fit-content;padding:8px 24px}.contacts-links__item{grid-template-rows:auto auto;grid-template-columns:44px 1fr;gap:2px 14px;padding-block:20px;display:grid}.contacts-links__item:not(:last-child){border-bottom:1px solid var(--border-light)}.contacts-links__icon{background-color:var(--bg);width:44px;height:44px;color:var(--c);border-radius:12px;grid-row:1/3;place-items:center;display:grid}.contacts-links__label{color:var(--text-tertiary);font-size:.9375rem}.contacts-links__link{color:var(--text-primary);font-family:Unbounded;font-size:1rem;font-weight:700;line-height:125%;display:inline}@media (hover:hover) and (pointer:fine){.contacts-links__link:hover{color:var(--purple)}}.contacts-links__link:focus-visible{outline:2px dashed var(--border-focus);outline-offset:2px}.contacts-links__link:not(:first-of-type):before{content:"⦁";color:var(--text-primary);pointer-events:none;margin-inline:6px 8px}@media screen and (width<1024px){.contacts__body{flex-direction:column-reverse;display:flex}}@media screen and (1024px<width<1126px){.contacts__form{min-height:602px}}@media screen and (width<654px){.contacts__form{min-height:602px}}