.sc-hero{position:relative;width:100%;height:100vh;max-height:800px;min-height:540px;overflow:hidden;background:#cae8eb;display:flex;align-items:center;justify-content:center}.sc-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.sc-hero__bg-orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.45}.sc-hero__bg-orb--1{width:520px;height:520px;top:-22%;left:-8%;animation:scOrbDrift1 14s ease-in-out infinite}.sc-hero__bg-orb--2{width:420px;height:420px;top:25%;right:2%;animation:scOrbDrift2 16s ease-in-out infinite}.sc-hero__bg-orb--3{width:360px;height:360px;bottom:-18%;left:32%;animation:scOrbDrift3 12s ease-in-out infinite}.sc-hero__bg-orb--4{width:260px;height:260px;top:8%;left:48%;opacity:.3;animation:scOrbDrift1 18s ease-in-out infinite reverse}@keyframes scOrbDrift1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.05)}66%{transform:translate(-20px,30px) scale(.95)}}@keyframes scOrbDrift2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-25px,25px) scale(1.08)}66%{transform:translate(20px,-15px) scale(.92)}}@keyframes scOrbDrift3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(35px,-30px) scale(1.1)}}.sc-hero__grain{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");background-size:128px 128px;pointer-events:none}.sc-hero__lines{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.sc-hero__line{position:absolute;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.03) 20%,rgba(0,0,0,.05) 50%,rgba(0,0,0,.03) 80%,transparent 100%);width:100%}.sc-hero__line:nth-child(1){top:25%}.sc-hero__line:nth-child(2){top:50%}.sc-hero__line:nth-child(3){top:75%}.sc-hero__inner{position:relative;z-index:5;max-width:1200px;margin:0 auto;padding:32px 24px;display:flex;flex-direction:column;align-items:center;text-align:center}.sc-hero__eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:20px;animation:scFadeSlideUp .8s ease-out both}.sc-hero__eyebrow-line{width:32px;height:1px;background:linear-gradient(90deg,transparent,#b8a9c9)}.sc-hero__eyebrow-text{font-size:11px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:#b8a9c9}.sc-hero__title{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:clamp(36px,5.5vw,62px);color:#000;line-height:1.1;margin-bottom:6px;animation:scFadeSlideUp .8s ease-out .1s both}.sc-hero__title em{font-style:italic;color:#b8a9c9}.sc-hero__subtitle{font-family:var(--font-heading-family);font-size:clamp(20px,2.8vw,28px);font-weight:400;font-style:italic;color:#00000073;margin-bottom:16px;animation:scFadeSlideUp .8s ease-out .15s both}.sc-hero__desc{font-size:15px;line-height:1.7;color:#000;max-width:520px;margin-bottom:32px;font-weight:400;animation:scFadeSlideUp .8s ease-out .2s both}.sc-hero__concerns{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-bottom:32px;animation:scFadeSlideUp .8s ease-out .3s both}.sc-hero__concern-item{display:flex;flex-direction:column;align-items:center;gap:10px;text-decoration:none;cursor:pointer;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.sc-hero__concern-item:hover{transform:translateY(-6px)}.sc-hero__concern-icon{width:72px;height:72px;border-radius:20px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;transition:box-shadow .4s ease,border-color .4s ease,background .4s ease;border:1px solid rgba(255,255,255,.4);background:#ffffff59;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.sc-hero__concern-icon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;padding:1px;background:linear-gradient(135deg,#ffffffb3,#fff3,#ffffffb3);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease}.sc-hero__concern-item:hover .sc-hero__concern-icon:before{opacity:1}.sc-hero__concern-item:hover .sc-hero__concern-icon{border-color:#fff9;box-shadow:0 8px 32px #0000000f,0 2px 8px #00000008;background:#fff9}.sc-hero__concern-icon svg{width:30px;height:30px;position:relative;z-index:2}.sc-hero__concern-label{font-size:11px;font-weight:500;letter-spacing:.5px;color:#000;transition:color .3s ease;text-align:center;max-width:80px;line-height:1.3}.sc-hero__concern-item:hover .sc-hero__concern-label{color:#000}.sc-hero__cta-wrap{animation:scFadeSlideUp .8s ease-out .4s both}.sc-hero__cta{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;border-radius:60px;background:#cae8eb;color:#000;font-size:13px;font-weight:600;letter-spacing:1px;text-transform:uppercase;text-decoration:none;transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.sc-hero__cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#b8dce0,#cae8eb);opacity:0;transition:opacity .4s ease}.sc-hero__cta:hover{transform:translateY(-2px);box-shadow:0 12px 40px #cae8eb66;color:#000}.sc-hero__cta:hover:before{opacity:1}.sc-hero__cta span,.sc-hero__cta svg{position:relative;z-index:2}.sc-hero__cta svg{width:16px;height:16px;transition:transform .3s ease}.sc-hero__cta:hover svg{transform:translate(3px)}.sc-hero__secondary{display:block;margin-top:14px;font-size:12px;color:#00000080;text-decoration:none;letter-spacing:.5px;transition:color .3s ease;animation:scFadeSlideUp .8s ease-out .45s both}.sc-hero__secondary:hover{color:#000}.sc-hero__fade{position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to top,#ffffff,transparent);z-index:6}@keyframes scFadeSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.sc-hero{height:auto;min-height:100svh;max-height:none}.sc-hero__inner{padding:40px 20px 48px;justify-content:center;min-height:100svh}.sc-hero__concerns{gap:14px}.sc-hero__concern-icon{width:60px;height:60px;border-radius:16px}.sc-hero__concern-icon svg{width:24px;height:24px}.sc-hero__concern-label{font-size:10px}.sc-hero__bg-orb{filter:blur(70px);opacity:.4}.sc-hero__bg-orb--1{width:320px;height:320px}.sc-hero__bg-orb--2{width:260px;height:260px}.sc-hero__bg-orb--3{width:220px;height:220px}.sc-hero__bg-orb--4{display:none}}@media(max-width:480px){.sc-hero__inner{padding:32px 16px 40px}.sc-hero__title{font-size:clamp(30px,8vw,38px)}.sc-hero__concerns{gap:10px}.sc-hero__concern-icon{width:54px;height:54px;border-radius:14px}.sc-hero__concern-icon svg{width:22px;height:22px}.sc-hero__cta{padding:14px 28px;font-size:12px}.sc-hero__desc{font-size:14px;margin-bottom:24px}.sc-hero__subtitle{margin-bottom:12px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-skin-concerns-collection-hero.css.map */