.how-it-works-science-cards{background:#fff}.how-it-works-science-cards__inner{box-sizing:border-box;display:flex;flex-direction:column;gap:48px;padding-bottom:calc(var(--space-section)/2);padding-top:var(--space-section)}.how-it-works-science-cards__top{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.how-it-works-science-cards__eyebrow,.how-it-works-science-cards__heading{margin:0;font-family:Satoshi,sans-serif}.how-it-works-science-cards__eyebrow{color:#a1a1aa;font-size:32px;font-style:normal;font-weight:700;line-height:1.1;letter-spacing:-.6px}.how-it-works-science-cards__heading{color:#18181b;font-size:56px;font-style:normal;font-weight:700;line-height:1.1;letter-spacing:-1px}.how-it-works-science-cards__track-wrap{width:100%}.how-it-works-science-cards__track{display:grid;grid-template-columns:repeat(var(--col-item),minmax(0,1fr));gap:16px;align-items:stretch;padding-top:113px}.how-it-works-science-cards__card{--science-accent: #e63329;position:relative;min-width:0;min-height:555px;padding:113px 16px 20px;border-radius:20px;background:radial-gradient(circle at 78% 102%,var(--science-accent) 0%,rgba(26,26,26,0) 34%),radial-gradient(circle at 14% 94%,var(--science-accent) 0%,rgba(26,26,26,0) 25%),#1a1a1afa;overflow:visible;box-sizing:border-box}.how-it-works-science-cards__card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;backdrop-filter:blur(59.55px);-webkit-backdrop-filter:blur(59.55px);background:linear-gradient(180deg,#ffffff05,#ffffff03);pointer-events:none}.how-it-works-science-cards__media{position:absolute;top:-138px;left:50%;z-index:2;width:min(242px,calc(100% - 48px));transform:translate(-50%)}.how-it-works-science-cards__image,.how-it-works-science-cards__image--placeholder{display:block;width:100%;height:auto}.how-it-works-science-cards__image{object-fit:contain}.how-it-works-science-cards__content{position:relative;z-index:1;display:flex;flex-direction:column;gap:24px;height:100%}.how-it-works-science-cards__copy{display:flex;flex-direction:column;gap:4px}.how-it-works-science-cards__title,.how-it-works-science-cards__text,.how-it-works-science-cards__feature-title,.how-it-works-science-cards__feature-text{margin:0;font-family:Satoshi,sans-serif}.how-it-works-science-cards__title{color:#fff;font-size:20px;font-style:normal;font-weight:700;line-height:26px;letter-spacing:.07px}.how-it-works-science-cards__text{color:#a7a7a7;font-size:16px;font-style:normal;font-weight:500;line-height:22px;letter-spacing:.07px}.how-it-works-science-cards__features{display:flex;flex-direction:column;gap:12px}.how-it-works-science-cards__feature{display:flex;align-items:stretch;gap:12px;padding:8px;border-radius:12px;background:#0000003d}.how-it-works-science-cards__feature-bar{flex:0 0 4px;width:4px;border-radius:3px;background:var(--science-accent)}.how-it-works-science-cards__feature-copy{display:flex;flex:1 1 auto;min-width:0;flex-direction:column}.how-it-works-science-cards__feature-title{color:#fff;font-size:14px;font-style:normal;font-weight:700;line-height:20px;letter-spacing:.07px}.how-it-works-science-cards__feature-text{color:#b6b4b0;font-size:14px;font-style:normal;font-weight:500;line-height:20px;letter-spacing:.07px}.how-it-works-science-cards__dots{display:none}@media screen and (max-width:1439px)and (min-width:990px){.how-it-works-science-cards__heading{font-size:clamp(42px,4.6vw,56px)}.how-it-works-science-cards__eyebrow{font-size:clamp(24px,3vw,32px)}.how-it-works-science-cards__track{gap:12px}.how-it-works-science-cards__card{min-height:525px;padding-top:50px}.how-it-works-science-cards__media{width:min(220px,calc(100% - 40px))}}@media screen and (min-width:990px){.how-it-works-science-cards__copy{min-height:112px}.how-it-works-science-cards__media{top:-100px}}@media screen and (min-width:990px)and (max-width:1200px){.how-it-works-science-cards__title{font-size:16px;line-height:20px}.how-it-works-science-cards__text{font-size:14px;line-height:18px}.how-it-works-science-cards__feature-text{font-size:12px;line-height:16px}}@media screen and (min-width:1200px){.how-it-works-science-cards__media{top:-120px}}@media screen and (min-width:1360px){.how-it-works-science-cards__media{top:-100px}.how-it-works-science-cards__card{padding-top:90px}}@media screen and (min-width:1520px){.how-it-works-science-cards__card{padding-top:110px}}@media screen and (max-width:989px){.about-us-routine-sticks.how-it-works-banner.how-it-works-banner-custom{height:611px}.how-it-works-science-cards__inner{gap:24px}.how-it-works-science-cards__top{gap:4px}.how-it-works-science-cards__eyebrow{font-size:16px;line-height:22px;letter-spacing:.07px;text-transform:uppercase}.how-it-works-science-cards__heading{font-size:28px;line-height:1.2;letter-spacing:-.6px}.how-it-works-science-cards__track-wrap{width:calc(100% + 16px);margin-right:-16px;padding-right:16px;padding-top:0;overflow:hidden}.how-it-works-science-cards__track{padding-top:120px}.how-it-works-science-cards__track{display:flex;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.how-it-works-science-cards__track::-webkit-scrollbar{display:none}.how-it-works-science-cards__card{flex:0 0 316px;width:316px;min-height:530px;padding-top:100px;scroll-snap-align:start}.how-it-works-science-cards__media{top:-130px}.how-it-works-science-cards__dots{display:flex;align-items:center;justify-content:center;gap:8px}.how-it-works-science-cards__dot{width:8px;height:8px;padding:0;border:0;border-radius:999px;background:#dbd8d4;cursor:pointer;transition:width .2s ease,background-color .2s ease}.how-it-works-science-cards__dot.is-active{width:24px;background:#1a1a1a}}@media screen and (max-width:359px){.how-it-works-science-cards__card{flex-basis:calc(100vw - 44px);width:calc(100vw - 44px)}.how-it-works-science-cards__media{width:calc(100vw - 76px)}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/section-how-it-works-science-cards.css.map */