.contact-page{padding:76px 0 88px}.contact-page__header{max-width:720px;margin-bottom:44px}.contact-page__intro{color:#6f656a;font-size:1rem}.contact-page__layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:28px;align-items:start}.contact-card{padding:clamp(26px,4vw,48px);border:1px solid var(--line);background:rgba(255,255,255,.38)}.contact-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}.contact-field{display:grid;gap:8px}.contact-field--full,.contact-form__message{grid-column:1/-1}.contact-field label{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.contact-field input,.contact-field textarea{width:100%;border:1px solid #cfc2b4;background:rgba(255,255,255,.54);padding:14px 15px;outline:0}.contact-field textarea{min-height:170px;resize:vertical}.contact-field input:focus,.contact-field textarea:focus{border-color:var(--wine);box-shadow:0 0 0 1px var(--wine)}.contact-form .button{grid-column:1/-1;width:100%}.contact-form__message{margin:0;padding:13px 15px;border:1px solid}.contact-form__message--success{color:#365f43;border-color:#9db2a2;background:#edf4ef}.contact-form__message--error{color:#7d3e36;border-color:#c7a29d;background:#f8ecea}.contact-details h2{margin:0 0 14px;font-size:clamp(27px,3vw,38px)}.contact-details>p{color:#6f656a}.contact-email{display:inline-block;margin:5px 0 26px;border-bottom:1px solid currentColor}.contact-social{display:grid;gap:10px;margin-top:23px}.contact-social .social-link{justify-content:flex-start;padding:10px 0;border-top:1px solid var(--line)}.contact-social .social-link:last-child{border-bottom:1px solid var(--line)}.contact-social .social-handle{font-size:12px}.contact-note{margin-top:28px!important;font-size:12px}.contact-page .social-button{display:grid;place-items:center;width:42px;height:42px;border:1px solid #cfc1b2;border-radius:50%}.contact-page .social-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.65}.contact-page .social-link--facebook .social-button svg{fill:currentColor;stroke:none}
@media(max-width:760px){.contact-page{padding:54px 0 65px}.contact-page__header{margin-bottom:30px}.contact-page__layout{grid-template-columns:1fr}.contact-form{grid-template-columns:1fr}.contact-field{grid-column:1/-1}.contact-card{padding:25px 20px}.contact-details{order:-1}}