.bb-contact{max-width:62rem}.bb-contact__head{margin-bottom:clamp(28px,4vw,48px)}.bb-contact__eyebrow{margin:0 0 var(--space-md);font-family:var(--font-mono);font-weight:400;font-size:var(--fs-eyebrow);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--accent-strong)}.bb-contact__title.bb-contact__title{margin:0;font-family:var(--font-heading-family);font-weight:600;font-size:var(--fs-h1);line-height:var(--lh-display);letter-spacing:var(--tracking-tight);text-transform:uppercase;text-wrap:balance;color:var(--text-on-light)}.bb-contact__sub{margin:var(--space-md) 0 0;max-width:48ch;font-family:var(--font-body-family);font-size:var(--fs-lead);line-height:var(--lh-lead);color:var(--text-on-light-muted)}.bb-contact__fields{display:grid;gap:0}@media screen and (min-width:750px){.bb-contact__fields{grid-template-columns:repeat(2,1fr);column-gap:var(--space-md)}}.bb-contact__form .field{margin-bottom:var(--space-md)}.bb-contact__form .field{position:relative;display:flex;align-items:center}.bb-contact__form .field__input,.bb-contact__form .text-area{width:100%;min-height:5.4rem;margin:0;padding:2.2rem var(--space-sm) .7rem;font-family:var(--font-body-family);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--text-on-light);background:transparent;border:1px solid var(--line-on-light);border-radius:var(--radius-md);box-shadow:none;transition:border-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard);-webkit-appearance:none;appearance:none}.bb-contact__form .text-area{padding-top:2.4rem;min-height:16rem;resize:vertical}.bb-contact__form .field__input:hover,.bb-contact__form .text-area:hover{border-color:color-mix(in srgb,var(--bb-charcoal) 45%,transparent)}.bb-contact__form .field__input:focus,.bb-contact__form .text-area:focus,.bb-contact__form .field__input:focus-visible,.bb-contact__form .text-area:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--line-brass)}.bb-contact__form .field__label{position:absolute;top:1.7rem;left:calc(var(--space-sm) + 1px);margin:0;font-family:var(--font-body-family);font-size:var(--fs-body);line-height:1;color:var(--text-on-light-muted);pointer-events:none;transition:transform var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard);transform-origin:left top}.bb-contact__form .field__input::placeholder,.bb-contact__form .text-area::placeholder{color:transparent}.bb-contact__form .text-area~.field__label{top:1.4rem}.bb-contact__form .field__input:focus~.field__label,.bb-contact__form .field__input:not(:placeholder-shown)~.field__label,.bb-contact__form .text-area:focus~.field__label,.bb-contact__form .text-area:not(:placeholder-shown)~.field__label{transform:translateY(-1.15rem) scale(.72);color:var(--accent-strong)}.bb-contact__form .field__input:focus~.field__label span,.bb-contact__form .text-area:focus~.field__label span{color:inherit}.bb-contact__form .field--with-error{flex-wrap:wrap}.bb-contact__field-error{flex:0 0 100%;margin-top:var(--space-2xs);font-family:var(--font-body-family);font-size:var(--fs-body-sm);color:var(--bb-danger)}.bb-contact__field-error .form__message{display:inline-flex;align-items:center;gap:var(--space-3xs)}.bb-contact__field-error .svg-wrapper svg{width:1.4rem;height:1.4rem}.bb-contact__field-error .svg-wrapper path{fill:var(--bb-danger)}.bb-contact__note{display:flex;align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-lg);padding:var(--space-md);border-radius:var(--radius-md);border:1px solid var(--line-on-light)}.bb-contact__note:focus{outline:none}.bb-contact__note--success{border-color:var(--line-brass);background:color-mix(in srgb,var(--accent) 8%,transparent)}.bb-contact__note--error{border-color:color-mix(in srgb,var(--bb-danger) 40%,transparent);background:color-mix(in srgb,var(--bb-danger) 7%,transparent)}.bb-contact__note-icon{flex:0 0 auto;margin-top:.2rem}.bb-contact__note-icon svg{width:2rem;height:2rem}.bb-contact__note--success .bb-contact__note-icon path{fill:var(--accent-strong)}.bb-contact__note--error .bb-contact__note-icon path{fill:var(--bb-danger)}.bb-contact__note-body{display:flex;flex-direction:column;gap:var(--space-3xs)}.bb-contact__note-title{font-family:var(--font-heading-family);font-weight:600;font-size:var(--fs-h4);letter-spacing:var(--tracking-snug);text-transform:uppercase;color:var(--text-on-light)}.bb-contact__note-text{font-family:var(--font-body-family);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--text-on-light-muted)}.bb-contact__note-list{margin:0;padding:0;list-style:none;font-family:var(--font-body-family);font-size:var(--fs-body)}.bb-contact__note-link{color:var(--bb-danger);text-decoration:underline;text-underline-offset:3px}.bb-contact__note-link:focus-visible{outline:2px solid var(--bb-danger);outline-offset:2px}.bb-contact__button{margin-top:var(--space-lg)}.bb-contact__submit{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:14px 36px;background:var(--accent);color:var(--surface-ink);border:0;border-radius:var(--radius-pill);font-family:var(--font-body-family);font-size:15px;font-weight:700;letter-spacing:.01em;cursor:pointer;text-decoration:none;transition:background-color var(--dur-fast) ease,transform var(--dur-fast) ease}.bb-contact__submit:hover{background:var(--accent-strong);color:var(--bb-bone)}.bb-contact__submit:focus-visible{outline:2px solid var(--accent-strong);outline-offset:3px}@media(prefers-reduced-motion:no-preference){.bb-contact__submit:active{transform:translateY(1px)}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-contact-form.css.map */