:root{--text-gray-900: #111827;--text-gray-600: #4b5563;--text-gray-500: #6b7280;--bg-gray-50: #f9fafb;--bg-gray-100: #f3f4f6;--primary-accent: black;--primary-accent-light: #8b5e3a;--shadow-lg: 0 .625vw .9375vw -.1875vw rgba(0, 0, 0, .1), 0 .25vw .375vw -.125vw rgba(0, 0, 0, .05);--shadow-xl: 0 1.25vw 1.5625vw -.3125vw rgba(0, 0, 0, .1), 0 .625vw .625vw -.3125vw rgba(0, 0, 0, .04);--shadow-2xl: 0 1.5625vw 3.125vw -.75vw rgba(0, 0, 0, .25);--transition-all: all .3s cubic-bezier(.4, 0, .2, 1);--transition-smooth: all .6s cubic-bezier(.25, .46, .45, .94);--border-radius: clamp(.5em, 1vw, 1em)}.scroll-collection-modern-container{position:relative;min-height:200vh}.scroll-collection-sticky-hero-wrapper{position:sticky;top:66.6px;height:100vh;overflow:hidden;z-index:1}@media (min-width: 1024px){.scroll-collection-sticky-hero-wrapper{top:86.5px;height:100vh}}.scroll-collection-hero-image-container{position:absolute;top:0;left:0;width:100%;height:100%}.scroll-collection-hero-background-image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:var(--transition-smooth);animation:heroImageScale 25s ease-in-out infinite alternate,heroImageFloat 8s ease-in-out infinite alternate}@keyframes heroImageScale{0%{transform:scale(1)}to{transform:scale(1.03)}}@keyframes heroImageFloat{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-.5vh) scale(1.02)}to{transform:translateY(0) scale(1)}}.scroll-collection-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#0006,#0000001a 30%,#0003 70%,#00000080);-webkit-backdrop-filter:blur(.03125vw);backdrop-filter:blur(.03125vw)}.scroll-collection-hero-content-overlay{position:absolute;top:50%;left:clamp(1em,3vw,2em);transform:translateY(-50%);color:#fff;max-width:clamp(20em,40vw,32em);z-index:10;animation:fadeInLeft 1.2s ease-out .5s both}@keyframes fadeInLeft{0%{opacity:0;transform:translateY(-50%) translate(-3.75vw) scale(.95)}to{opacity:1;transform:translateY(-50%) translate(0) scale(1)}}.scroll-collection-hero-main-title{font-size:clamp(3em,8vw,7em);font-weight:200;line-height:1;margin-bottom:clamp(.5em,2vh,1.5em);letter-spacing:-.03em;animation:fadeInSlideUp 1s ease-out .8s both,titleGlow 3s ease-in-out 2s infinite alternate;text-shadow:0 .25vh 1.25vh rgba(0,0,0,.3)}@keyframes titleGlow{0%{text-shadow:0 .25vh 1.25vh rgba(0,0,0,.3)}to{text-shadow:0 .25vh 1.25vh rgba(0,0,0,.3),0 0 2.5vh rgba(255,255,255,.1)}}.scroll-collection-hero-subtitle{font-size:clamp(1.125em,3vw,1.375em);opacity:.95;line-height:1.6;animation:fadeInSlideUp 1s ease-out 1.2s both;text-shadow:0 .125vh .625vh rgba(0,0,0,.3)}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(1.875vh)}to{opacity:1;transform:translateY(0)}}.scroll-collection-scroll-indicator{position:absolute;bottom:clamp(5em,3vh,5em);left:50%;transform:translate(-50%);text-align:center;color:#fff;animation:fadeIn 1.5s ease-out 1.8s both}.scroll-collection-scroll-mouse{width:clamp(1.5em,3vw,1.75em);height:clamp(2.5em,4vh,3em);border:.125em solid rgba(255,255,255,.8);border-radius:clamp(.75em,2vw,1.5em);margin:0 auto clamp(.5em,1vh,.75em);position:relative;-webkit-backdrop-filter:blur(.625vw);backdrop-filter:blur(.625vw);background:#ffffff1a;box-shadow:0 .25vh 1.25vh #0003}.scroll-collection-scroll-wheel{width:.375em;height:1em;background:#ffffffe6;border-radius:.25em;position:absolute;left:50%;top:.375em;transform:translate(-50%);animation:scrollWheel 2.5s ease-in-out infinite;box-shadow:0 .125vh .5vh #0000004d}@keyframes scrollWheel{0%,20%{transform:translate(-50%) translateY(0);opacity:1}80%,to{transform:translate(-50%) translateY(1.25vh);opacity:0}}.scroll-collection-scroll-text{font-size:clamp(.75em,1.5vw,.875em);opacity:.9;margin:0;animation:bounce 2.5s ease-in-out infinite;text-shadow:0 .125vh .5vh rgba(0,0,0,.3);font-weight:500;letter-spacing:.05em;text-transform:uppercase}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-.75vh)}60%{transform:translateY(-.375vh)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.scroll-collection-content-overlay{position:relative;z-index:2;transform:translateY(100vh);animation:slideInContent 1.2s ease-out forwards;border-radius:clamp(1em,3vw,2em) clamp(1em,3vw,2em) 0 0;overflow:hidden}@keyframes slideInContent{to{transform:translateY(0)}}.scroll-collection-content-wrapper{min-height:100vh;background:#fff;box-shadow:var(--shadow-2xl);position:relative}.scroll-collection-content-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;height:.0625vw;background:linear-gradient(to right,transparent 0%,rgba(59,130,246,.5) 50%,transparent 100%)}.scroll-collection-content-container{max-width:clamp(60em,90vw,84em);margin:0 auto;padding:clamp(3em,8vh,6em) clamp(1em,3vw,1.5em) clamp(4em,10vh,8em)}.scroll-collection-section-header{text-align:center;margin-bottom:clamp(3em,8vh,5em)}.scroll-collection-badge-container{margin-bottom:1.5em;animation:fadeInUp .8s ease-out both}@media (max-width: 1024px){.scroll-collection-badge-container{margin-bottom:1.25em}}@media (max-width: 768px){.scroll-collection-badge-container{margin-bottom:1em}}@media (max-width: 480px){.scroll-collection-badge-container{margin-bottom:.75em}}.scroll-collection-new-collection-badge{display:inline-block;background:linear-gradient(135deg,var(--primary-accent),var(--primary-accent-light));color:#fff;padding:8px;border-radius:50em;font-size:.875em;font-weight:600;box-shadow:0 .25vh .9375vh #3b82f64d;animation:badgePulse 3s ease-in-out infinite;position:relative;overflow:hidden}@media (max-width: 1024px){.scroll-collection-new-collection-badge{font-size:.8125em;padding:7px 10px}}@media (max-width: 768px){.scroll-collection-new-collection-badge{font-size:.75em;padding:6px 8px}}@media (max-width: 480px){.scroll-collection-new-collection-badge{font-size:.6875em;padding:5px 7px;font-weight:400}}.scroll-collection-new-collection-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:badgeShine 2s ease-in-out infinite}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes badgeShine{0%{left:-100%}to{left:100%}}.scroll-collection-section-main-title{font-size:1em;font-weight:600;color:var(--text-gray-900);margin-top:0;margin-bottom:8px;line-height:1.1;animation:fadeInUp .7s ease-out .2s both;text-transform:uppercase}.scroll-collection-section-description{font-size:.7em;color:var(--text-gray-600);max-width:30em;margin:0 auto;line-height:1;animation:fadeInUp .6s ease-out .4s both}@media (min-width: 480px){.scroll-collection-section-main-title{font-size:1.2em}.scroll-collection-section-description{font-size:1.05em;max-width:36em}}@media (min-width: 768px){.scroll-collection-section-main-title{font-size:2.5em}.scroll-collection-section-description{font-size:1.125em;max-width:42em}}@media (min-width: 1024px){.scroll-collection-section-main-title{font-size:2.5em}.scroll-collection-section-description{font-size:1.2em;max-width:48em}}@media (min-width: 1440px){.scroll-collection-section-main-title{font-size:2.5em}.scroll-collection-section-description{font-size:1.25em;max-width:52em}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(2.5vh)}to{opacity:1;transform:translateY(0)}}.scroll-collection-products-grid-container{margin-bottom:clamp(2.5em,6vh,4em);animation:fadeInUp .8s ease-out .3s both}@media (max-width: 480px){.scroll-collection-products-grid-container{margin-bottom:0}}.scroll-collection-products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1em,3vw,2em)}.scroll-collection-product-card-wrapper{opacity:0;transform:translateY(2.5vh);animation:staggerFadeIn .6s ease-out forwards;display:flex;justify-content:center;align-items:center}.scroll-collection-product-card-wrapper[data-index="0"]{animation-delay:.1s}.scroll-collection-product-card-wrapper[data-index="1"]{animation-delay:.2s}.scroll-collection-product-card-wrapper[data-index="2"]{animation-delay:.3s}.scroll-collection-product-card-wrapper[data-index="3"]{animation-delay:.4s}@keyframes staggerFadeIn{to{opacity:1;transform:translateY(0)}}.scroll-collection-products-grid .product-card{height:100%;display:flex;flex-direction:column}.scroll-collection-cta-section{text-align:center;animation:fadeInUp .8s ease-out .6s both}.scroll-collection-cta-button-wrapper{margin-bottom:clamp(.5em,2vh,1em)}.scroll-collection-modern-cta-button{display:inline-flex;align-items:center;gap:clamp(.5em,1.5vw,.75em);background:#0c1926;color:#eae3d6;text-decoration:none;font-size:12px;font-weight:400;padding:2.5px 8px;border-radius:5px;box-shadow:var(--shadow-lg);transition:var(--transition-smooth);position:relative;overflow:hidden;border:.125em solid transparent}@media (min-width: 480px){.scroll-collection-modern-cta-button{font-size:12px;padding:.4rem 12rem;border-radius:6px}}@media (min-width: 768px){.scroll-collection-modern-cta-button{font-size:15px;padding:.75rem 1.5rem;border-radius:8px}}@media (min-width: 1024px){.scroll-collection-modern-cta-button{font-size:15px;padding:.9rem 1.8rem;border-radius:8px}}@media (min-width: 1440px){.scroll-collection-modern-cta-button{font-size:15px;padding:1rem 2rem;border-radius:10px}}.scroll-collection-modern-cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .8s ease}.scroll-collection-modern-cta-button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:.125em;background:linear-gradient(135deg,var(--primary-accent),var(--primary-accent-light));mask:linear-gradient(white 0 0) content-box,linear-gradient(white 0 0);-webkit-mask-composite:source-out;mask-composite:subtract;opacity:0;transition:opacity .3s ease}.scroll-collection-modern-cta-button:hover{background:#0c1926;box-shadow:var(--shadow-xl),0 0 1.875vw #3b82f64d;transform:translateY(-.1875vh) scale(1.02)}.scroll-collection-modern-cta-button:hover:before{left:100%}.scroll-collection-modern-cta-button:hover:after{opacity:1}.scroll-collection-button-arrow{width:clamp(1em,2vw,1.25em);height:clamp(1em,2vw,1.25em);transition:transform .3s ease}.scroll-collection-modern-cta-button:hover .scroll-collection-button-arrow{transform:translate(.5em) rotate(5deg)}.scroll-collection-cta-subtext{color:var(--text-gray-500);font-size:clamp(.875em,2vw,1em);margin:0;animation:fadeIn .6s ease-out .8s both}.scroll-collection-bottom-section{background:linear-gradient(135deg,var(--bg-gray-50) 0%,rgba(243,244,246,.8) 100%);padding:clamp(6em,15vh,10em) 0;position:relative;overflow:hidden}.scroll-collection-bottom-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(59,130,246,.05) 0%,transparent 50%,rgba(156,163,175,.05) 100%)}.scroll-collection-bottom-section:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:200%;height:.0625vw;background:linear-gradient(to right,transparent 0%,rgba(59,130,246,.3) 50%,transparent 100%)}.scroll-collection-bottom-content{max-width:clamp(60em,90vw,84em);margin:0 auto;padding:0 clamp(1em,3vw,1.5em);text-align:center;position:relative;z-index:10}.scroll-collection-bottom-title{font-size:clamp(2.5em,6vw,4.5em);color:var(--text-gray-900);margin-bottom:clamp(1.5em,4vh,2em);font-weight:300;letter-spacing:-.02em;animation:fadeInUp .8s ease-out both}.scroll-collection-bottom-description{font-size:clamp(1.125em,3vw,1.375em);color:var(--text-gray-600);max-width:clamp(24em,45vw,36em);margin:0 auto clamp(2.5em,6vh,4em);line-height:1.7;animation:fadeInUp .6s ease-out .2s both}.scroll-collection-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(18em,35vw,22em),1fr));gap:clamp(1.5em,4vw,2.5em);max-width:clamp(50em,80vw,72em);margin:0 auto}.scroll-collection-feature-item{text-align:center;padding:clamp(2em,5vw,3em) clamp(1.5em,3vw,2em);border-radius:var(--border-radius);background:#fffc;-webkit-backdrop-filter:blur(.625vw);backdrop-filter:blur(.625vw);box-shadow:0 .25vh 1.25vh #00000014;transition:var(--transition-smooth);opacity:0;transform:translateY(1.875vh);animation:staggerFadeIn .6s ease-out forwards;position:relative;overflow:hidden}.scroll-collection-feature-item:before{content:"";position:absolute;top:0;left:0;right:0;height:.1875vw;background:linear-gradient(90deg,var(--primary-accent),var(--primary-accent-light));transform:scaleX(0);transition:transform .3s ease}.scroll-collection-feature-item[data-index="0"]{animation-delay:.6s}.scroll-collection-feature-item[data-index="1"]{animation-delay:.8s}.scroll-collection-feature-item[data-index="2"]{animation-delay:1s}.scroll-collection-feature-item:hover{transform:translateY(-.5vh) scale(1.02);box-shadow:0 .9375vh 2.1875vh #0000001f}.scroll-collection-feature-item:hover:before{transform:scaleX(1)}.scroll-collection-feature-number{width:clamp(3em,6vw,4em);height:clamp(3em,6vw,4em);background:linear-gradient(135deg,var(--text-gray-900) 0%,#374151 100%);border-radius:50%;margin:0 auto clamp(1em,3vh,1.5em);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:clamp(1em,2.5vw,1.25em);box-shadow:0 .5vh 1.25vh #00000026;transition:var(--transition-all)}.scroll-collection-feature-item:hover .scroll-collection-feature-number{transform:scale(1.1) rotate(5deg);box-shadow:0 .75vh 1.5625vh #0003}.scroll-collection-feature-title{font-weight:600;color:var(--text-gray-900);margin:0;font-size:clamp(1em,2.5vw,1.25em);letter-spacing:-.01em}@media (max-width: 75em){.scroll-collection-products-grid{grid-template-columns:repeat(4,1fr);gap:clamp(1em,2.5vw,1.5em)}}@media (max-width: 64em){.scroll-collection-products-grid{grid-template-columns:repeat(4,1fr);gap:clamp(1em,2.5vw,1.5em)}.scroll-collection-content-container{padding:clamp(2.5em,6vh,4em) clamp(1em,2.5vw,1.5em) clamp(3.5em,8vh,6em)}.scroll-collection-section-header{margin-bottom:clamp(2.5em,6vh,4em)}.scroll-collection-features-grid{gap:clamp(1.25em,3vw,2em)}.scroll-collection-bottom-section{padding:clamp(5em,12vh,8em) 0}}@media (max-width: 48em){.scroll-collection-hero-content-overlay{left:clamp(1em,2.5vw,1.5em);right:clamp(1em,2.5vw,1.5em);max-width:none}.scroll-collection-products-grid{grid-template-columns:repeat(2,1fr);gap:clamp(1em,2vw,1.5em)}.scroll-collection-features-grid{grid-template-columns:1fr;gap:clamp(1em,2.5vw,1.5em)}.scroll-collection-content-overlay{border-radius:clamp(.75em,2vw,1.5em) clamp(.75em,2vw,1.5em) 0 0}.scroll-collection-hero-main-title{font-size:clamp(2.5em,10vw,5em)}}@media (max-width: 40em){.scroll-collection-products-grid{grid-template-columns:1fr 1fr;gap:clamp(.75em,2vw,1em)}.scroll-collection-content-container{padding:clamp(2em,5vh,3em) clamp(.75em,2vw,1em) clamp(2.5em,6vh,4em)}.scroll-collection-hero-content-overlay{left:clamp(.75em,2vw,1em);right:clamp(.75em,2vw,1em)}.scroll-collection-feature-item{padding:clamp(1.5em,4vw,2em) clamp(1em,2.5vw,1.5em)}.scroll-collection-bottom-section{padding:clamp(4em,10vh,6em) 0}}@media (max-width: 30em){.scroll-collection-scroll-indicator{bottom:clamp(1em,2.5vh,1.5em)}.scroll-collection-hero-main-title{font-size:clamp(2em,12vw,4em);margin-bottom:clamp(.75em,2vh,1em)}.scroll-collection-hero-subtitle{font-size:clamp(1em,4vw,1.125em)}.scroll-collection-products-grid{gap:clamp(.5em,1.5vw,.75em)}}.scroll-collection-animate-on-scroll{opacity:0;transform:translateY(40px);transition:all .8s ease-out}.scroll-collection-animate-on-scroll.in-view{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion: no-preference){.scroll-collection-hero-background-image img,.scroll-collection-scroll-wheel{animation-play-state:running}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast: high){.scroll-collection-new-collection-badge{border:2px solid var(--text-gray-600)}.scroll-collection-modern-cta-button{border:2px solid white}.scroll-collection-feature-item{border:1px solid var(--text-gray-600)}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/component-scroll-collection.css.map */