.badass-contact{--contact-brown: #3c2016;--contact-cream: #fef9ef;--contact-gold: #f8be61;background:rgb(var(--color-background));color:var(--contact-brown)}.badass-contact__container{width:min(100% - 4rem,128rem);margin-inline:auto}.badass-contact__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:3.2rem;align-items:center}.badass-contact__panel{display:flex;flex-direction:column;gap:3.2rem;min-width:0}.badass-contact__intro{display:flex;flex-direction:column;gap:1.2rem}.badass-contact__heading{margin:0;color:var(--contact-brown);font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:clamp(4rem,4.35vw,6.4rem);line-height:.98;letter-spacing:-.02em}.badass-contact__text{max-width:62.4rem;margin:0;color:var(--contact-brown);font-size:1.6rem;font-weight:500;line-height:2.2rem}.badass-contact__form{display:flex;flex-direction:column;gap:3.2rem}.badass-contact__fields{display:flex;flex-direction:column;gap:2rem}.badass-contact__stack{display:flex;flex-direction:column;gap:1.6rem}.badass-contact__field{display:flex;flex-direction:column;gap:.8rem}.badass-contact__label{color:var(--contact-brown);font-size:1.6rem;font-weight:700;line-height:2.2rem}.badass-contact__input,.badass-contact__textarea{width:100%;border:.2rem solid var(--contact-brown);border-radius:1.2rem;background:var(--contact-cream);box-shadow:.8rem .6rem 0 var(--contact-brown);color:var(--contact-brown);font:inherit;font-size:1.6rem;font-weight:500;line-height:2.2rem;box-sizing:border-box;transition:transform .14s ease,box-shadow .14s ease;-webkit-appearance:none;appearance:none}.badass-contact__input{min-height:4.8rem;padding:1.2rem 1.6rem}.badass-contact__textarea{min-height:12rem;padding:1.2rem 1.6rem;resize:vertical}.badass-contact__input::placeholder,.badass-contact__textarea::placeholder{color:var(--contact-brown);opacity:.72}.badass-contact__input:focus,.badass-contact__textarea:focus{outline:.2rem solid var(--contact-gold);outline-offset:.2rem;transform:translate(.1rem,.1rem);box-shadow:.7rem .5rem 0 var(--contact-brown)}.badass-contact__button{display:inline-flex;align-items:center;justify-content:center;width:max-content;min-width:22.5rem;min-height:5.6rem;padding:1.6rem 3.2rem;border:0;border-radius:1.2rem;background:var(--contact-gold);box-shadow:.3rem .4rem 0 var(--contact-brown);color:var(--contact-brown);cursor:pointer;font:inherit;font-size:1.5rem;font-weight:800;line-height:2.1rem;text-align:center;text-decoration:none;transition:transform .14s ease,box-shadow .14s ease}.badass-contact__button:hover{transform:translate(.1rem,.1rem);box-shadow:.2rem .3rem 0 var(--contact-brown)}.badass-contact__button:active{transform:translate(.3rem,.4rem);box-shadow:0 0 0 var(--contact-brown)}.badass-contact__media{position:relative;min-width:0;overflow:hidden;border-radius:5rem;aspect-ratio:624 / 683;background:#3c201614}.badass-contact__image,.badass-contact__placeholder{display:block;width:100%;height:100%}.badass-contact__image{object-fit:cover}.badass-contact__placeholder{background:var(--contact-cream);color:#3c201659}.badass-contact__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(60,32,22,var(--contact-image-overlay-opacity, .4));pointer-events:none}.badass-contact__status,.badass-contact__errors{margin:0;color:var(--contact-brown);font-size:1.5rem;line-height:2.1rem}.badass-contact__errors{padding-left:2rem}.badass-contact__error-link{color:var(--contact-brown);text-underline-offset:.3rem}@media screen and (min-width:990px){.badass-contact__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.badass-contact__panel{max-width:62.4rem}}@media screen and (min-width:750px)and (max-width:989px){.badass-contact__grid{max-width:72rem;margin-inline:auto}}@media screen and (max-width:749px){.badass-contact__container{width:calc(100% - 4rem)}.badass-contact__grid,.badass-contact__panel,.badass-contact__form{gap:2.4rem}.badass-contact__heading{font-size:clamp(3.6rem,12vw,4.8rem);line-height:1}.badass-contact__text{font-size:1.5rem;line-height:2.1rem}.badass-contact__fields{gap:1.8rem}.badass-contact__input,.badass-contact__textarea{box-shadow:.6rem .5rem 0 var(--contact-brown)}.badass-contact__button{width:100%;min-width:0}.badass-contact__media{border-radius:2.8rem;aspect-ratio:353 / 386}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-contact-form.css.map */