.chf-inner{max-width:640px;margin:0 auto}.chf-header{text-align:center;margin-bottom:4.4rem}.chf-eyebrow{font-size:1.1rem;letter-spacing:.18em;text-transform:uppercase;color:rgb(var(--color-button));margin-bottom:1.4rem}.chf-heading{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:clamp(2.4rem,3.5vw,3.4rem);color:rgb(var(--color-foreground));line-height:1.2;margin:0 0 1.6rem}.chf-subtext{font-size:1.4rem;color:rgb(var(--color-foreground));opacity:.6;line-height:1.6;margin:0}.chf-form{display:flex;flex-direction:column;gap:2.4rem}.chf-row{display:flex;gap:2rem}.chf-row--split{flex-wrap:wrap}.chf-field{flex:1;min-width:200px;display:flex;flex-direction:column;gap:.8rem}.chf-field label{font-size:1.1rem;letter-spacing:.06em;text-transform:uppercase;color:rgb(var(--color-foreground));opacity:.6}.chf-field input,.chf-field textarea{background:rgba(var(--color-foreground),.04);border:.5px solid rgba(var(--color-foreground),.25);color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-size:1.4rem;padding:1.2rem 1.4rem;outline:none;transition:border-color .2s ease;width:100%}.chf-field textarea{resize:vertical;min-height:120px}.chf-field input::placeholder,.chf-field textarea::placeholder{color:rgba(var(--color-foreground),.35)}.chf-field input:focus,.chf-field textarea:focus{border-color:rgba(var(--color-button),.7)}.chf-submit{align-self:flex-start;background:rgb(var(--color-button));color:rgb(var(--color-button-text));border:none;font-size:1.2rem;letter-spacing:.1em;text-transform:uppercase;padding:1.4rem 4rem;cursor:pointer;transition:opacity .2s ease}.chf-submit:hover{opacity:.85}.chf-success{background:rgba(var(--color-button),.1);border:.5px solid rgba(var(--color-button),.4);color:rgb(var(--color-foreground));font-size:1.3rem;padding:1.6rem 2rem;line-height:1.6}.chf-error{background:#b4323214;border:.5px solid rgba(180,50,50,.3);color:rgb(var(--color-foreground));font-size:1.3rem;padding:1.6rem 2rem;line-height:1.6}.chf-error ul{margin:0;padding-left:1.8rem}@media screen and (max-width:749px){.chf-row--split{flex-direction:column}.chf-submit{align-self:stretch;text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-custom-hat-form.css.map */