@keyframes hn-contact-form-in{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}.hn-contact-form{position:relative;background:#fff;color:var(--hn-gray-900)}.hn-contact-form__inner{width:100%;max-width:132rem;margin:0 auto;padding:0 2rem}@media screen and (min-width:750px){.hn-contact-form__inner{padding:0 4rem}}@media screen and (min-width:990px){.hn-contact-form__inner{padding:0 6rem}}.hn-contact-form__grid{display:grid;grid-template-columns:1fr;gap:4rem;animation:hn-contact-form-in .6s ease both}@media screen and (min-width:990px){.hn-contact-form__grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:8rem;align-items:start}}@media(prefers-reduced-motion:reduce){.hn-contact-form__grid{animation:none}}.hn-contact-form__intro{display:flex;flex-direction:column;align-items:flex-start}@media screen and (min-width:990px){.hn-contact-form__intro{position:sticky;top:calc(var(--header-wrapper-height, 0px) + 4rem)}}.hn-contact-form__eyebrow{margin:0 0 1.4rem}.hn-contact-form__heading{font-family:var(--hn-font-display);font-size:clamp(3.6rem,4.5vw,6rem);font-weight:400;line-height:.95;letter-spacing:var(--hn-ls-display);text-transform:uppercase;color:var(--hn-gray-900);margin:0 0 1.8rem;text-wrap:balance}.hn-contact-form__rule{width:5rem;height:3px;background:var(--hn-red);margin:0 0 2rem}.hn-contact-form__subheading{font-family:var(--hn-font-body);font-size:1.55rem;line-height:1.6;color:var(--hn-gray-600);margin:0 0 2.4rem;max-width:44rem}@media screen and (min-width:750px){.hn-contact-form__subheading{font-size:1.65rem}}.hn-contact-form__direct{display:flex;flex-direction:column;gap:.6rem;padding:2rem 0 0;margin:0 0 2rem;border-top:1px solid var(--hn-border);width:100%;max-width:44rem}.hn-contact-form__direct-label{font-family:var(--hn-font-body);font-size:var(--hn-micro);font-weight:var(--hn-bold);letter-spacing:var(--hn-ls-label);text-transform:uppercase;color:var(--hn-gray-500)}.hn-contact-form__email{font-family:var(--hn-font-body);font-size:clamp(1.6rem,1.4vw,1.9rem);font-weight:var(--hn-bold);color:var(--hn-red);word-break:break-word}.hn-contact-form__intro-note{font-family:var(--hn-font-body);font-size:var(--hn-caption);line-height:1.5;color:var(--hn-gray-500);margin:0;max-width:44rem}.hn-contact-form__status{display:flex;flex-direction:column;gap:.4rem;padding:1.4rem 1.6rem;margin:0 0 2.4rem;border-radius:var(--hn-radius);font-family:var(--hn-font-body);font-size:1.4rem;line-height:1.5}.hn-contact-form__status strong{font-weight:var(--hn-bold);letter-spacing:var(--hn-ls-ui);text-transform:uppercase;font-size:1.2rem}.hn-contact-form__status--success{background:#0a0a0a0a;border:1px solid var(--hn-border);color:var(--hn-gray-800)}.hn-contact-form__status--success strong{color:var(--hn-red)}.hn-contact-form__status--error{background:#ea1d270f;border:1px solid var(--hn-red);color:var(--hn-gray-900)}.hn-contact-form__panel{width:100%;max-width:64rem}@media screen and (min-width:990px){.hn-contact-form__panel{max-width:none}}.hn-contact-form__form{display:flex;flex-direction:column}.hn-contact-form__form>.field,.hn-contact-form__form>.hn-contact-form__row,.hn-contact-form__form>.hn-contact-form__textarea-field{margin:0 0 1.6rem}.hn-contact-form__form>:last-child{margin-bottom:0}.hn-contact-form__row{display:grid;grid-template-columns:1fr;gap:1.6rem}@media screen and (min-width:600px){.hn-contact-form__row--two{grid-template-columns:1fr 1fr;gap:2rem}}.hn-contact-form__row .field{margin:0}.hn-contact-form__textarea-field .text-area{min-height:14rem;resize:vertical}.hn-contact-form__textarea-field .field__label{top:1.6rem;transform:none}.hn-contact-form__textarea-field .field__input:focus~.field__label,.hn-contact-form__textarea-field .field__input:not(:placeholder-shown)~.field__label,.hn-contact-form__textarea-field .field__input:-webkit-autofill~.field__label{top:.6rem;transform:none}.hn-contact-form__textarea-field .text-area:focus,.hn-contact-form__textarea-field .text-area:not(:placeholder-shown),.hn-contact-form__textarea-field .text-area:-webkit-autofill{padding-top:2.6rem;padding-bottom:1rem}.hn-contact-form__actions{display:flex;flex-direction:column;align-items:flex-start;gap:1.2rem;margin:1rem 0 0}.hn-contact-form__submit{min-width:18rem}@media(forced-colors:active){.hn-contact-form__input,.hn-contact-form__textarea{background:Canvas;color:CanvasText;border:1px solid CanvasText}.hn-contact-form__rule,.hn-contact-form__direct{border-color:CanvasText}}
/*# sourceMappingURL=/cdn/shop/t/87/assets/hn-contact-form.css.map */