.section-ring-scroll-wrapper,.section-ring-scroll-wrapper+.section,.shopify-section:has(.ring-scroll){margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important}.ring-scroll{height:800vh;position:relative;--col-left: 45%;--col-right: 18%;--canvas-left: 8%;--canvas-right: 54%;--ring-zoom: 1.1}.ring-scroll__sticky{position:sticky;top:0;width:100%;height:100vh;overflow:hidden}.ring-scroll.is-complete .ring-scroll__cta-row{opacity:1;transform:none;pointer-events:auto}.ring-scroll.is-complete .ring-scroll__progress{opacity:0;pointer-events:none;animation:none}.ring-scroll__logo{display:none}.ring-scroll__logo-img{height:auto;display:block}.ring-scroll__logo-rule{width:36px;height:1px;background:currentColor;opacity:.3;display:block;flex-shrink:0}.ring-scroll__canvas-wrap{position:absolute;top:0;bottom:0;left:var(--canvas-left);right:var(--canvas-right);display:flex;align-items:center;justify-content:center;padding:0;margin:0 auto;pointer-events:none}.ring-scroll__canvas{aspect-ratio:554 / 589;max-width:100%;max-height:100%;width:auto;height:auto;display:block;transform:scale(var(--ring-zoom));transform-origin:center center;will-change:contents,transform;opacity:0}.ring-scroll__spinner{position:absolute;top:50%;left:50%;width:32px;height:32px;border-radius:50%;border:1.5px solid currentColor;border-top-color:transparent;transform:translate(-50%,-50%);animation:ring-scroll-spin .8s linear infinite;opacity:.45;z-index:1;pointer-events:none;transition:opacity .4s ease}@keyframes ring-scroll-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.ring-scroll__poster{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2}.ring-scroll__poster-img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}.ring-scroll__text-zone{position:absolute;left:var(--col-left);right:var(--col-right);top:50%;bottom:auto;margin-top:-150px;width:auto;max-width:none;height:200px;transform:none;z-index:2;overflow:hidden}.ring-scroll__step{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0;opacity:0;pointer-events:none;will-change:opacity,transform}.ring-scroll__progress{position:absolute;left:var(--col-left);right:var(--col-right);top:50%;bottom:auto;margin-top:58px;transform:none;text-align:center;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:11px;font-weight:600;letter-spacing:1.4px;color:#1d1d1f66;text-transform:uppercase;z-index:2;transition:opacity .4s ease;animation:hint-pulse 1.8s ease-in-out infinite}@keyframes hint-pulse{0%,to{opacity:1}50%{opacity:.3}}.ring-scroll__cta-row{position:absolute;left:var(--col-left);right:var(--col-right);top:50%;bottom:auto;margin-top:104px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;z-index:2;opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease;will-change:opacity,transform}.ring-scroll__cta-buttons{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px}.ring-scroll__price-note{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:12px;font-weight:500;letter-spacing:.02em;color:#c9a96e;text-align:center}.ring-scroll__step-eyebrow{display:none}.ring-scroll__step-headline{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:clamp(28px,3.2vw,46px);font-weight:700;font-style:normal!important;line-height:1.1;letter-spacing:-.025em;text-transform:none!important;color:#1d1d1f;margin:0}.ring-scroll__step-headline em,.ring-scroll__step-headline i{font-style:normal;font-weight:700;font-family:inherit}.ring-scroll__step-headline p{margin:0}.ring-scroll__btn{display:inline-flex;align-items:center;text-decoration:none;cursor:pointer;transition:opacity .25s ease}.ring-scroll__btn--outline{justify-content:center;gap:14px;width:min(320px,80vw);padding:18px 32px;font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:700;font-size:17px;letter-spacing:-.02em;border:1px solid #1d1d1f;border-radius:12px;background:#1d1d1f;color:#fff}.ring-scroll__btn--outline:hover{background:#1d1d1f;color:#fff!important;border-color:#1d1d1f;opacity:.86}.ring-scroll__btn--filled:hover{opacity:.86}@media screen and (max-width:1100px){.ring-scroll{--col-left: 50%;--col-right: 4%}.ring-scroll__text-zone{margin-top:-140px;height:190px}.ring-scroll__progress{margin-top:54px}.ring-scroll__cta-row{margin-top:96px}}@media screen and (max-width:749px){.ring-scroll{height:600vh;--ring-zoom: 1.05}.ring-scroll__logo{top:20px}.ring-scroll__text-zone{left:0;right:0;top:96px;bottom:auto;margin-top:0;height:150px;width:calc(100% - 32px);margin-left:auto;margin-right:auto}.ring-scroll__step{padding:0 16px}.ring-scroll__step-headline{font-size:26px;transition:font-size .5s cubic-bezier(.16,1,.3,1),letter-spacing .5s cubic-bezier(.16,1,.3,1)}.ring-scroll__step--final .ring-scroll__step-headline{font-size:34px;letter-spacing:-.035em;line-height:1.05}.ring-scroll__canvas-wrap{top:250px;bottom:210px;left:0;right:0;padding:0;transform:none;max-width:100%;margin:0;overflow:hidden}.ring-scroll__canvas{max-width:100%;max-height:100%;width:auto;height:auto}.ring-scroll__progress{left:0;right:0;top:auto;bottom:140px;margin-top:0}.ring-scroll__cta-row{left:0;right:0;top:auto;bottom:96px;margin-top:0;gap:8px}.ring-scroll__btn--outline{width:min(300px,85vw);padding:16px 24px;font-size:15px}.ring-scroll__btn--filled{min-width:140px;padding:16px 24px;font-size:15px}}@media screen and (max-width:749px)and (max-height:700px){.ring-scroll__text-zone{top:80px;height:132px}.ring-scroll__canvas-wrap{top:212px;bottom:180px}.ring-scroll__progress{bottom:122px}.ring-scroll__cta-row{bottom:80px}.ring-scroll__step-headline{font-size:23px}.ring-scroll__step--final .ring-scroll__step-headline{font-size:29px}}.ring-scroll__step--final .ring-scroll__step4-logo{display:block;height:auto;margin:0 auto 16px}@media screen and (max-width:749px){.ring-scroll__step--final .ring-scroll__step4-logo{margin-bottom:12px}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/section-ring-scroll.css.map */