.hair-sotl{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;min-height:56rem;box-sizing:border-box;background:var(--sotl-bg, #2b3d42);color:#fff}.hair-sotl__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.hair-sotl__bg img,.hair-sotl__bg picture{display:block;width:100%;height:100%}.hair-sotl__bg img{object-fit:cover;object-position:var(--sotl-focus, center 40%)}.hair-sotl__scrim{display:block!important;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;font-size:0;line-height:0;pointer-events:none;background:linear-gradient(90deg,rgba(26,40,44,calc(var(--sotl-scrim, .72) + .2)),rgba(26,40,44,var(--sotl-scrim, .72)) 42%,#1a282c2e)}.hair-sotl__inner{width:100%;margin:0 auto;padding:0 2.4rem;display:grid;grid-template-columns:minmax(0,1fr);gap:2.8rem;max-width:120rem}.hair-sotl__copy,.hair-sotl__form{max-width:62rem}.hair-sotl__eyebrow{font-size:1.1rem;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:#c9a951;margin:0 0 1rem}.hair-sotl__heading{font-family:var(--font-heading-family);font-weight:800;font-size:3.8rem;line-height:1.06;letter-spacing:-.005em;margin:0;color:#fff;text-wrap:balance;max-width:18ch}.hair-sotl__line{font-size:1.5rem;line-height:1.6;color:#fffc;margin:1.2rem 0 0;max-width:46rem}.hair-sotl__label{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.hair-sotl__customer{margin:0}.hair-sotl__pill{display:flex;align-items:stretch;max-width:54rem;background:#ffffff24;border:1px solid rgba(255,255,255,.4);border-radius:0;padding:.4rem .4rem .4rem 2rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 12px 40px #0000002e;transition:border-color .2s,background .2s}.hair-sotl__pill:focus-within{border-color:#fff;background:#fff3}.hair-sotl__pill.is-error{border-color:#f2a5a5}.hair-sotl__pill input{flex:1 1 auto;min-width:0;border:0;outline:0;background:transparent;font-family:var(--font-body-family);font-size:1.5rem;color:#fff;padding:1.1rem 0;-webkit-appearance:none;appearance:none;box-shadow:none}.hair-sotl__pill input::placeholder{color:#ffffffbf}.hair-sotl__pill button{flex:none;display:inline-flex;align-items:center;gap:.7rem;border:0;cursor:pointer;background:#fff;color:#2b3d42;font-family:var(--font-body-family);font-size:1.2rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:0 2.4rem;border-radius:0;min-height:4.8rem;transition:background .2s}.hair-sotl__pill button:hover{background:#f4efe6}.hair-sotl__pill button svg{transition:transform .3s}.hair-sotl__pill button:hover svg{transform:translate(3px)}.hair-sotl__pill button:focus-visible{outline:2px solid #C9A951;outline-offset:3px}.hair-sotl__fine{margin:1.2rem 0 0 .4rem;font-size:1.2rem;line-height:1.5;color:#ffffffb8}.hair-sotl__fine a{color:#c9a951;font-weight:600;text-decoration:underline;text-underline-offset:.2em}.hair-sotl__error{margin:1rem 0 0 .4rem;font-size:1.3rem;color:#f2a5a5}.hair-sotl__success{display:flex;align-items:flex-start;gap:1.2rem;max-width:54rem;background:#ffffff24;border:1px solid rgba(255,255,255,.4);border-radius:0;padding:1.8rem 2.2rem;color:#fff;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.hair-sotl__success svg{flex:none;color:#c9a951;margin-top:.1rem}.hair-sotl__success strong{display:block;font-family:var(--font-heading-family);font-size:1.7rem;font-weight:800}.hair-sotl__success span{display:block;font-size:1.4rem;color:#fffc;margin-top:.2rem}@media screen and (min-width:750px){.hair-sotl--fit{aspect-ratio:var(--sotl-ratio, 2.4);min-height:0;padding-top:2.4rem!important;padding-bottom:2.4rem!important}.hair-sotl--fit .hair-sotl__bg img{object-position:center}.hair-sotl--fit .hair-sotl__inner{gap:1.6rem}.hair-sotl--fit .hair-sotl__eyebrow{margin-bottom:.5rem}.hair-sotl--fit .hair-sotl__heading{font-size:clamp(2.2rem,2.5vw,3.4rem);max-width:26ch}.hair-sotl--fit .hair-sotl__pill{max-width:44rem;padding:.3rem .3rem .3rem 1.8rem}.hair-sotl--fit .hair-sotl__pill input{font-size:1.4rem;padding:.8rem 0}.hair-sotl--fit .hair-sotl__pill button{min-height:4rem;padding:0 2rem}.hair-sotl--fit .hair-sotl__fine{margin-top:.7rem}}@media screen and (max-width:989px){.hair-sotl__heading{font-size:3.2rem}}@media screen and (max-width:749px){.hair-sotl{padding-top:5.6rem!important;padding-bottom:5.6rem!important;min-height:0}.hair-sotl__bg img{object-position:var(--sotl-focus-m, center 40%)}.hair-sotl__scrim{background:linear-gradient(180deg,rgba(26,40,44,calc(var(--sotl-scrim, .72) + .1)),rgba(26,40,44,var(--sotl-scrim, .72)))}.hair-sotl__inner{padding:0 1.6rem;gap:2rem}.hair-sotl__heading{font-size:2.6rem;max-width:none}.hair-sotl__line{font-size:1.4rem;margin-top:.9rem}.hair-sotl__pill{padding:.3rem .3rem .3rem 1.6rem}.hair-sotl__pill input{font-size:1.5rem;padding:1rem 0}.hair-sotl__pill button{padding:0 1.6rem;min-height:4.2rem;font-size:1.1rem}.hair-sotl__pill button svg{display:none}}@media(prefers-reduced-motion:reduce){.hair-sotl__pill button svg{transition:none}.hair-sotl__pill button:hover svg{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/74/assets/hair-newsletter.css.map */