.reference-design{--black:#000;--white:#fff;--gray-1:#666;--gray-2:#969696;--gray-3:#b8b8b8;--gray-4:#e0e0e0;--gray-5:#fafafa;--font:"Graphik Compact", "Sofia Sans Semi Condensed", "Arial Narrow", Arial, sans-serif;--font-logo:"Cormorant Garamond", "Times New Roman", serif}.reference-design *,.reference-design :before,.reference-design :after{box-sizing:border-box}.reference-design html{-webkit-text-size-adjust:100%}.reference-design{font-family:var(--font);color:var(--black);background:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:16px;font-weight:400;line-height:1.3}.reference-design h1,.reference-design h2,.reference-design h3,.reference-design h4,.reference-design p,.reference-design ul,.reference-design ol,.reference-design figure{margin:0;padding:0}.reference-design ul,.reference-design ol{list-style:none}.reference-design a{color:inherit;text-decoration:none}.reference-design button{font:inherit;color:inherit;cursor:pointer;text-transform:inherit;background:0 0;border:0;margin:0;padding:0}.reference-design img,.reference-design svg,.reference-design video{max-width:100%;display:block}.reference-design button:focus-visible,.reference-design a:focus-visible,.reference-design input:focus-visible{outline-offset:2px;outline:2px solid}.reference-design .sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.reference-design .icon{fill:currentColor;flex:none;width:1em;height:1em}.reference-design .chev-l{transform:rotate(90deg)}.reference-design .chev-r{transform:rotate(-90deg)}.reference-design main{flex-direction:column;display:flex}.reference-design .ph{background-color:#e7e7e7;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0L100 100M100 0L0 100' stroke='%23d3d3d3' stroke-width='1' vector-effect='non-scaling-stroke' fill='none'/%3E%3C/svg%3E");background-size:100% 100%;display:block;position:relative;overflow:hidden}.reference-design .ph:after{content:attr(data-ph);letter-spacing:.06em;text-transform:uppercase;text-align:center;white-space:nowrap;color:#6b6b6b;pointer-events:none;background:#ffffffe0;max-width:90%;padding:5px 9px;font-size:11px;line-height:1.2;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reference-design .ph--mid{background-color:#b9b9b9;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0L100 100M100 0L0 100' stroke='%23a4a4a4' stroke-width='1' vector-effect='non-scaling-stroke' fill='none'/%3E%3C/svg%3E")}.reference-design .ph--dark{background-color:#7b7b7b;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0L100 100M100 0L0 100' stroke='%23929292' stroke-width='1' vector-effect='non-scaling-stroke' fill='none'/%3E%3C/svg%3E")}.reference-design .ph--dark:after{color:#eee;background:#0000008c}.reference-design .ph--product{background-color:#f4f4f4}.reference-design .ph--product:after{background:#ffffffe6}.reference-design .ph--glass:after{color:#fff;background:#ffffff29}.reference-design .ph--glass{background-color:#ffffff14;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0L100 100M100 0L0 100' stroke='%23ffffff' stroke-opacity='.25' stroke-width='1' vector-effect='non-scaling-stroke' fill='none'/%3E%3C/svg%3E")}.reference-design .ph--sm:after{letter-spacing:.03em;padding:3px 5px;font-size:9px}.reference-design .ph--xs:after{display:none}.reference-design .btn{text-transform:uppercase;white-space:nowrap;color:var(--white);background:var(--black);border:1px solid #0000;justify-content:center;align-items:center;padding:8px 10px;font-size:14px;font-weight:680;line-height:14px;transition:background-color .2s,color .2s,border-color .2s;display:inline-flex}.reference-design .btn:hover{background:var(--white);color:var(--black);border-color:var(--black)}.reference-design .btn--white{color:var(--black);background:var(--white)}.reference-design .btn--white:hover{background:var(--black);color:var(--white);border-color:var(--white)}.reference-design .btn--sm{height:30px;padding:0 8px;font-size:12px;line-height:12px}.reference-design .btn--block{width:100%;display:flex}.reference-design .link-u{text-transform:uppercase;text-underline-offset:3px;align-items:center;gap:8px;font-size:14px;font-weight:680;line-height:16.8px;text-decoration:underline;text-decoration-thickness:1px;transition:opacity .2s;display:inline-flex}.reference-design .link-u:hover{opacity:.6}.reference-design .nav-btn{width:30px;height:30px;color:var(--black);background:var(--white);border:1px solid var(--black);justify-content:center;align-items:center;transition:opacity .2s;display:inline-flex}.reference-design .nav-btn .icon{width:10px;height:10px}.reference-design .nav-btn--lg .icon{width:12px;height:12px}.reference-design .nav-btn[disabled],.reference-design .nav-btn.is-disabled{color:var(--gray-2);border-color:var(--gray-4);cursor:default}.reference-design .tag{text-transform:uppercase;white-space:nowrap;color:var(--black);background:var(--gray-4);padding:4px;font-size:10px;font-weight:400;line-height:13px;display:inline-block}.reference-design .tag--outline{background:var(--white);border:1px solid var(--black);padding:4px 6px}.reference-design .h2{text-transform:uppercase;font-size:32px;font-weight:750;line-height:34.5px}.reference-design .announcement{color:var(--white);background:var(--black);padding:8px 24px;position:relative}.reference-design .announcement__carousel{justify-content:center;align-items:center;gap:4px;width:min(740px,100%);margin:0 auto;display:flex}.reference-design .announcement__nav{width:12px;height:12px;color:var(--white);justify-content:center;align-items:center;display:flex}.reference-design .announcement__nav .icon{width:12px;height:12px}.reference-design .announcement__viewport{flex:1;overflow:hidden}.reference-design .announcement__track{transition:transform .5s;display:flex}.reference-design .announcement__slide{text-align:center;flex:0 0 100%;justify-content:center;align-items:center;font-size:12px;line-height:13.2px;display:flex}.reference-design .announcement__slide p{line-height:15.6px}.reference-design .announcement__slide a{text-transform:uppercase;text-underline-offset:2px;text-decoration:underline}.reference-design .announcement__offers{color:var(--gray-3);font-size:14px;line-height:18.2px;position:absolute;top:7px;right:24px}.reference-design .announcement__offers:hover{color:var(--white)}.reference-design .header{z-index:60;background:var(--white);position:sticky;top:0}.reference-design .header__bar{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;height:46px;padding:8px 24px;display:grid}.reference-design .logo{font-family:var(--font-logo);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;align-items:center;height:16px;font-size:25px;font-weight:680;line-height:16px;display:inline-flex}.reference-design .logo--placeholder{outline-offset:4px;outline:1px dashed #00000047;width:156px}.reference-design .header__logo{justify-self:start}.reference-design .header__nav-list{justify-content:center;align-items:center;gap:16px;display:flex}.reference-design .header__nav-link{text-transform:uppercase;justify-content:center;align-items:center;padding:8px;font-size:14px;font-weight:680;line-height:14px;transition:background-color .15s,color .15s;display:flex;position:relative}.reference-design .header__nav-link:after{content:"";height:9px;position:absolute;top:100%;left:0;right:0}.reference-design .header__nav-item:hover>.header__nav-link,.reference-design .header__nav-item:focus-within>.header__nav-link{color:var(--white);background:var(--black)}.reference-design .header__utils{justify-content:flex-end;align-items:center;gap:16px;display:flex}.reference-design .header__util{font-size:12px;line-height:13.2px}.reference-design .header__util--icon{justify-content:center;align-items:center;width:20px;height:20px;padding:2px;display:flex}.reference-design .header__util--icon .icon{width:16px;height:16px}.reference-design .header__util:hover{opacity:.6}.reference-design .header__burger,.reference-design .mobile-menu{display:none}.reference-design .mega{background:var(--white);border-top:1px solid #0000;max-height:calc(100vh - 90px);padding:24px;display:none;position:absolute;top:100%;left:0;right:0;overflow:auto}.reference-design .mega__grid{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.reference-design .mega__col{flex-direction:column;gap:16px;display:flex}.reference-design .mega__title{text-transform:uppercase;font-size:16px;font-weight:680;line-height:19.2px}.reference-design .mega__link{padding:8px 0;font-size:14px;line-height:18.2px;transition:opacity .15s;display:block}.reference-design .mega__link:hover{opacity:.55}.reference-design .callout{display:block}.reference-design .callout__img{aspect-ratio:2/3}.reference-design .mega--learn .callout__img{aspect-ratio:174/241}.reference-design .callout__text{margin-top:12px;padding-right:4px}.reference-design .callout__title{text-transform:uppercase;font-size:16px;font-weight:680;line-height:19.2px}.reference-design .callout__body{margin-top:8px;font-size:12px;line-height:13.2px}.reference-design .callout{transition:color .2s}.reference-design .mega__grid:hover .callout:not(:hover) .callout__text{opacity:1}.reference-design .callout:hover .callout__title,.reference-design .callout:hover .callout__body{color:var(--gray-1)}.reference-design .mega--best .mega__grid{grid-template-columns:repeat(5,1fr)}.reference-design .mega--best .callout__img{aspect-ratio:210/316}.reference-design .mega__cta{grid-column:1/-1;justify-content:center;margin-top:16px;display:flex}.reference-design .hero-top{align-items:stretch;gap:24px;min-height:384px;display:flex}.reference-design .hero-top__content{flex-direction:column;flex:0 0 39.4%;align-items:flex-start;max-width:445px;padding:16px;display:flex}.reference-design .hero-top__sub{text-transform:uppercase;margin-bottom:12px;font-size:16px;font-weight:680;line-height:19.2px}.reference-design .hero-top__title{text-transform:uppercase;margin-bottom:12px;font-size:32px;font-weight:400;line-height:34.5px}.reference-design .hero-top__body{letter-spacing:.01em;margin-bottom:12px;font-size:16px;line-height:20.8px}.reference-design .hero-top__gift{margin-bottom:12px;font-size:12px;line-height:15.6px}.reference-design .hero-top__foot{color:var(--gray-1);font-size:10px;line-height:13px}.reference-design .hero-top__foot em{font-style:italic}.reference-design .hero-top__media{aspect-ratio:16/9;flex:1;align-self:center;position:relative}.reference-design .vctrl{z-index:2;align-items:center;gap:4px;padding:24px;display:flex;position:absolute;bottom:0;right:0}.reference-design .vctrl__btn{width:25px;height:25px;color:var(--white);background:#0000004d;justify-content:center;align-items:center;transition:background-color .2s;display:flex}.reference-design .vctrl__btn:hover{background:#0000008c}.reference-design .vctrl__btn .icon{width:14px;height:14px}.reference-design .vctrl__btn .i-play,.reference-design .vctrl__btn[aria-pressed=true] .i-pause{display:none}.reference-design .vctrl__btn[aria-pressed=true] .i-play{display:block}.reference-design .vctrl__btn .i-unmute,.reference-design .vctrl__btn[data-muted=false] .i-mute{display:none}.reference-design .vctrl__btn[data-muted=false] .i-unmute{display:block}.reference-design .ugc{padding:48px 24px}.reference-design .ugc__head{justify-content:center;margin-bottom:32px;padding:0 16px;display:flex}.reference-design .ugc__title{text-transform:uppercase;text-align:center;font-size:26px;font-weight:750;line-height:28px}.reference-design .ugc__carousel{position:relative}.reference-design .ugc__viewport{height:var(--vh,555px);position:relative;overflow:hidden}.reference-design .ugc__slide{width:247px;top:0;left:calc(4px + var(--pos,0) * ((100% - 255px) / 2));transition:left .5s;position:absolute}.reference-design .ugc__slide[data-hidden=true]{visibility:hidden;transition:none}.reference-design .ugc__media{aspect-ratio:var(--ar,247 / 440);position:relative}.reference-design .ugc__play{width:40px;height:40px;color:var(--white);z-index:2;background:#0000004d;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reference-design .ugc__play .icon{width:14px;height:14px}.reference-design .ugc__slide.is-active .ugc__play{display:none}.reference-design .ugc__media .ph:after{top:10%}.reference-design .ugc__slide:not(.is-active) .vctrl{display:none}.reference-design .ugc__card{background:var(--gray-5);visibility:hidden;grid-template-columns:50px 1fr;gap:10px;height:115px;padding:16px 8px;display:grid}.reference-design .ugc__slide.is-active .ugc__card{visibility:visible}.reference-design .ugc__card-img{width:50px;height:75px}.reference-design .ugc__card-info{flex-direction:column;justify-content:center;gap:16px;min-width:0;display:flex}.reference-design .ugc__card-title{text-transform:uppercase;font-size:14px;font-weight:680;line-height:16.8px}.reference-design .ugc__nav{pointer-events:none;grid-template-columns:repeat(3,1fr);gap:12px;padding:24px 16px;display:grid;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.reference-design .ugc__nav .nav-btn{pointer-events:auto}.reference-design .ugc__nav .nav-btn:first-child{justify-self:end}.reference-design .ugc__nav .nav-btn:last-child{grid-column:3;justify-self:start}.reference-design .products{margin:32px 0}.reference-design .products__head{justify-content:space-between;align-items:center;gap:32px;margin-bottom:32px;padding:0 16px;display:flex}.reference-design .products__actions{align-items:center;gap:16px;display:flex}.reference-design .products__nav{align-items:center;gap:8px;display:flex}.reference-design .products__track{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;gap:8px;padding:0 0 0 16px;scroll-padding-left:16px;display:flex;overflow:auto hidden}.reference-design .products__track::-webkit-scrollbar{display:none}.reference-design .pcard{scroll-snap-align:start;flex-direction:column;flex:0 0 calc(22.2222% - 8.61111px);display:flex;position:relative}.reference-design .pcard__media{aspect-ratio:3/4;background:var(--white);position:relative;overflow:hidden}.reference-design .pcard__media .ph{transition:opacity .3s;position:absolute;inset:0}.reference-design .pcard__media .ph+.ph{opacity:0}.reference-design .pcard:hover .pcard__media .ph+.ph{opacity:1}.reference-design .pcard__body{z-index:1;background:var(--white);margin-top:24px;padding-top:8px;transition:transform .3s;position:relative}.reference-design .pcard__tags{height:24px}.reference-design .pcard__title{text-transform:uppercase;padding:8px 0 5px;font-size:14px;font-weight:680;line-height:16.8px;display:block}.reference-design .pcard__meta{text-transform:uppercase;align-items:center;gap:12px;min-height:18px;font-size:14px;line-height:18.2px;display:flex}.reference-design .pcard__price{align-items:center;gap:8px;display:flex}.reference-design .pcard__price del{color:var(--gray-2);text-decoration:line-through}.reference-design .pcard__vol{color:var(--gray-2);font-size:12px;line-height:15.6px}.reference-design .pcard__hover{background:var(--white);opacity:0;pointer-events:none;flex-direction:column;gap:8px;height:115px;padding:12px 0 0;transition:opacity .25s;display:flex;position:absolute;top:100%;left:0;right:0}.reference-design .pcard:hover .pcard__body,.reference-design .pcard:focus-within .pcard__body{transform:translateY(-115px)}.reference-design .pcard:hover .pcard__hover,.reference-design .pcard:focus-within .pcard__hover{opacity:1;pointer-events:auto}.reference-design .pcard__variants{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.reference-design .pcard__variant{text-transform:uppercase;border:1px solid var(--black);background:var(--white);padding:6px 10px;font-size:14px;line-height:14px}.reference-design .pcard__variant:hover,.reference-design .pcard__variant.is-on{background:var(--black);color:var(--white)}.reference-design .pcard__hover .btn{width:100%;height:32px;margin-top:auto}.reference-design .tiles{grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0;padding:0 16px;display:grid}.reference-design .tile{aspect-ratio:361/505;display:block;position:relative}.reference-design .tile .ph{position:absolute;inset:0}.reference-design .tile__content{align-items:flex-start;gap:8px;padding:12px;display:flex;position:absolute;inset:0}.reference-design .tile__title{text-transform:uppercase;color:var(--white);flex:1;font-size:14px;font-weight:680;line-height:16.8px}.reference-design .tile--light .tile__title{color:var(--black)}.reference-design .tile .btn{flex:none}.reference-design .hero-serums{aspect-ratio:2;position:relative;overflow:hidden}.reference-design .hero-serums>.ph{position:absolute;inset:0}.reference-design .hero-serums__content{max-width:494px;color:var(--white);flex-direction:column;align-items:flex-start;padding:32px;display:flex;position:absolute;top:0;left:0}.reference-design .hero-serums__title{text-transform:uppercase;margin-bottom:16px;font-size:32px;font-weight:750;line-height:34.5px}.reference-design .hero-serums__body{letter-spacing:.015em;margin-bottom:24px;font-size:14px;line-height:18.2px}.reference-design .hero-serums__cta{color:var(--white)}.reference-design .promo{background:var(--white);width:min(450px,100% - 32px);position:absolute;bottom:16px;right:16px;overflow:hidden}.reference-design .promo__track{transition:transform .45s;display:flex}.reference-design .promo__slide{background:var(--white);flex:0 0 100%;align-items:center;gap:8px;height:112px;padding:8px;display:flex}.reference-design .promo__img{flex:none;width:72px;height:96px}.reference-design .promo__body{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.reference-design .promo__title{text-transform:uppercase;max-width:270px;font-size:14px;font-weight:680;line-height:16.8px}.reference-design .promo__price{text-transform:uppercase;align-items:center;gap:8px;font-size:14px;line-height:16.8px;display:flex}.reference-design .promo__toolbar{align-items:center;gap:8px;padding:8px;display:flex;position:absolute;bottom:0;right:0}.reference-design .steps{background:var(--white);padding:24px 0}.reference-design .steps__inner{-moz-column-gap:88px;grid-template-columns:minmax(0,496fr) minmax(0,546.4fr);align-items:stretch;column-gap:88px;display:grid}.reference-design .steps__left{min-height:450px;padding-left:16px;position:relative}.reference-design .step{flex-direction:column;padding-bottom:140px;display:none}.reference-design .step.is-active{display:flex}.reference-design .step__num{border-top:1px solid var(--black);align-items:flex-start;padding-top:16px;display:flex}.reference-design .step__label{text-transform:uppercase;font-size:32px;font-weight:750;line-height:34.5px}.reference-design .step__digits{width:172px;height:90px;overflow:visible}.reference-design .step__title-wrap{border-top:1px solid var(--black);margin-top:88px;padding-top:16px}.reference-design .step__title{text-transform:uppercase;font-size:32px;font-weight:750;line-height:34.5px}.reference-design .step__copy{letter-spacing:.015em;max-width:480px;margin-top:28px;font-size:14px;line-height:18.2px}.reference-design .steps__controls{flex-direction:column;gap:32px;padding-left:16px;display:flex;position:absolute;bottom:0;left:0;right:0}.reference-design .steps__bullets{gap:12px;display:flex}.reference-design .steps__bullet{background:var(--gray-3);flex:1;height:2px;transition:background-color .3s}.reference-design .steps__bullet.is-active{background:var(--black)}.reference-design .steps__buttons{grid-template-columns:1fr 1fr;gap:12px;display:grid}.reference-design .steps__buttons .btn{height:30px;padding:0 10px}.reference-design .steps__buttons .btn[disabled]{color:var(--white);background:var(--gray-4);border-color:var(--gray-4);cursor:default}.reference-design .steps__right{min-width:0;position:relative}.reference-design .steps__head{justify-content:space-between;align-items:center;gap:32px;height:30px;margin-bottom:32px;padding-right:32px;display:flex}.reference-design .steps__head-nav{align-items:center;gap:8px;display:none}.reference-design .steps__head-nav.is-on{display:flex}.reference-design .steps__head-right{align-items:center;gap:16px;margin-left:auto;display:flex}.reference-design .steps__panel{display:none}.reference-design .steps__panel.is-active{display:block}.reference-design .steps__track{scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;display:flex;overflow:auto hidden}.reference-design .steps__track::-webkit-scrollbar{display:none}.reference-design .steps__track .pcard{scroll-snap-align:start;flex:0 0 calc(33.3333% - 14px)}.reference-design .steps__track .pcard__hover{display:none}.reference-design .steps__track .pcard:hover .pcard__body{transform:none}.reference-design .concern{margin:32px 0 37px;padding:0 16px}.reference-design .concern__grid{-moz-column-gap:48px;grid-template-columns:repeat(4,1fr);column-gap:48px;margin-top:32px;display:grid}.reference-design .concern__item{display:block}.reference-design .concern__item .ph{aspect-ratio:239/410}.reference-design .concern__label{padding:16px 0}.reference-design .concern__label h4{text-transform:uppercase;margin-bottom:8px;font-size:16px;font-weight:680;line-height:19.2px}.reference-design .concern__item:hover .concern__label h4{text-underline-offset:3px;text-decoration:underline}.reference-design .hero-heal{padding:0 16px}.reference-design .hero-heal__split{align-items:stretch;gap:24px;display:flex}.reference-design .hero-heal__content{flex:0 0 250px;align-items:center;display:flex}.reference-design .hero-heal__sub{text-transform:uppercase;margin-bottom:24px;font-size:14px;font-weight:680;line-height:16.8px}.reference-design .hero-heal__media{aspect-ratio:824/447;flex:1;min-width:0;display:flex}.reference-design .hero-heal__media .ph{flex:1}.reference-design .bundles{color:var(--white);isolation:isolate;background:#02020b;padding:64px 16px;position:relative;overflow:hidden}.reference-design .bundles__bg{z-index:-1;background:#03030f;position:absolute;inset:0;overflow:hidden}.reference-design .bundles__blob{filter:blur(70px);will-change:transform;border-radius:50%;position:absolute}.reference-design .bundles__blob--1{background:radial-gradient(closest-side,#5568e8 0%,#3a4bc4 45%,#2834aa00 100%);width:62%;height:70%;animation:22s ease-in-out infinite alternate drift1;top:8%;left:-22%}.reference-design .bundles__blob--2{background:radial-gradient(closest-side,#4a5fdc 0%,#2b36a6 50%,#1e248c00 100%);width:60%;height:80%;animation:26s ease-in-out infinite alternate drift2;top:-38%;left:18%}.reference-design .bundles__blob--3{background:radial-gradient(closest-side,#6376f0 0%,#3b4dcf 45%,#323cbe00 100%);width:60%;height:70%;animation:24s ease-in-out infinite alternate drift3;bottom:-46%;left:-14%}.reference-design .bundles__blob--4{background:radial-gradient(closest-side,#3f52d6 0%,#232d92 50%,#191e7800 100%);width:48%;height:72%;animation:30s ease-in-out infinite alternate-reverse drift2;top:-30%;right:-12%}.reference-design .bundles__blob--5{background:radial-gradient(closest-side,#2a2f9a 0%,#16195f 55%,#0c0c4600 100%);width:46%;height:62%;animation:28s ease-in-out infinite alternate-reverse drift1;top:26%;left:30%}.reference-design .bundles__shade{filter:blur(50px);background:#000;border-radius:50%;position:absolute}.reference-design .bundles__shade--1{background:radial-gradient(closest-side,#000 60%,#0000 100%);width:62%;height:96%;top:26%;right:-6%}.reference-design .bundles__shade--2{width:56%;height:70%;bottom:-46%;left:34%}@keyframes drift1{0%{transform:translate(0)scale(1)}to{transform:translate(6%,-5%)scale(1.08)}}@keyframes drift2{0%{transform:translate(0)scale(1)}to{transform:translate(-6%,7%)scale(1.06)}}@keyframes drift3{0%{transform:translate(0)scale(1)}to{transform:translate(8%,-4%)scale(1.1)}}@media (prefers-reduced-motion:reduce){.reference-design .bundles__blob{animation:none}}.reference-design .bundles__wrap{flex-direction:row-reverse;align-items:stretch;min-height:564px;display:flex;position:relative}.reference-design .bundles__media{flex:1;min-width:0;position:relative;overflow:hidden}.reference-design .bundles__shot{opacity:0;transition:opacity .5s;position:absolute;inset:0 25%}.reference-design .bundles__shot.is-active{opacity:1}.reference-design .bundles__shot .ph{position:absolute;inset:0}.reference-design .bundles__content{flex-direction:column;flex:0 0 45.5%;padding-left:96px;display:flex}.reference-design .bundles__eyebrow{text-transform:uppercase;font-size:14px;font-weight:680;line-height:16.8px}.reference-design .bundles__desc{letter-spacing:.015em;margin-top:20px;font-size:14px;line-height:18.2px}.reference-design .bundles__list{scrollbar-color:#7a7a7a #f0f0f0;flex-direction:column;gap:16px;height:408px;display:flex;overflow:hidden auto}.reference-design .bundle{min-height:161px;color:var(--black);background:var(--white);flex:none;align-items:center;gap:12px;padding:12px;display:flex}.reference-design .bundle__img{flex:none;width:120px;height:120px}.reference-design .bundle__info{flex-direction:column;min-width:0;display:flex}.reference-design .bundle__title{text-transform:uppercase;font-size:14px;font-weight:680;line-height:16.8px}.reference-design .bundle__desc{-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:8px 0 16px;font-size:12px;line-height:13.2px;display:-webkit-box;overflow:hidden}.reference-design .bundle__cta{align-self:flex-start}.reference-design .bundles__all{flex:none;display:flex}.reference-design .footer{color:var(--white);background:var(--black);padding:0 24px}.reference-design .footer__grid{grid-template-columns:repeat(12,1fr);align-items:flex-start;gap:48px 16px;padding:64px 0;display:grid}.reference-design .footer__logo{grid-column:1/7;padding-left:64px;position:relative}.reference-design .footer__art{width:100%;max-width:469px;height:auto;overflow:visible}.reference-design .footer__content{flex-direction:column;grid-column:8/13;justify-content:space-between;align-self:stretch;gap:64px;display:flex}.reference-design .newsletter{min-height:266px;margin-top:32px;padding:26px 42px 0}.reference-design .newsletter__title{text-transform:uppercase;font-size:14px;font-weight:680;line-height:16.8px}.reference-design .newsletter__copy{color:var(--gray-3);letter-spacing:.015em;margin-top:10px;font-size:14px;line-height:18.2px}.reference-design .newsletter__field{margin-top:19px;position:relative}.reference-design .newsletter__field input{width:100%;height:45px;font:inherit;color:var(--white);border:1px solid var(--white);background:0 0;border-radius:0;padding:18px 8px 4px;font-size:14px}.reference-design .newsletter__field label{pointer-events:none;font-size:12px;font-weight:680;line-height:13px;position:absolute;top:7px;left:8px}.reference-design .newsletter__submit{text-transform:uppercase;width:100%;height:47px;color:var(--black);background:var(--white);border:1px solid var(--white);justify-content:center;align-items:center;margin-top:10px;font-size:14px;font-weight:680;transition:background-color .2s,color .2s;display:flex}.reference-design .newsletter__submit:hover{color:var(--white);background:0 0}.reference-design .footer__nav{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.reference-design .footer__nav-title{text-transform:uppercase;color:var(--gray-2);margin-bottom:10px;padding-bottom:10px;font-size:14px;font-weight:680;line-height:16.8px}.reference-design .footer__sub{flex-direction:column;gap:10px;display:flex}.reference-design .footer__sub a,.reference-design .footer__legal a{text-transform:uppercase;color:var(--gray-2);font-size:12px;line-height:13.2px;transition:color .2s}.reference-design .footer__sub a:hover,.reference-design .footer__legal a:hover{color:var(--white)}.reference-design .footer__legal{flex-wrap:wrap;align-items:center;gap:16px;margin-top:48px;display:flex}.reference-design .footer__legal span{text-transform:uppercase;color:var(--gray-2);font-size:12px;line-height:13.2px}@media (max-width:1279px){.reference-design .mega__grid{grid-template-columns:repeat(4,1fr)}.reference-design .mega--best .mega__grid{grid-template-columns:repeat(5,1fr)}}@media (max-width:1023px){.reference-design .header__bar{grid-template-columns:1fr auto 1fr}.reference-design .header__nav{display:none}.reference-design .header__burger{grid-area:1/1;justify-content:center;justify-self:start;align-items:center;width:20px;height:20px;display:flex}.reference-design .header__burger .icon{width:20px;height:20px}.reference-design .header__logo{grid-area:1/2;justify-self:center}.reference-design .header__utils{grid-area:1/3}.reference-design .header__utils .header__util:not(.header__util--icon){display:none}.reference-design .mobile-menu{background:var(--white);border-top:1px solid var(--gray-4);padding:8px 24px 24px;display:none;position:absolute;top:100%;left:0;right:0}.reference-design .mobile-menu.is-open{display:block}.reference-design .mobile-menu a{text-transform:uppercase;border-bottom:1px solid var(--gray-4);padding:12px 0;font-size:14px;font-weight:680;display:block}.reference-design .hero-top{flex-direction:column-reverse;gap:0}.reference-design .hero-top__content{flex:none;max-width:none;padding:24px 16px}.reference-design .hero-top__cta{margin-bottom:24px}.reference-design .hero-top__media{align-self:stretch}.reference-design .products__head{flex-wrap:wrap}.reference-design .pcard{flex-basis:calc(40% - 9.6px)}.reference-design .tiles{grid-template-columns:1fr}.reference-design .hero-serums{aspect-ratio:auto;flex-direction:column;display:flex}.reference-design .hero-serums>.ph{aspect-ratio:4/3;order:0;position:relative}.reference-design .hero-serums__content{max-width:none;color:var(--black);padding:24px 16px;position:static}.reference-design .hero-serums__content .link-u{color:var(--black)}.reference-design .promo{border:1px solid var(--gray-4);width:auto;margin:0 16px 16px;position:static}.reference-design .steps__inner{grid-template-columns:1fr;row-gap:40px}.reference-design .steps__left{min-height:0}.reference-design .steps__controls{margin-top:8px;position:static}.reference-design .step{padding-bottom:0}.reference-design .step__title-wrap{margin-top:32px}.reference-design .steps__head{padding:0 16px 0 0}.reference-design .steps__right{padding:0 16px}.reference-design .concern__grid{-moz-column-gap:16px;grid-template-columns:repeat(2,1fr);gap:24px 16px}.reference-design .hero-heal__split{flex-direction:column;gap:16px}.reference-design .hero-heal__content{flex:none}.reference-design .bundles__wrap{flex-direction:column}.reference-design .bundles__content{flex:none;padding-left:0}.reference-design .bundles__media{display:none}.reference-design .bundles__list{height:460px}.reference-design .footer__grid{grid-template-columns:1fr;row-gap:40px}.reference-design .footer__logo,.reference-design .footer__content{grid-column:1;padding-left:0}.reference-design .newsletter{padding-left:0;padding-right:0}.reference-design .ugc{padding:32px 0}.reference-design .ugc__viewport{height:520px}.reference-design .ugc__slide{left:calc(50% - 123.5px + (var(--pos,0) - 1) * 271px)}.reference-design .ugc__nav{display:none}}@media (max-width:640px){.reference-design .h2{font-size:26px;line-height:28px}.reference-design .announcement{padding-left:12px;padding-right:12px}.reference-design .announcement__offers{display:none}.reference-design .pcard{flex-basis:calc(62.5% - 15px)}.reference-design .ugc__title{font-size:22px}.reference-design .footer__nav{grid-template-columns:repeat(2,1fr);row-gap:32px}.reference-design .hero-top__title{font-size:28px}}.reference-design{--font:var(--font-reference), "Arial Narrow", Arial, sans-serif}.reference-design :is(h1,h2,h3,h4,p,button,a){font-family:var(--font)}.reference-design .asset{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.reference-design .pcard__media .asset{position:absolute;inset:0}.reference-design .pcard__media .asset+.asset{opacity:0;transition:opacity .3s}.reference-design .pcard:hover .pcard__media .asset+.asset{opacity:1}.reference-design .tile>.asset,.reference-design .hero-serums>.asset{position:absolute;inset:0}.reference-design .tile:after{content:"";pointer-events:none;background:linear-gradient(#0006,#0000 50%);position:absolute;inset:0}.reference-design .tile__content{z-index:1}.reference-design .hero-serums__content{text-shadow:0 1px 12px #0000004d}.reference-design .concern__item>.asset{aspect-ratio:239/410;height:auto}.reference-design .hero-heal__media>.asset{width:50%;min-width:0}.reference-design .bundles,.reference-design .bundles__bg{background:var(--color-primary)}.reference-design .bundles__bg{background:radial-gradient(ellipse at 82% 35%, color-mix(in srgb, var(--color-primary) 9%, transparent), transparent 58%), var(--store-paper,#f3f2ee)}.reference-design .bundles__shot{align-items:center;display:flex;left:10%;right:10%}.reference-design .bundle-composition{align-items:center;gap:8px;width:100%;display:flex}.reference-design .bundle-composition .asset{flex:1;width:30%;min-width:0;height:auto}.reference-design .bundle__img{-o-object-fit:cover;object-fit:cover}.reference-design .step__digits{letter-spacing:-.06em;font-size:100px;font-weight:750;line-height:.85}.reference-design button:disabled{cursor:default;opacity:.5}.reference-design .video-placeholder{position:absolute;inset:0}.reference-design .video-placeholder:after{white-space:normal}.reference-design .ugc__viewport{touch-action:pan-y}.reference-design .ugc__slide:not(.is-active) .ugc__card{visibility:hidden}.reference-design .ugc__placeholder-icon{color:#fff;opacity:.7;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reference-design .header{z-index:var(--z-navbar)}.reference-design .header__logo img{width:170px;height:auto}.reference-design .menu-toggle{display:none}.reference-design .header__nav-item>button{cursor:pointer}.reference-design .menu-backdrop{z-index:-1;background:#00000040;position:fixed;inset:76px 0 0}.reference-design .mobile-menu.is-open{border-top:1px solid var(--gray-4);gap:20px;padding:24px;display:grid}.reference-design .search-form{gap:12px;padding:16px;display:flex}.reference-design .search-form input{border:1px solid var(--black);flex:1;min-width:0;padding:8px}.reference-chrome{z-index:var(--z-navbar);position:sticky;top:0}@media (max-width:1023px){.reference-design .menu-toggle{display:flex}.reference-design .hero-serums>.asset{aspect-ratio:4/3;height:auto;position:relative}.reference-design .hero-serums__content{text-shadow:none}.reference-design .hero-heal__media{aspect-ratio:824/447}.reference-design .ugc__nav{justify-content:space-between;padding:0 10px;display:flex}.reference-design .ugc__nav .nav-btn{background:#ffffffe6}.reference-design .pcard__hover{opacity:1;pointer-events:auto;height:auto;position:static}.reference-design .pcard:hover .pcard__body,.reference-design .pcard:focus-within .pcard__body{transform:none}.reference-design .header__logo img{width:145px}}@media (prefers-reduced-motion:reduce){.reference-design *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.reference-design .header__nav-item:hover>.mega,.reference-design .header__nav-item:focus-within>.mega{display:none}.reference-design .header__nav-item.is-open>.mega{display:block}.reference-design .concern__label h3{text-transform:uppercase;margin-bottom:8px;font-size:16px;font-weight:680;line-height:19.2px}.reference-design :is(h1,h2,h3,h4){color:inherit}.reference-design .bundles{color:var(--color-text-primary);border-top:1px solid var(--store-line);padding:clamp(40px,6vw,88px) 24px}.reference-design .bundles__wrap{gap:clamp(32px,5vw,80px);max-width:1440px;margin-inline:auto}.reference-design .bundles__content{flex-basis:46%;padding-left:0}.reference-design .bundles__text{padding-bottom:28px}.reference-design .bundles__eyebrow{letter-spacing:.12em;margin-bottom:16px;font-size:12px}.reference-design .bundles__headline{letter-spacing:-.025em;max-width:440px;font-size:clamp(36px,4.3vw,60px);font-weight:450;line-height:1.04}.reference-design .bundles__desc{max-width:470px;color:var(--color-text-secondary);font-size:16px;line-height:1.5}.reference-design .bundles__media{border:1px solid color-mix(in srgb, var(--color-primary) 12%, transparent);background:color-mix(in srgb, var(--color-bg-white) 40%, transparent)}.reference-design .bundles__stage-label{text-transform:uppercase;letter-spacing:.12em;font-size:12px;position:absolute;top:28px;left:28px;right:28px}.reference-design .bundles__stage-caption{border-top:1px solid var(--store-line);padding-top:18px;font-size:22px;position:absolute;bottom:28px;left:28px;right:28px}.reference-design .bundle-composition{gap:16px}.reference-design .bundle-composition .asset{box-shadow:0 24px 44px -32px color-mix(in srgb, var(--color-primary) 45%, transparent)}.reference-design .bundles__list{scrollbar-width:thin;scrollbar-color:var(--color-primary) transparent;overscroll-behavior:contain;gap:12px;height:420px;padding-right:8px}.reference-design .bundle{border:1px solid var(--store-line);min-height:150px;transition:border-color .2s}.reference-design .bundle.is-selected{border-color:var(--color-primary)}.reference-design .bundle__tags{margin-bottom:10px}.reference-design .bundle__desc{line-height:1.4}.reference-design .bundles__all .btn{border:1px solid var(--color-primary);color:var(--color-primary)}.reference-design .hero-top__content{justify-content:center;padding-top:clamp(40px,5vw,72px);padding-bottom:32px}.reference-design .hero-top__cta{margin-bottom:28px}.reference-design .hero-top__foot{margin-top:0}.reference-design .hero-top__sub{letter-spacing:.08em;font-size:13px}.reference-design .hero-top__title{text-transform:none;font-size:clamp(34px,3vw,44px);line-height:1.08}.reference-design .hero-top__body{max-width:350px;line-height:1.5}@media (max-width:767px){.reference-design .steps{padding:16px 0 32px}.reference-design .steps__inner{row-gap:24px}.reference-design .steps__left{box-sizing:border-box;border:1px solid var(--black);background:var(--store-paper,#f3f2ee);min-width:0;margin:0 16px;padding:16px}.reference-design .step__num{border-top:0;justify-content:center;align-items:baseline;gap:8px;padding-top:0}.reference-design .step__label{letter-spacing:.04em;font-size:18px;line-height:1}.reference-design .step__digits{width:auto;height:auto;font-size:72px;line-height:.82}.reference-design .step__title-wrap{text-align:center;margin-top:18px;padding-top:16px}.reference-design .step__title{font-size:26px;line-height:1}.reference-design .step__copy{max-width:340px;margin:12px auto 0}.reference-design .steps__controls{box-sizing:border-box;align-items:center;gap:16px;width:100%;margin:20px auto 0;padding:0}.reference-design .steps__bullets{gap:8px;width:min(260px,100%)}.reference-design .steps__bullet{flex:0 59px;height:3px}.reference-design .steps__buttons{gap:8px;width:min(320px,100%)}.reference-design .steps__buttons .btn{height:38px}.reference-design .steps__right{padding:0 16px}.reference-design .steps__head{height:auto;min-height:32px;margin-bottom:16px;padding-right:0}.reference-design .steps__head-right{gap:8px}.reference-design .steps__track{gap:10px}.reference-design .steps__track .pcard{flex-basis:calc(33.3333% - 6.66667px)}.reference-design .steps__track .pcard--compact .pcard__body{margin-top:10px;padding-top:0}.reference-design .steps__track .pcard--compact .pcard__tags:empty{display:none}.reference-design .steps__track .pcard--compact .pcard__title{padding-top:4px}.reference-design .hero-top__content{padding:32px 16px 24px}.reference-design .hero-top__cta{margin-bottom:20px}.reference-design .bundles{padding:40px 16px}.reference-design .bundles__wrap{gap:0}.reference-design .bundles__headline{font-size:38px}.reference-design .bundles__list{height:440px}.reference-design .bundle{gap:12px;padding:12px}.reference-design .bundle__img{width:88px;height:110px}.reference-design .bundle__img .asset{-o-object-fit:cover;object-fit:cover;height:100%}}.reference-chrome .header__nav-link{white-space:nowrap}.reference-chrome .mega{border-bottom:1px solid var(--gray-4)}.reference-chrome .mega__grid{gap:24px;max-width:1440px;margin-inline:auto}.reference-chrome .mega--best .mega__grid{max-width:1120px}.reference-chrome .mega--best .callout__img{aspect-ratio:1}.reference-chrome .mega--best .callout__title{font-size:14px}.reference-chrome .mega--best .mega__cta{margin-top:0}.reference-chrome .mega--curated .mega__grid{grid-template-columns:1.4fr repeat(4,1fr)}.reference-chrome .mega--curated .callout__img{aspect-ratio:4/3}.reference-chrome .mega--shop .callout__img{aspect-ratio:1}.reference-chrome .mega__intro{border-right:1px solid var(--gray-4);padding:16px 24px 16px 0}.reference-chrome .mega__eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:11px}.reference-chrome .mega__intro h2{text-transform:none;margin-block:24px 16px;font-size:32px;line-height:1.05}.reference-chrome .mega__intro p{font-size:14px;line-height:1.5}.reference-chrome .mega__intro>a{text-underline-offset:4px;margin-top:24px;font-size:13px;text-decoration:underline;display:inline-block}.reference-chrome .mobile-menu.is-open{overscroll-behavior:contain;gap:0;max-height:calc(100dvh - 90px);overflow-y:auto}.reference-chrome .mobile-menu__group{border-bottom:1px solid var(--gray-4)}.reference-chrome .mobile-menu__group summary{cursor:pointer;text-transform:uppercase;justify-content:space-between;padding-block:16px;font-size:16px;list-style:none;display:flex}.reference-chrome .mobile-menu__group summary::-webkit-details-marker{display:none}.reference-chrome .mobile-menu__group[open] summary>span{transform:rotate(45deg)}.reference-chrome .mobile-menu__content{padding-bottom:16px}.reference-chrome .mobile-menu__content h3{color:var(--gray-1);margin-top:16px;font-size:12px}.reference-chrome .mobile-menu__content a{text-transform:none;border:0;font-weight:400}.reference-chrome .mobile-menu__content .mobile-menu__product{align-items:center;gap:16px;display:flex}.reference-chrome .mobile-menu__product img{-o-object-fit:contain;object-fit:contain;width:64px;height:64px}.reference-chrome .mobile-menu__product small{margin-top:4px;display:block}@media (min-width:1024px) and (max-width:1279px){.reference-chrome .header__bar{grid-template-columns:auto 1fr auto;padding-inline:16px}.reference-chrome .header__logo img{width:140px}.reference-chrome .header__nav-link{padding-inline:6px;font-size:12px}.reference-chrome .header__utils{gap:12px}.reference-chrome .header__util{display:none}}@media (min-width:1024px){.reference-chrome .mobile-menu.is-open{display:none}}.reference-chrome .mega--learn .mega__grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;max-width:none}.reference-chrome .mega--learn .mega__col{padding-right:16px}.reference-chrome .mega--learn .callout__img{aspect-ratio:174/241}.reference-chrome .mega--learn .callout__title{font-size:14px}.reference-chrome .mega--learn .callout__body{line-height:1.35}.reference-chrome .header__nav-link{padding-inline:6px}@media (min-width:1024px) and (max-width:1439px){.reference-chrome .header__bar{grid-template-columns:auto 1fr auto;padding-inline:16px}.reference-chrome .header__logo img{width:140px}.reference-chrome .header__nav-list{gap:0}.reference-chrome .header__nav-link{padding-inline:5px;font-size:12px}.reference-chrome .header__util{display:none}}.reference-chrome .header__bar{height:72px}.reference-chrome .header__nav-link{padding:12px 7px;font-size:15px;line-height:20px}.reference-chrome .header__logo img{width:180px}.reference-chrome .header__util--icon{width:40px;height:44px;padding:10px}.reference-chrome .header__util--icon svg{width:20px;height:20px}.reference-chrome .header__utils{gap:4px}.reference-chrome .header__nav-list{gap:2px}.reference-chrome .header__nav-link:after{height:16px}@media (min-width:1280px) and (max-width:1439px){.reference-chrome .header__logo img{width:160px}.reference-chrome .header__nav-link{padding-inline:6px;font-size:14px}}@media (max-width:1279px){.reference-chrome .header__bar{grid-template-columns:1fr auto 1fr;height:68px;padding:8px 12px}.reference-chrome .header__nav{display:none}.reference-chrome .header__burger.menu-toggle{grid-area:1/1;justify-content:center;justify-self:start;align-items:center;width:44px;height:44px;display:flex}.reference-chrome .header__burger svg{width:25px;height:25px}.reference-chrome .header__logo{grid-area:1/2;justify-self:center}.reference-chrome .header__logo img{width:156px}.reference-chrome .header__utils{grid-area:1/3;gap:0}.reference-chrome .header__util{display:none}}@media (max-width:359px){.reference-chrome .header__logo img{width:120px}.reference-chrome .header__util--icon{width:36px}}.mobile-nav-screen{width:100%;height:100dvh;z-index:var(--z-modal);padding:env(safe-area-inset-top) 20px env(safe-area-inset-bottom);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.mobile-nav-screen__header{border-bottom:1px solid var(--gray-4);flex:0 0 72px;justify-content:space-between;align-items:center;display:flex}.mobile-nav-screen__close{place-items:center;width:44px;height:44px;display:grid}.mobile-nav-home{flex-direction:column;flex:1;min-height:0;display:flex}.mobile-nav-home__links{flex:none;padding-top:8px}.mobile-nav-home__links>:is(a,button){text-align:left;border-bottom:1px solid var(--gray-4);justify-content:space-between;align-items:center;width:100%;min-height:48px;font-size:20px;font-weight:500;display:flex}.mobile-nav-home__links>a{font-weight:650}.mobile-nav-art-space{flex:1;min-height:0;container-type:size}.mobile-nav-art{flex-direction:column;gap:10px;height:100%;padding:20px 0 16px;display:flex}.mobile-nav-art__grid{flex:1;grid-template-rows:repeat(4,minmax(0,1fr));grid-template-columns:repeat(6,minmax(0,1fr));gap:3px;min-height:0;display:grid;overflow:hidden}.mobile-nav-art__grid>div{min-height:0;position:relative}.mobile-nav-art__grid img{-o-object-fit:cover;object-fit:cover}.mobile-nav-art figcaption{text-align:center;font-size:12px}@container (max-height:190px){.mobile-nav-art{display:none}}.mobile-nav-detail{flex-direction:column;flex:1;min-height:0;display:flex}.mobile-nav-back{align-items:center;gap:10px;min-height:48px;font-size:16px;display:flex}.mobile-nav-detail h2{padding:8px 0 20px;font-size:30px}.mobile-nav-detail__scroll{overscroll-behavior:contain;min-height:0;padding-bottom:20px;overflow-y:auto}.mobile-nav-detail__scroll h3{text-transform:uppercase;color:var(--gray-1);padding:20px 0 8px;font-size:13px}.mobile-nav-detail__scroll a{border-bottom:1px solid var(--gray-4);justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:10px 0;font-size:18px;display:flex}.mobile-nav-product span{flex:1;font-size:16px}.mobile-nav-product small{margin-top:6px;font-size:13px;display:block}.mobile-nav-product img{-o-object-fit:cover;object-fit:cover;width:64px;height:64px}@media (max-height:560px){.mobile-nav-screen__header{flex-basis:56px}.mobile-nav-home__links{-moz-column-gap:20px;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:20px;display:grid}.mobile-nav-home__links>:is(a,button){font-size:17px}}@media (max-height:320px){.mobile-nav-home__links>:is(a,button){min-height:40px;font-size:15px}}.mobile-nav-overlay{background:var(--color-bg-white);z-index:var(--z-modal);position:fixed;inset:0}.reference-design .serum-spotlight{aspect-ratio:auto;background:var(--color-bg-soft);isolation:isolate;height:clamp(420px,36vw,560px)}.reference-design .serum-spotlight__media{position:absolute;inset:0;overflow:hidden}.reference-design .serum-spotlight__frame{opacity:0;pointer-events:none;transition:opacity .55s;position:absolute;inset:0}.reference-design .serum-spotlight__frame.is-active{opacity:1;z-index:1}.reference-design .serum-spotlight__frame img{-o-object-fit:cover;object-fit:cover;-o-object-position:center 30%;object-position:center 30%}.reference-design .serum-spotlight .hero-serums__content{z-index:2;width:40%;max-width:540px;color:var(--black);text-shadow:none;padding:24px;top:10%;left:2%}.reference-design .serum-spotlight .hero-serums__title{text-transform:none;min-height:3.3em;font-size:clamp(28px,3vw,46px);line-height:1.08}.reference-design .serum-spotlight .hero-serums__body{max-width:350px;min-height:4.5em;font-size:16px;line-height:1.5}.reference-design .serum-spotlight .hero-serums__cta{color:var(--black)}.reference-design .serum-spotlight .promo{z-index:3;width:min(450px,100% - 48px);margin:0;position:absolute;bottom:24px;right:24px;overflow:visible}.reference-design .serum-spotlight .promo__slide{gap:14px;height:132px;padding:12px}.reference-design .serum-spotlight .promo__img img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.reference-design .serum-spotlight .promo__body{padding-bottom:26px;padding-right:4px}.reference-design .serum-spotlight .promo__toolbar{background:var(--white);gap:10px;padding:4px 10px}.reference-design .serum-spotlight .nav-btn{place-items:center;width:36px;height:36px;display:grid}.reference-design .serum-spotlight__count{text-align:center;min-width:46px;font-size:12px}.reference-design .serum-spotlight__copy,.reference-design .serum-spotlight .promo__slide{animation:.45s both serum-reveal}@keyframes serum-reveal{0%{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1600px){.reference-design .serum-spotlight{aspect-ratio:auto;height:560px}}@media (max-width:767px){.reference-design .serum-spotlight{flex-direction:column;height:auto;display:flex}.reference-design .serum-spotlight__media{aspect-ratio:16/9;order:0;width:100%;position:relative;inset:auto}.reference-design .serum-spotlight .hero-serums__content{order:1;width:100%;max-width:none;padding:18px 20px 12px;position:relative;top:auto;left:auto}.reference-design .serum-spotlight .hero-serums__title{min-height:2.24em;font-size:26px;line-height:1.12}.reference-design .serum-spotlight .hero-serums__body{min-height:4.5em;margin-bottom:14px;font-size:14px}.reference-design .serum-spotlight .promo{order:2;width:auto;margin:0 16px 20px;position:relative;bottom:auto;right:auto}.reference-design .serum-spotlight .promo__slide{height:142px}.reference-design .serum-spotlight .nav-btn{width:44px;height:44px}}@media (prefers-reduced-motion:reduce){.reference-design .serum-spotlight__frame{transition:none}.reference-design .serum-spotlight__copy,.reference-design .serum-spotlight .promo__slide{animation:none}}@media (max-width:767px){.reference-design .serum-spotlight__frame img{-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}}.stream-video{width:100%;height:100%;min-height:inherit;background:#161616;position:relative;overflow:hidden}.stream-video__poster,.stream-video__player{border:0;width:100%;height:100%;position:absolute;inset:0}.stream-video__poster{-o-object-fit:cover;object-fit:cover}.stream-video__play{color:#fff;cursor:pointer;background:#0002;border:0;place-items:center;width:100%;height:100%;display:grid;position:absolute;inset:0}.stream-video__play svg{box-sizing:content-box;background:#0005;border:1px solid #fff;border-radius:50%;padding:16px}.stream-video__play:focus-visible{outline-offset:-5px;outline:3px solid #fff}.stream-video__play:disabled{cursor:default}.reference-design .ugc__card--video{grid-template-columns:minmax(0,1fr)}.reference-design .ugc__carousel{max-width:1128px;margin-inline:auto}.reference-design .ugc__viewport{height:470px}.reference-design .ugc__slide{width:216px;left:calc(50% - 108px + (var(--pos,0) - 1) * 228px)}.reference-design .ugc__block{width:216px}.reference-design .ugc__media{aspect-ratio:9/16}.reference-design .ugc__card--video{height:82px;padding:12px}.reference-design .ugc__card--video .ugc__card-info{gap:8px}.stream-video__player{pointer-events:none}.stream-video__select{cursor:pointer;background:0 0;border:0;width:100%;height:100%;position:absolute;inset:0}.stream-video__controls{z-index:3;gap:5px;display:flex;position:absolute;bottom:10px;right:10px}.stream-video__controls button{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;background:#16161688;border:1px solid #ffffff60;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.stream-video__controls button:focus-visible,.stream-video__select:focus-visible{outline-offset:-3px;outline:2px solid #fff}.stream-video__error{color:#fff;background:#222b;padding:6px;font-size:11px;position:absolute;top:8px;left:8px}@media (max-width:767px){.reference-design .ugc__slide{left:calc(50% - 108px + (var(--pos,0) - 1) * 226px)}.reference-design .ugc__head{margin-bottom:22px}.reference-design .ugc{padding-block:28px}}@media (prefers-reduced-motion:reduce){.reference-design .ugc__slide{transition:none}}@media (min-width:1024px){.reference-design .ugc{padding-inline:16px}.reference-design .ugc__carousel{--reel-width:calc((100cqw - 48px)/5);width:100%;max-width:none;container-type:inline-size}.reference-design .ugc__viewport{height:calc(var(--reel-width) * 16 / 9 + 82px)}.reference-design .ugc__slide{width:var(--reel-width);left:calc(50% - var(--reel-width)/2 + (var(--pos,0) - 1) * (var(--reel-width) + 12px))}.reference-design .ugc__block{width:100%}.reference-design .ugc__nav{top:auto;bottom:0;left:calc(50% - var(--reel-width)/2 - 48px);width:calc(var(--reel-width) + 96px);pointer-events:none;justify-content:space-between;align-items:center;gap:0;height:82px;padding:0;display:flex;position:absolute;right:auto;transform:none}}