.contact{display:flex;flex-direction:column}.contact__wrapper{display:flex;width:100%;justify-content:center;padding:2rem 1rem}.contact__container{display:grid;grid-template-columns:repeat(12,1fr);gap:1.5rem;row-gap:1.5rem;width:100%;max-width:90rem}.contact__header{grid-column:span 12;display:flex;flex-direction:column;gap:1.5rem}.contact__header h1,.contact__header h2{margin:0}.contact__title,.contact__subtitle{margin:0;width:100%}.contact__body{grid-column:span 12;margin:0}.contact__form{grid-column:span 12;display:grid;grid-template-columns:repeat(12,1fr);gap:1.5rem;row-gap:4rem;align-items:start}.contact__success{grid-column:span 8;line-height:1.625}.field{position:relative;margin-bottom:0}.field__input--name,.field__input--email,.field--textarea,.contact__form-actions{grid-column:span 12}.contact__submit{grid-column:span 9;display:flex;align-items:center;gap:2.5rem}.contact__error-message{display:flex;align-items:center}.contact__error-text{font-size:.875rem;line-height:1.2;color:#dc2626;margin:0}.contact__form .field__input,.contact__form .text-area{position:relative;background-color:transparent;border:none;border-bottom:1px solid rgb(var(--color-shadow, var(--color-foreground)));border-radius:0;padding:0 0 .5rem;font-size:1.25rem;line-height:1.5em;outline:none;width:100%;box-shadow:none;transition:border-color .25s cubic-bezier(.4,0,.2,1);z-index:20}.contact__form .field__input::placeholder,.contact__form .text-area::placeholder{color:transparent;opacity:0}.contact__form .field__label{position:absolute;left:0;top:0;font-size:1.25rem;line-height:1.5em;color:rgba(var(--color-foreground),.5);pointer-events:none;transform-origin:bottom left;transition:all .15s ease;z-index:30}.contact__form .field__input:not(:placeholder-shown)~.field__label,.contact__form .text-area:not(:placeholder-shown)~.field__label{transform:translateY(-100%) scale(.75);color:rgba(var(--color-foreground),.75)}.contact__form .field__input:focus,.contact__form .text-area:focus{border-bottom-color:rgb(var(--color-shadow, var(--color-foreground)))}.field__error{width:100%;display:flex;align-items:center;gap:.5rem;padding-top:.5rem;font-size:1rem;line-height:1.625;color:#dc2626;z-index:10;margin-top:-1.75rem;opacity:0;transition:margin-top .15s ease,opacity .15s ease;pointer-events:none}.field__error--visible{margin-top:0;opacity:1;pointer-events:auto}.field__error[aria-hidden=true]{visibility:hidden}.field__error[aria-hidden=false]{visibility:visible}.field__input--error,.contact__form .field__input--error{border-bottom-color:#dc2626!important}.field--error{margin-bottom:3rem}.contact__form .field{position:relative;margin-bottom:2rem;display:flex;flex-direction:column}.contact__button{position:relative;display:flex;align-items:center;justify-content:center;background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));padding:1rem 1.5rem .75rem;font-family:var(--font-heading-family);font-size:1rem;text-transform:uppercase;line-height:1;letter-spacing:.05em;border:none;cursor:pointer;transition:opacity .25s ease}.contact__button:hover{opacity:.75}@media screen and (min-width: 640px){.contact__wrapper{padding:2rem}.field__input--name,.field__input--email{grid-column:span 6}.contact__form{row-gap:5rem}}@media screen and (min-width: 768px){.contact__form{grid-template-columns:repeat(11,1fr);row-gap:5rem;align-items:start}.contact__form{grid-column:span 11}.field__input--name{grid-column:span 5}.field__input--email{grid-column:7 / span 5}.field--textarea{grid-column:span 11}}@media screen and (min-width: 1024px){.contact__header{grid-column:span 9}.contact__form{grid-template-columns:repeat(9,1fr);row-gap:7rem;align-items:start}.contact__form{grid-column:span 9}.field__input--name{grid-column:span 4}.field__input--email{grid-column:6 / span 4}.field--textarea{grid-column:span 9}}.contact__form .text-area{resize:vertical;padding-top:0}.contact__form .field__input:-webkit-autofill~.field__label,.contact__form .text-area:-webkit-autofill~.field__label{transform:translateY(-100%) scale(.75);color:rgba(var(--color-foreground),.75)}@media (forced-colors: active){.contact__form .field__input,.contact__form .text-area{border-bottom-color:CanvasText}.contact__form .field__label{color:CanvasText}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-contact-form.css.map */