.contact-section{position:relative}.contact-section__layout{display:grid;gap:3rem;align-items:start}.contact-section__content{max-width:64rem}.contact-section__eyebrow,.contact-form-card__eyebrow{margin:0 0 1.2rem;opacity:.75}.contact-section__title{margin:0;max-width:14ch}.contact-section__intro{margin-top:2rem;max-width:58rem}.contact-section__intro p{margin:0}.contact-section__intro p+p{margin-top:1.2rem}.contact-section__details{display:grid;gap:1.6rem;margin-top:3rem}.contact-detail-card{display:flex;gap:1.4rem;align-items:flex-start;padding:2rem;min-height:100%;border-radius:2.2rem;border:.1rem solid rgba(var(--color-foreground),.08);background:linear-gradient(180deg,rgba(var(--color-background),.28),rgba(var(--color-background),0)),rgba(var(--color-foreground),.03)}.contact-detail-card__icon{flex:0 0 4.4rem;width:4.4rem;height:4.4rem;display:grid;place-items:center;border-radius:999px;background:rgba(var(--color-foreground),.08)}.contact-detail-card__icon .svg-wrapper,.contact-detail-card__icon svg{width:1.8rem;height:1.8rem}.contact-detail-card__heading{margin:0 0 .6rem;font-size:1.6rem;line-height:1.25;letter-spacing:.02rem;font-weight:600}.contact-detail-card__text{color:rgba(var(--color-foreground),.78)}.contact-detail-card__text p{margin:0}.contact-detail-card__text p+p{margin-top:.8rem}.contact-form-card{position:relative;padding:3rem 2.2rem;border-radius:3rem;border:.1rem solid rgba(var(--color-foreground),.08);box-shadow:0 2rem 5rem rgba(var(--color-foreground),.08)}.contact-form-card__title{margin:0}.contact-form-card__intro{margin-top:1.6rem;color:rgba(var(--color-foreground),.82)}.contact-form-card__intro p{margin:0}.contact-form-card__intro p+p{margin-top:1.2rem}.contact-form-card__form{margin-top:2.4rem}.contact-form-card__grid{display:grid;gap:1.6rem}.contact-form-card .field{margin-bottom:1.6rem}.contact-form-card .field:before{box-shadow:none}.contact-form-card .field:after{box-shadow:0 0 0 var(--inputs-border-width) rgba(var(--color-foreground),.18);border-radius:1.8rem}.contact-form-card .field:hover.field:after{box-shadow:0 0 0 calc(.1rem + var(--inputs-border-width)) rgba(var(--color-foreground),.25)}.contact-form-card .field__input{background:transparent;border-radius:1.8rem;min-height:5.6rem;padding:1.8rem 1.6rem .8rem 1.8rem}.contact-form-card .field__label{left:calc(var(--inputs-border-width) + 1.8rem);top:calc(1.2rem + var(--inputs-border-width));color:rgba(var(--color-foreground),.68)}.contact-form-card .field__input:focus,.contact-form-card .field__input:not(:placeholder-shown),.contact-form-card .field__input:-webkit-autofill{padding:2.3rem 1.6rem .9rem 1.8rem}.contact-form-card .field__input:focus~.field__label,.contact-form-card .field__input:not(:placeholder-shown)~.field__label,.contact-form-card .field__input:-webkit-autofill~.field__label{left:calc(var(--inputs-border-width) + 1.8rem);top:calc(var(--inputs-border-width) + .6rem)}.contact-form-card .field__input:focus-visible,.contact-form-card .field__input:focus{box-shadow:0 0 0 calc(.1rem + var(--inputs-border-width)) rgba(var(--color-foreground),.95)}.contact-form-card .text-area{min-height:17rem;resize:vertical}.contact-form-card__status{margin-bottom:1.6rem}.contact-form-card__actions{margin-top:2.6rem}.contact-form-card__actions .button{min-width:18rem}.contact-section img{max-width:100%}.contact-section .form__message{align-items:flex-start}.contact-section .icon-success{margin-top:.2rem}.contact__field-error{margin-top:.8rem}.contact__field-error .form__message{gap:.8rem}@media screen and (min-width:750px){.contact-section__layout{gap:4rem}.contact-section__details{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.contact-form-card{padding:4rem}.contact-form-card__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}}@media screen and (min-width:990px){.contact-section__layout{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:5rem}.contact-section__form-column{position:sticky;top:3rem}}@media screen and (max-width:749px){.contact-section__title{max-width:none}.contact-detail-card{padding:1.8rem}.contact-form-card{padding:2.8rem 2rem;border-radius:2.4rem}.contact-form-card__actions .button{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/85/assets/section-contact-form.css.map */