.contact{padding-block:110px 150px}.contact__grid{grid-template-columns:minmax(0,520fr) minmax(0,592fr);align-items:start;gap:88px;display:grid}.contact__intro{justify-items:start;gap:30px;display:grid}.contact__title{font-size:clamp(42px,4.5vw,64px);line-height:1.04}.contact__mail{letter-spacing:-.03em;overflow-wrap:anywhere;margin-top:16px;font-size:clamp(30px,2.8vw,40px);font-weight:500;line-height:1.2}.contact__portal{align-items:center;gap:10px;margin-top:12px;font-size:17px;font-weight:500;display:inline-flex}.contact__portal .ui-icon{width:20px;height:20px;transition:transform .2s var(--ease-out)}@media (hover:hover){.contact__portal:hover .ui-icon{transform:translate(3px)}}.contact-form{border:1px solid var(--line-soft);border-radius:var(--radius-panel);background:var(--bg-raised);gap:22px;padding:40px;display:grid}.contact-form__pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.contact-form__actions{justify-content:flex-end;display:flex}.contact-form--done{justify-items:start;gap:32px}.contact-form__title{outline:none;font-size:clamp(28px,2.6vw,40px)}@media (max-width:1023px){.contact__grid{grid-template-columns:minmax(0,1fr);gap:48px}}@media (max-width:840px){.contact{padding-block:56px 96px}.contact__intro{gap:24px}.contact__mail{margin-top:8px}.contact__portal{margin-top:0}.contact-form{border-radius:20px;padding:28px 20px}.contact-form__pair{grid-template-columns:minmax(0,1fr);gap:22px}.contact-form__actions .btn{flex:1}}
