:root{--hl-blue: #0D4268;--hl-gold: #F4BE18;--hl-cream: #FBF7ED}html,body:has(.hl-coming-soon){background:var(--hl-cream);overscroll-behavior-y:none}body:has(.hl-coming-soon) .section-header,body:has(.hl-coming-soon) .shopify-section-group-header-group,body:has(.hl-coming-soon) .shopify-section-group-footer-group{display:none}body:has(.hl-coming-soon) #MainContent{margin:0;padding:0}.password{background:var(--hl-cream)}.hl-coming-soon__access{position:relative;z-index:3;width:max-content;margin:3.2rem auto 0;color:var(--hl-blue);text-align:center}.hl-coming-soon__access summary{cursor:pointer;font:600 1.2rem/1.2 Inter,sans-serif;list-style:none;text-decoration:underline;text-underline-offset:.35rem}.hl-coming-soon__access summary::-webkit-details-marker{display:none}.hl-coming-soon__access-panel{position:absolute;right:50%;bottom:calc(100% + 1.2rem);width:min(30rem,calc(100vw - 3.2rem));padding:2rem;border:1px solid rgba(13,66,104,.18);border-radius:1.8rem;background:#fff;box-shadow:0 1.6rem 4rem #0d426824;text-align:left;transform:translate(50%)}.hl-coming-soon__access-panel h2{margin:0 0 1.4rem;font:700 2rem/1 Fredoka,sans-serif}.hl-coming-soon__password-form{display:grid;gap:1rem}.hl-coming-soon__password-form input,.hl-coming-soon__password-form button{min-height:4.6rem;border:1px solid var(--hl-blue);border-radius:999px;font:600 1.35rem/1 Inter,sans-serif}.hl-coming-soon__password-form input{padding:0 1.6rem}.hl-coming-soon__password-form button{background:var(--hl-blue);color:#fff;cursor:pointer}.password-main{min-height:100vh}.hl-coming-soon{position:relative;display:grid;min-height:100vh;overflow:hidden;place-items:start center;padding:clamp(3.6rem,5vh,5rem) 2.4rem 4rem;background:radial-gradient(circle at 50% 14%,rgba(244,190,24,.16),transparent 30rem),var(--hl-cream);color:var(--hl-blue);text-align:center}.hl-coming-soon__glow{position:absolute;inset:auto 50% -22rem auto;width:44rem;height:44rem;border:1px solid rgba(13,66,104,.1);border-radius:50%;transform:translate(50%)}.hl-coming-soon__content{position:relative;z-index:1;width:min(100%,82rem)}.hl-coming-soon__logo{display:block;width:min(100%,38rem);height:auto;margin:0 auto clamp(2.2rem,3.5vh,3.2rem)}.hl-coming-soon__eyebrow{margin:0 0 1.1rem;color:var(--hl-gold);font:700 1.3rem/1.2 Inter,sans-serif;letter-spacing:.25em}.hl-coming-soon__title{margin:0;color:var(--hl-blue);font:700 clamp(3.2rem,6vw,6.4rem)/.98 Fredoka,sans-serif;letter-spacing:.015em}.hl-coming-soon__benefits{--pointer-x: 0;--pointer-y: 0;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(2,6.8rem);gap:1.4rem;max-width:78rem;margin:clamp(3.2rem,6vh,5.2rem) auto;padding:0;list-style:none;perspective:90rem}.hl-coming-soon__benefit{--depth: 1;display:grid;position:relative;place-items:center;padding:1.35rem 1.8rem;border:1px solid rgba(13,66,104,.16);border-radius:2.2rem;background:#ffffffc2;box-shadow:0 1.4rem 3.4rem #0d426814,0 0 2.8rem #f4be1814;font:600 1.35rem/1.25 Inter,sans-serif;transform:translate3d(calc(var(--pointer-x) * var(--depth) * .4rem),calc(var(--pointer-y) * var(--depth) * .3rem),0) rotateX(calc(var(--pointer-y) * -1deg)) rotateY(calc(var(--pointer-x) * 1deg));transition:border-color .22s ease,box-shadow .22s ease,transform .18s ease-out}.hl-coming-soon__benefit:hover{border-color:#f4be18b3;box-shadow:0 1.8rem 4.4rem #0d426821,0 0 3.6rem #f4be1838}.hl-coming-soon__benefit--1{grid-column:1 / span 4;--depth: .8}.hl-coming-soon__benefit--2{grid-column:5 / span 4;--depth: 1.15}.hl-coming-soon__benefit--3{grid-column:9 / span 4;--depth: .95}.hl-coming-soon__benefit--4{grid-column:2 / span 4;--depth: 1.1}.hl-coming-soon__benefit--5{grid-column:5 / span 4;--depth: .75}.hl-coming-soon__benefit--6{grid-column:8 / span 4;--depth: 1.2}.hl-coming-soon__signup{max-width:58rem;margin:0 auto}.hl-coming-soon__fields{display:grid;grid-template-columns:minmax(0,1fr) auto;overflow:hidden;border:2px solid var(--hl-blue);border-radius:999px;background:#fff}.hl-coming-soon__email{min-width:0;padding:1.7rem 2.2rem;border:0;outline:0;color:var(--hl-blue);background:transparent;font:500 1.5rem/1.2 Inter,sans-serif}.hl-coming-soon__email::placeholder{color:#0d426894}.hl-coming-soon__email:focus-visible{box-shadow:inset 0 0 0 2px var(--hl-gold)}.hl-coming-soon__button{margin:.45rem;padding:1.3rem 2.1rem;border:0;border-radius:999px;background:var(--hl-blue);color:#fff;cursor:pointer;font:700 1.2rem/1 Inter,sans-serif;letter-spacing:.08em;transition:background .16s ease,transform .16s ease}.hl-coming-soon__button:hover{background:#082f4c;transform:translateY(-1px)}.hl-coming-soon__success{margin:0;padding:1.8rem;border:2px solid var(--hl-blue);border-radius:999px;background:#fff;font:700 1.7rem/1.2 Fredoka,sans-serif}.hl-coming-soon__error{margin:1rem 0 0;color:#9d2525;font:600 1.3rem/1.4 Inter,sans-serif}.hl-coming-soon__fine-print{margin:1.2rem 0 0;color:#0d4268a8;font:500 1.15rem/1.4 Inter,sans-serif}.hl-coming-soon__contact{max-width:66rem;margin:clamp(5.5rem,9vh,8rem) auto 0;padding-top:clamp(4rem,7vh,6rem);border-top:1px solid rgba(13,66,104,.14)}.hl-coming-soon__contact h2{margin:0 0 2.4rem;color:var(--hl-blue);font:500 clamp(1.7rem,2.5vw,2.2rem)/1.45 Inter,sans-serif}.hl-coming-soon__contact h2 a{color:inherit;text-underline-offset:.35rem}.hl-coming-soon__contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;text-align:left}.hl-coming-soon__contact-grid label{display:grid;gap:.7rem;color:var(--hl-blue);font:650 1.2rem/1.2 Inter,sans-serif}.hl-coming-soon__contact-grid input,.hl-coming-soon__contact-grid textarea{width:100%;border:1px solid rgba(13,66,104,.35);border-radius:1.4rem;background:#ffffffc2;color:var(--hl-blue);font:500 1.45rem/1.35 Inter,sans-serif}.hl-coming-soon__contact-grid input{min-height:5rem;padding:0 1.5rem}.hl-coming-soon__contact-grid textarea{min-height:12rem;padding:1.4rem 1.5rem;resize:vertical}.hl-coming-soon__contact-grid input:focus-visible,.hl-coming-soon__contact-grid textarea:focus-visible{border-color:var(--hl-gold);outline:2px solid rgba(244,190,24,.35);outline-offset:2px}.hl-coming-soon__message{grid-column:1 / -1}.hl-coming-soon__contact-button{margin-top:1.4rem;padding:1.5rem 2.6rem;border:0;border-radius:999px;background:var(--hl-blue);color:#fff;cursor:pointer;font:700 1.2rem/1 Inter,sans-serif;letter-spacing:.08em}.hl-coming-soon__contact-success{font:700 1.8rem/1.3 Fredoka,sans-serif}.password-header{position:fixed;z-index:20;top:1.8rem;right:2rem;padding:0}.password-header .password-link{color:var(--hl-blue);font:600 1.2rem/1.2 Inter,sans-serif;text-underline-offset:.35rem}@media(max-width:749px){.hl-coming-soon__benefits{grid-template-columns:repeat(2,1fr);grid-template-rows:none}.hl-coming-soon__benefit{grid-column:auto;min-height:5.6rem}.hl-coming-soon__contact-grid{grid-template-columns:1fr}.hl-coming-soon__message{grid-column:auto}}@media(max-width:480px){.hl-coming-soon{padding:4rem 1.6rem 3.2rem}.hl-coming-soon__logo{width:min(100%,27rem);margin-bottom:2.2rem}.hl-coming-soon__title{font-size:clamp(3rem,12vw,4.2rem)}.hl-coming-soon__benefits{grid-template-columns:1fr;gap:.8rem;margin:3rem auto}.hl-coming-soon__benefit{padding-block:1rem}.hl-coming-soon__fields{grid-template-columns:1fr;border-radius:2rem}.hl-coming-soon__email{text-align:center}.hl-coming-soon__button{padding:1.5rem}.hl-coming-soon__contact{margin-top:4.5rem}}@media(prefers-reduced-motion:reduce){.hl-coming-soon__button,.hl-coming-soon__benefit{animation:none;transition:none}.hl-coming-soon__benefit{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/hairlock-coming-soon.css.map */