.hero-scroll{position:relative;width:100%;height:100vh;min-height:560px;max-height:960px;background:#000;contain:layout paint}.page-back-btn{position:fixed;top:calc(var(--header-height, 72px) + 14px);left:16px;z-index:30;display:inline-flex;align-items:center;gap:6px;padding:8px 16px 8px 13px;background:#00000073;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);border:1px solid rgba(255,255,255,.3);border-radius:999px;color:#fff;font-family:Inter,sans-serif;font-size:.7rem;font-weight:600;letter-spacing:.02em;text-decoration:none;box-shadow:inset 0 1px #fff3,0 6px 16px #0003;transition:background .25s ease,border-color .25s ease,transform .25s ease}.page-back-btn:hover{background:#000000ad;border-color:#ffffff80;transform:translate(-2px)}.page-back-btn__icon{font-size:.84rem;line-height:1}@media(max-width:749px){.page-back-btn{display:none}}.hero-scroll__sticky{position:relative;width:100%;height:100%;overflow:hidden}.hero-scroll__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hero-scroll__top-fade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#0003,#0000000d,#0000),linear-gradient(to bottom,#0000001a,#0000 20%);z-index:1;pointer-events:none}.hero-scroll__bottom-fade{position:absolute;bottom:0;left:0;right:0;height:260px;background:linear-gradient(to top,#0000002e,#0000);z-index:1;pointer-events:none}.hero-scroll__left{position:absolute;bottom:8vh;left:0;z-index:2;display:flex;flex-direction:column;align-items:flex-start;padding:0 5vw 0 2vw;max-width:640px}.hero-scroll__heading{font-family:Georgia,Times New Roman,serif;font-size:clamp(1.8rem,3.2vw,2.8rem);font-weight:700;color:#fff;line-height:1.15;letter-spacing:-.02em;margin:0 0 1rem;text-shadow:0 4px 32px rgba(0,0,0,.55)}.hero-scroll__subheading{font-size:1.05rem;font-weight:300;color:#ffffffd1;line-height:1.6;letter-spacing:.01em;max-width:420px;margin:0 0 2.2rem;text-shadow:0 2px 16px rgba(0,0,0,.5)}.hero-scroll__button{display:inline-flex;align-items:center;gap:12px;padding:14px 26px;background:#ffffff1f;backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border:1px solid rgba(255,255,255,.35);box-shadow:inset 0 1px #ffffff40,0 8px 24px #0003;color:#fff;font-size:.85rem;font-weight:600;letter-spacing:.04em;text-decoration:none;border-radius:100px;width:fit-content;transition:all .3s ease}.hero-scroll__button:hover{background:#ffffff38;border-color:#ffffff8c}.hero-scroll__button-icon{display:inline-flex;align-items:center;justify-content:center;font-size:1rem;transition:transform .3s ease}.hero-scroll__button:hover .hero-scroll__button-icon{transform:translate(3px)}.hero-scroll__stats{position:absolute;right:5vw;bottom:8vh;z-index:2;display:flex;gap:14px}.hero-scroll__stat{display:flex;flex-direction:column;gap:4px;padding:14px 22px;background:#ffffff1f;backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border:1px solid rgba(255,255,255,.35);box-shadow:inset 0 1px #ffffff40,0 8px 24px #0003;border-radius:18px}.hero-scroll__stat-value{font-size:clamp(1.1rem,1.8vw,1.5rem);font-weight:700;color:#fff;line-height:1;letter-spacing:-.02em}.hero-scroll__stat-label{font-size:.65rem;font-weight:500;color:#ffffffbf;letter-spacing:.05em;text-transform:uppercase}@media(max-width:749px){.hero-scroll__left{padding:0 6vw;max-width:100%;bottom:21vh}.hero-scroll__heading{font-size:clamp(1.2rem,4.8vw,1.7rem)}.hero-scroll__subheading{max-width:100%;font-size:.78rem;margin:0 0 1.1rem}.hero-scroll__button{padding:11px 20px;font-size:.75rem}.hero-scroll__stats{left:5vw;right:5vw;bottom:3vh;gap:6px;flex-wrap:nowrap;overflow:visible}.hero-scroll__stat{flex:1 1 0;min-width:0;padding:8px 6px;align-items:center;text-align:center}.hero-scroll__stat-value{font-size:.95rem}.hero-scroll__stat-label{font-size:.5rem;letter-spacing:.01em;white-space:normal}}@media(max-width:380px){.hero-scroll__left{bottom:23vh}.hero-scroll__stat{padding:7px 10px}.hero-scroll__stat-value{font-size:.85rem}.hero-scroll__stat-label{font-size:.46rem}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/hero-scroll-animation.css.map */