.scroll-hero{--scroll-hero-height: 160vh}.scroll-hero{position:relative;height:var(--scroll-hero-height)}.scroll-hero-wrapper{z-index:0}.scroll-hero__sticky{position:sticky;top:0;height:100vh;overflow:hidden}.scroll-hero__outer{position:absolute;top:0;right:0;bottom:0;left:0;background:#f0ede8;z-index:0}.scroll-hero__frame{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:2;transform-origin:center top;will-change:transform,border-radius;animation:hero-frame-zoom linear both;animation-timeline:scroll(root);animation-range:0px 60vh}@keyframes hero-frame-zoom{0%{transform:scale(1);border-radius:0;box-shadow:none}to{transform:scale(.78);border-radius:28px;box-shadow:0 20px 60px #0000004d,0 48px 120px #0000002e}}.scroll-hero__background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.scroll-hero__bg-image{width:100%;height:100%;object-fit:cover;object-position:center center}.scroll-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;pointer-events:none}.scroll-hero__content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:0}.scroll-hero__text-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1;text-align:center;gap:.5rem;pointer-events:none;padding-bottom:10vh;animation:text-parallax linear both;animation-timeline:scroll(root);animation-range:15vh 60vh}@keyframes text-parallax{0%{transform:translateY(0)}to{transform:translateY(-40px)}}.scroll-hero__title{animation:titleReveal 2.2s cubic-bezier(.22,1,.36,1) 1s both}@keyframes titleReveal{0%{opacity:0;transform:translateY(-80px)}to{opacity:1;transform:translateY(0)}}.scroll-hero__title{font-family:var(--font-heading--family, "The Seasons", Georgia, serif);font-size:clamp(4rem,12vw,10rem);font-weight:700;letter-spacing:.12em;text-indent:.12em;line-height:1;color:var(--color-foreground-heading, #fff);text-transform:uppercase;margin:0}@media screen and (min-width:990px){.scroll-hero__title{font-size:clamp(6rem,14vw,12rem);letter-spacing:.2em;text-indent:.2em}}.scroll-hero__product{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:center;max-width:420px;width:46vw;flex-shrink:0;margin-bottom:7%;animation:product-appear 1s cubic-bezier(.16,1,.3,1) 2.5s both,product-float linear both;animation-timeline:auto,scroll(root);animation-range:auto,0px 35vh}@keyframes product-appear{0%{opacity:0}to{opacity:1}}@keyframes product-float{0%{transform:translateY(0) scale(1)}to{transform:translateY(-60px) scale(.88)}}.scroll-hero__product-image{width:100%;height:auto;max-height:58vh;object-fit:contain;filter:drop-shadow(0 20px 40px rgba(0,0,0,.25));opacity:.8;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.scroll-hero__product:before{content:"";position:absolute;bottom:2%;left:50%;transform:translate(-50%);width:70%;height:28px;background:radial-gradient(ellipse at center,rgba(255,255,255,.22) 0%,transparent 65%);border-radius:50%;pointer-events:none;z-index:0}.scroll-hero__product:after{content:"";position:absolute;bottom:0%;left:50%;transform:translate(-50%);width:50%;height:16px;background:radial-gradient(ellipse at center,rgba(0,0,0,.28) 0%,transparent 70%);border-radius:50%;pointer-events:none;z-index:0}.scroll-hero__buttons{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:1.5rem 0 2.5rem;width:100%;animation:heroIn 1s cubic-bezier(.16,1,.3,1) 1.15s both;animation-timeline:auto}.scroll-hero__buttons{animation:heroIn 1s cubic-bezier(.16,1,.3,1) 1.15s both,buttons-fade linear both;animation-timeline:auto,scroll(root);animation-range:auto,0px 18vh}@keyframes heroIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes buttons-fade{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(16px)}}.scroll-hero__btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-heading--family, "The Seasons", Georgia, serif);font-size:clamp(.75rem,1.2vw,.9375rem);font-weight:600;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;cursor:pointer;white-space:nowrap}.scroll-hero__btn--primary{padding:.875rem 2.5rem;background:#ffffff1f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.25);border-radius:4px;color:#fff;transition:transform .4s cubic-bezier(.34,1.56,.64,1),background .3s ease,border-color .3s ease,box-shadow .3s ease}.scroll-hero__btn--primary:hover{transform:scale(1.06) translateY(-3px);background:#ffffff42;border-color:#ffffff73;box-shadow:0 8px 30px #ffffff1f}@media screen and (max-width:989px){.scroll-hero__product{width:75vw;max-width:650px}}@media screen and (max-width:749px){.scroll-hero{--scroll-hero-height: 150vh}.scroll-hero__frame{animation-name:hero-frame-zoom-mobile;animation-range:0px 50vh}@keyframes hero-frame-zoom-mobile{0%{transform:scale(1);border-radius:0;box-shadow:none}to{transform:scale(.85);border-radius:20px;box-shadow:0 16px 50px #00000047}}.scroll-hero__product{width:62vw;max-width:300px;margin-bottom:48%}.scroll-hero__title{font-size:clamp(3rem,16vw,5rem);letter-spacing:.08em;text-indent:.08em}.scroll-hero__buttons{gap:.75rem;flex-direction:column;align-items:center;padding-bottom:2rem}}.scroll-hero__scroll-hint{position:absolute;bottom:28px;left:50%;transform:translate(-50%);z-index:10;color:#ffffff8c;pointer-events:none;animation:scroll-hint-appear .8s ease 3s both}.scroll-hero__scroll-hint-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.scroll-hero__scroll-hint-label{font-family:Inter,sans-serif;font-size:.625rem;font-weight:300;letter-spacing:.15em;text-indent:.15em;text-transform:uppercase;color:inherit}.scroll-hero__scroll-hint.is-bouncing .scroll-hero__scroll-hint-inner{animation:scroll-hint-bounce .7s cubic-bezier(.36,.07,.19,.97) infinite alternate}@keyframes scroll-hint-appear{0%{opacity:0;transform:translate(-50%) translateY(6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes scroll-hint-bounce{0%{transform:translateY(0)}to{transform:translateY(10px)}}@media(prefers-reduced-motion:reduce){.scroll-hero__title,.scroll-hero__buttons{animation:none!important;opacity:1!important;transform:none!important}.scroll-hero__frame,.scroll-hero__product,.scroll-hero__text-layer{animation:none!important;transform:none!important;border-radius:0!important;box-shadow:none!important;opacity:1!important}.scroll-hero__scroll-hint{animation:none!important;opacity:.55;transform:translate(-50%)}.scroll-hero__scroll-hint.is-bouncing .scroll-hero__scroll-hint-inner{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/scroll-hero.css.map */