.hero-3d-scroll{--hero-3d-bg: #FAFAFA;--hero-3d-text: #1D1D1F;--hero-3d-text-muted: #86868B;--hero-3d-model-size: min(450px, 40vw);--scroll-progress: 0;position:relative;width:100%;height:100%;background-color:var(--hero-3d-bg);color:var(--hero-3d-text);overflow:hidden}.hero-3d-scroll__container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;padding:40px;box-sizing:border-box}.hero-3d-scroll__model-wrapper{width:var(--hero-3d-model-size);height:var(--hero-3d-model-size);flex-shrink:0;display:flex;align-items:center;justify-content:center}.hero-3d-scroll__component{width:100%;height:100%;display:block}.hero-3d-scroll model-viewer{width:100%;height:100%;--poster-color: transparent;background:transparent;overflow:hidden}.hero-3d-scroll model-viewer::-webkit-scrollbar{display:none}.hero-3d-scroll__model-wrapper{overflow:hidden;scrollbar-width:none}.hero-3d-scroll__model-wrapper::-webkit-scrollbar{display:none}.hero-3d-scroll__loading{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.hero-3d-scroll__loading-spinner{width:40px;height:40px;border:2px solid var(--hero-3d-text-muted);border-top-color:transparent;border-radius:50%;animation:hero3d-spin .8s linear infinite}@keyframes hero3d-spin{to{transform:rotate(360deg)}}.hero-3d-scroll__content{display:flex;flex-direction:column;width:100%;max-width:600px}.hero-3d-scroll__headline{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-weight:600;line-height:1.1;letter-spacing:-.02em;margin:0 0 16px;color:#1d1d1f;white-space:pre-line}.hero-3d-scroll__subheadline{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:clamp(1rem,1.5vw,1.25rem);font-weight:400;line-height:1.5;color:var(--hero-3d-text-muted);margin:0}.hero-3d-scroll__scroll-indicator{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:40px;opacity:.6}.hero-3d-scroll__scroll-text{font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:var(--hero-3d-text-muted)}.hero-3d-scroll__scroll-arrow{animation:hero3d-bounce 2s ease infinite}@keyframes hero3d-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(6px)}60%{transform:translateY(3px)}}.hero-3d-scroll.color-scheme-2{--hero-3d-bg: #1D1D1F;--hero-3d-text: #F5F5F7;--hero-3d-text-muted: #A1A1A6}@media screen and (min-width:900px){.hero-3d-scroll--animated .hero-3d-scroll__container{flex-direction:column;justify-content:center;align-items:center;gap:0;position:relative}.hero-3d-scroll--animated .hero-3d-scroll__model-wrapper{--phase1: clamp(0, calc(var(--scroll-progress) * 2), 1);position:absolute;left:50%;top:calc(35% + (15% * var(--phase1)));transform:translate(-50%,-50%) translate(calc(-33vw * var(--phase1)))}.hero-3d-scroll--animated .hero-3d-scroll__content{--phase2: clamp(0, calc((var(--scroll-progress) - .5) * 2), 1);position:absolute;left:50%;top:calc(70% - (25% * var(--phase2)));transform:translate(-50%,-50%) translate(calc(17vw * var(--phase2)));opacity:1;width:calc(600px + (55vw - 600px) * var(--phase2));max-width:calc(600px + (55vw - 600px) * var(--phase2))}.hero-3d-scroll--animated .hero-3d-scroll__scroll-indicator{opacity:calc(.6 * (1 - var(--scroll-progress) * 2))}}.hero-3d-scroll__scroll-container{width:100%;overflow:hidden;scrollbar-width:none;display:flex;flex-direction:column}.hero-3d-scroll__scroll-container::-webkit-scrollbar{display:none}.hero-3d-scroll__page{display:flex;padding:12px 0;flex-direction:column;align-items:flex-start;width:100%}.hero-3d-scroll__page--intro{align-items:center;text-align:center}.hero-3d-scroll__page--intro .hero-3d-scroll__text{margin-bottom:0}.hero-3d-scroll__page--ingredients,.hero-3d-scroll__page--quality{display:none}.hero-3d-scroll--animation-complete .hero-3d-scroll__scroll-container{max-height:85vh;overflow-y:auto}.hero-3d-scroll--animation-complete .hero-3d-scroll__page--intro{padding-bottom:16px;margin-bottom:8px;border-bottom:1px solid rgba(0,0,0,.08)}.hero-3d-scroll--animation-complete .hero-3d-scroll__page--ingredients,.hero-3d-scroll--animation-complete .hero-3d-scroll__page--quality{display:flex}.hero-3d-scroll__section-title{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,sans-serif;font-size:clamp(1.5rem,3vw,2rem);font-weight:600;letter-spacing:-.02em;margin:0 0 8px;color:var(--hero-3d-text);width:100%}.hero-3d-scroll__section-subtitle{font-size:clamp(.9rem,1.2vw,1rem);color:var(--hero-3d-text-muted);margin:0 0 16px;width:100%}.hero-3d-scroll__page--ingredients,.hero-3d-scroll__page--quality{flex-direction:column;align-items:flex-start;text-align:left}.hero-3d-scroll__ingredient{padding:20px 0;border-bottom:1px solid rgba(0,0,0,.08);width:100%;display:block}.hero-3d-scroll__ingredient:last-child{border-bottom:none}.hero-3d-scroll__ingredient-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;gap:16px;width:100%}.hero-3d-scroll__ingredient-name{font-size:1.1rem;font-weight:600;margin:0;color:var(--hero-3d-text)}.hero-3d-scroll__ingredient-amount{font-size:.9rem;color:var(--hero-3d-text-muted);white-space:nowrap}.hero-3d-scroll__ingredient-description{font-size:.95rem;line-height:1.5;color:var(--hero-3d-text-muted);margin:0;display:block;width:100%}.hero-3d-scroll__promises{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:12px 24px}.hero-3d-scroll__promises li{padding:8px 0 8px 24px;position:relative;color:var(--hero-3d-text);font-size:.9rem}.hero-3d-scroll__promises li:before{content:"\2713";position:absolute;left:0;font-weight:600}.hero-3d-scroll__buy-button{position:fixed;bottom:32px;right:32px;z-index:100;display:flex;align-items:center;gap:12px}.hero-3d-scroll__buy-btn{display:inline-flex;align-items:center;gap:6px;padding:12px 24px;background:var(--hero-3d-text, #1D1D1F);color:var(--hero-3d-bg, #FAFAFA);border:none;border-radius:980px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:.875rem;font-weight:500;letter-spacing:.01em;cursor:pointer;transition:transform .2s ease,opacity .2s ease;box-shadow:0 4px 12px #00000026}.hero-3d-scroll__learn-more-btn{display:inline-flex;align-items:center;padding:12px 24px;background:transparent;color:var(--hero-3d-text, #1D1D1F);border:1px solid var(--hero-3d-text, #1D1D1F);border-radius:980px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;font-size:.875rem;font-weight:500;letter-spacing:.01em;cursor:pointer;transition:transform .2s ease,background .2s ease,color .2s ease;text-decoration:none;white-space:nowrap}.hero-3d-scroll__learn-more-btn:hover{background:var(--hero-3d-text, #1D1D1F);color:var(--hero-3d-bg, #FAFAFA);transform:scale(1.03)}.hero-3d-scroll__learn-more-btn:active{transform:scale(.98)}.hero-3d-scroll__buy-btn:hover{transform:scale(1.03)}.hero-3d-scroll__buy-btn:active{transform:scale(.98)}.hero-3d-scroll__buy-btn:disabled{opacity:.5;cursor:not-allowed}.hero-3d-scroll__buy-btn:disabled:hover{transform:none}.hero-3d-scroll__buy-text{white-space:nowrap}.hero-3d-scroll__buy-button{bottom:calc(32px + env(safe-area-inset-bottom,0px));right:calc(32px + env(safe-area-inset-right,0px))}@media screen and (max-width:749px){.hero-3d-scroll__container{padding:24px 16px}.hero-3d-scroll{--hero-3d-model-size: min(280px, 70vw)}.hero-3d-scroll__scroll-indicator{margin-top:24px}.hero-3d-scroll__buy-button{bottom:calc(12px + env(safe-area-inset-bottom,0px));right:12px;left:12px;justify-content:center;flex-wrap:wrap;gap:8px}.hero-3d-scroll__buy-btn,.hero-3d-scroll__learn-more-btn{flex:1;min-width:100px;justify-content:center;padding:12px 16px;font-size:.875rem}.hero-3d-scroll__ingredient-header{flex-direction:column;align-items:flex-start;gap:4px}}@media screen and (max-width:420px){.hero-3d-scroll__buy-button{flex-direction:column;gap:8px}.hero-3d-scroll__buy-btn,.hero-3d-scroll__learn-more-btn{width:100%;min-width:unset;padding:10px 16px;font-size:.8125rem}}.hero-3d-scroll--mobile-mode{position:relative!important;top:auto!important;left:auto!important;width:100%!important;height:auto!important;min-height:100svh;z-index:auto!important;overflow:visible!important}.hero-3d-scroll--mobile-mode .hero-3d-scroll__container{height:auto;min-height:100svh;padding-bottom:calc(120px + env(safe-area-inset-bottom))}.hero-3d-scroll--mobile-mode .hero-3d-scroll__model-wrapper,.hero-3d-scroll--mobile-mode .hero-3d-scroll__content{position:relative!important;transform:none!important;top:auto!important;left:auto!important}.hero-3d-scroll--mobile-mode .hero-3d-scroll__scroll-indicator{display:none}@media(prefers-reduced-motion:reduce){.hero-3d-scroll__loading-spinner{animation:none}}.hero-3d-scroll__social-proof{font-size:.9rem;color:var(--hero-3d-text-muted);margin-top:1.5rem;letter-spacing:.02em}.hero-3d-scroll__social-proof-count{font-weight:600;color:var(--hero-3d-text)}.hero-3d-scroll__inline-cta{margin-top:1.5rem;text-align:center;width:100%}.hero-3d-scroll__inline-cta-btn{display:inline-block;padding:.875rem 1.75rem;font-size:.9rem;font-weight:500;color:#fff;background-color:var(--hero-3d-text);border:none;border-radius:50px;cursor:pointer;transition:all .2s ease}.hero-3d-scroll__inline-cta-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}.hero-3d-scroll__inline-cta-btn:focus-visible{outline:2px solid var(--hero-3d-text);outline-offset:2px}.hero-3d-scroll__inline-cta-note{font-size:.75rem;color:var(--hero-3d-text-muted);margin-top:.5rem;margin-bottom:0;letter-spacing:.02em}
/*# sourceMappingURL=/cdn/shop/t/6/assets/hero-3d-scroll.css.map */