.on-contact{max-width:1100px;margin:0 auto;padding:100px 24px 140px;font-family:var(--on-font)}.on-contact__intro{text-align:center;margin:0 0 64px}.on-contact__logo{display:flex;justify-content:center;margin:0 0 32px}.on-contact__logo img{width:140px;height:auto;display:block}.on-contact__title{font-family:var(--on-font);font-size:clamp(26px,3.4vw,38px);font-weight:400;text-transform:uppercase;letter-spacing:.03em;color:var(--on-black);margin:0}.on-contact__notice{font-family:var(--on-font-ui);font-size:14px;letter-spacing:.03em;margin:0 0 32px;padding:14px 18px;border:1px solid rgba(0,0,0,.12)}.on-contact__notice--success{color:#3a3a38}.on-contact__notice--error{color:#9c3b3b;border-color:#9c3b3b4d}.on-contact__grid{display:grid;grid-template-columns:1fr 1fr;gap:44px 72px}.on-contact__field{display:flex;flex-direction:column}.on-contact__field--full{grid-column:1 / -1}.on-contact__field label{font-family:var(--on-font-ui);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#8a8a8a;margin-bottom:14px}.on-contact__field input,.on-contact__field textarea{font-family:var(--on-font);font-size:17px;color:var(--on-black);background:transparent;border:none;border-bottom:1px solid rgba(0,0,0,.55);padding:4px 0 12px;outline:none;transition:border-color .3s var(--on-ease, ease)}.on-contact__field input::placeholder,.on-contact__field textarea::placeholder{color:#b8b8b0;font-style:italic}.on-contact__field input:focus,.on-contact__field textarea:focus{border-bottom-color:var(--on-black)}.on-contact__field textarea{resize:vertical;min-height:90px}.on-contact__submit-wrap{text-align:center;margin-top:64px}.on-contact__submit{display:inline-block;background:var(--on-black);color:var(--on-white);border:none;padding:18px 64px;font-family:var(--on-font);font-size:14px;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:background-color .3s var(--on-ease, ease)}.on-contact__submit:hover{background:#262626}@media(max-width:700px){.on-contact{padding:72px 18px 96px}.on-contact__intro{margin-bottom:48px}.on-contact__grid{grid-template-columns:1fr;gap:32px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/outrenoir-contact.css.map */