.contact-hub{--accent: #ff6b00;--accent-contrast: #ffffff;--panel-bg: #fff3ea}.contact-hub img{max-width:100%;display:block}.contact-hub__intro{max-width:640px;margin:0 auto 4rem;text-align:center}.contact-hub__eyebrow{display:inline-flex;align-items:center;gap:.6rem;margin:0 0 1.2rem;font-size:1.2rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}.contact-hub__eyebrow:before{content:"";width:2.2rem;height:2px;background:var(--accent)}.contact-hub__heading{margin:0 0 1.4rem}.contact-hub__subheading{color:rgba(var(--color-foreground),.75)}.contact-hub__grid{display:grid;grid-template-columns:1fr;gap:3rem;align-items:start}@media screen and (min-width:750px){.contact-hub__grid{grid-template-columns:.85fr 1.15fr;gap:4rem}.contact-hub--reverse .contact-hub__grid{grid-template-columns:1.15fr .85fr}.contact-hub--reverse .contact-hub__panel{order:2}.contact-hub--reverse .contact-hub__form-panel{order:1}}.contact-hub__panel{border-radius:1.6rem;overflow:hidden;background:var(--panel-bg);position:relative}.contact-hub__panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(150deg,var(--accent) 0%,transparent 55%);opacity:.12;pointer-events:none}.contact-hub__panel-inner{position:relative;padding:3rem 2.4rem;display:flex;flex-direction:column;gap:2.6rem;height:100%}.contact-hub__panel-image{margin:-3rem -2.4rem 0;border-radius:1.6rem 1.6rem 0 0;overflow:hidden;aspect-ratio:16 / 9}.contact-hub__panel-image img{width:100%;height:100%;object-fit:cover}.contact-hub__cards{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1.2rem}.contact-hub__card{display:flex;align-items:flex-start;gap:1.4rem;padding:1.6rem;border-radius:1.2rem;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.08);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.contact-hub__card:hover{transform:translateY(-3px);border-color:var(--accent);box-shadow:0 12px 24px -16px #00000059}.contact-hub__card-icon{flex-shrink:0;width:4.2rem;height:4.2rem;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--accent-contrast)}.contact-hub__card-icon svg{width:2rem;height:2rem}.contact-hub__card-body{display:flex;flex-direction:column;gap:.3rem;min-width:0}.contact-hub__card-title{font-weight:600;font-size:1.5rem}.contact-hub__card-text{color:rgba(var(--color-foreground),.75);word-break:break-word}.contact-hub__card-link{margin-top:.4rem;font-weight:600;color:var(--accent);text-decoration:underline;text-underline-offset:3px;width:fit-content}.contact-hub__social{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:1rem}.contact-hub__social-link{width:4.2rem;height:4.2rem;border-radius:50%;display:grid;place-items:center;background:rgb(var(--color-background));border:1.5px solid var(--accent);color:var(--accent);transition:background .25s ease,color .25s ease,transform .25s ease}.contact-hub__social-link svg{width:1.8rem;height:1.8rem}.contact-hub__social-link:hover{background:var(--accent);color:var(--accent-contrast);transform:translateY(-3px)}.contact-hub__form-panel{border-radius:1.6rem;border:1px solid rgba(var(--color-foreground),.08);padding:3rem 2.4rem;background:rgb(var(--color-background))}.contact-hub__form .field{margin-bottom:1.5rem}@media screen and (min-width:750px){.contact-hub__form .field{margin-bottom:2rem}}.contact-hub__form .field__input:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.contact-hub__form .contact__fields{display:grid;grid-template-columns:1fr;gap:0}@media screen and (min-width:600px){.contact-hub__form .contact__fields{grid-template-columns:repeat(2,1fr);grid-column-gap:2rem}}.contact-hub__submit{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast);transition:filter .2s ease,transform .2s ease}.contact-hub__submit:hover{filter:brightness(.92);transform:translateY(-1px)}.contact-hub .form__message{align-items:flex-start}.contact-hub .icon-success{margin-top:.2rem}.contact-hub__button,.contact-hub .contact__button{margin-top:1rem}@media(prefers-reduced-motion:reduce){.contact-hub__card,.contact-hub__social-link,.contact-hub__submit{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-contact-form.css.map */
