.contact-page{padding:88px 0 110px}.contact-page__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(460px,1.2fr);gap:96px;align-items:start}.contact-page__intro{position:sticky;top:130px}.contact-page__intro h1{margin:12px 0 20px;font-size:clamp(44px,5vw,68px);line-height:.98;letter-spacing:-.05em}.contact-page__intro>p,.contact-page__details p{max-width:480px;margin:0;color:#5c5c5c;font-size:15px;line-height:1.7}.contact-page__details{max-width:480px;margin-top:40px;padding-top:24px;border-top:1px solid #dedede}.contact-page__details strong{display:block;margin-bottom:8px;font-size:13px}.contact-card{padding:42px;border:1px solid #dedede;background:#fff;box-shadow:0 20px 70px #0000000f}.contact-form,.contact-field{display:grid;gap:9px}.contact-form{gap:22px}.contact-form__row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.contact-field label{font-size:12px;font-weight:800;letter-spacing:.02em}.contact-field label span{color:#777;font-weight:500}.contact-field input,.contact-field textarea{width:100%;min-width:0;border:1px solid #cfcfcf;border-radius:0;background:#fff;color:#111;font:inherit;outline:none;transition:border-color .15s,box-shadow .15s}.contact-field input{min-height:52px;padding:0 15px}.contact-field textarea{min-height:170px;padding:15px;resize:vertical}.contact-field input:focus,.contact-field textarea:focus{border-color:#111;box-shadow:inset 0 0 0 1px #111}.contact-field input[aria-invalid=true],.contact-field textarea[aria-invalid=true]{border-color:#b3261e}.contact-field small{color:#b3261e;font-size:12px}.contact-form__submit{width:100%;margin-top:2px}.contact-form__notice{padding:18px 20px;border:1px solid;font-size:13px;line-height:1.5}.contact-form__notice p{margin:5px 0 0}.contact-form__notice ul{margin:8px 0 0;padding-left:20px}.contact-form__notice--success{border-color:#287a4d;background:#f1faf5;color:#1f6540}.contact-form__notice--error{border-color:#b3261e;background:#fff4f2;color:#8c1d18}@media(max-width:900px){.contact-page{padding:58px 0 80px}.contact-page__grid{grid-template-columns:1fr;gap:38px}.contact-page__intro{position:static}}@media(max-width:560px){.contact-page{padding:42px 0 60px}.contact-page__intro h1{font-size:clamp(38px,13vw,52px)}.contact-card{padding:24px 18px}.contact-form__row{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/contact-form.css.map */
