.apple-scroll-section{position:relative;width:100%;background:var(--apple-scroll-bg, #ffffff);color:var(--apple-scroll-text-color, #1d1d1f);padding-top:var(--apple-scroll-padding-top, 60px);padding-bottom:var(--apple-scroll-padding-bottom, 60px)}.apple-scroll-sticky-wrap{position:relative;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);background:var(--apple-scroll-bg, #ffffff);height:var(--apple-scroll-desktop-height, 100vh);display:flex;align-items:center;overflow:hidden}.apple-scroll-inner{width:100%;max-width:1400px;margin:0 auto;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;gap:4vw}.apple-scroll-section--text-right .apple-scroll-inner{flex-direction:row-reverse}.apple-scroll-content{flex:0 0 var(--apple-scroll-text-width, 38%);max-width:var(--apple-scroll-text-width, 38%);will-change:transform,opacity}.apple-scroll-subheading{font-size:clamp(.85rem,1vw,1rem);font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--apple-scroll-accent, #06c);margin:0 0 .75rem;opacity:.85}.apple-scroll-heading{font-size:clamp(1.8rem,3.2vw,3rem);font-weight:700;line-height:1.1;letter-spacing:-.015em;margin:0 0 1.25rem}.apple-scroll-description{font-size:clamp(1rem,1.15vw,1.25rem);line-height:1.5;color:var(--apple-scroll-text-color, #1d1d1f);opacity:.85;max-width:44ch}.apple-scroll-description p{margin:0 0 .75rem}.apple-scroll-cta{display:inline-block;margin-top:1.75rem;padding:.85rem 1.75rem;border-radius:999px;background:var(--apple-scroll-text-color, #1d1d1f);color:var(--apple-scroll-bg, #ffffff);font-size:1rem;font-weight:500;text-decoration:none;transition:transform .25s ease,opacity .25s ease}.apple-scroll-cta:hover{transform:translateY(-2px);opacity:.9}[data-apple-scroll-fade]{opacity:1;transform:translateY(0);transition:opacity .35s ease,transform .35s ease}[data-apple-scroll-fade].is-hidden{opacity:0;transform:translateY(-16px)}.apple-scroll-visual{position:relative;flex:1 1 auto;display:flex;align-items:center;justify-content:center;min-height:60%}.apple-scroll-phone-wrap{position:relative;width:var(--apple-scroll-phone-width, 420px);max-width:100%;display:flex;align-items:center;justify-content:center}.apple-scroll-phone-image{position:relative;z-index:1;width:100%;height:auto;display:block;pointer-events:none;-webkit-user-select:none;user-select:none}.apple-scroll-canvas{position:absolute;z-index:2;top:var(--apple-scroll-wave-y, 50%);left:var(--apple-scroll-wave-x, 50%);transform:translate(-50%,-50%);width:var(--apple-scroll-canvas-width, 900px);height:var(--apple-scroll-canvas-height, 900px);max-width:none;opacity:var(--apple-scroll-overlay-opacity, 1);pointer-events:none}.apple-scroll-progress{position:absolute;bottom:-28px;left:50%;transform:translate(-50%);width:60%;max-width:260px;height:3px;border-radius:999px;background:#7d7d7d40;overflow:hidden}.apple-scroll-progress-bar{width:0%;height:100%;background:var(--apple-scroll-text-color, #1d1d1f);border-radius:999px;transition:width .05s linear}.apple-scroll-loader{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;background:var(--apple-scroll-bg, #ffffff);z-index:5;transition:opacity .4s ease,visibility .4s ease}.apple-scroll-loader.is-loaded{opacity:0;visibility:hidden;pointer-events:none}.apple-scroll-loader-bar{width:160px;height:3px;border-radius:999px;background:#7d7d7d40;overflow:hidden}.apple-scroll-loader-fill{width:0%;height:100%;background:var(--apple-scroll-text-color, #1d1d1f);transition:width .15s ease}.apple-scroll-loader-text{font-size:.8rem;letter-spacing:.02em;opacity:.6}.apple-scroll-debug{position:absolute;z-index:6;font-family:monospace;font-size:.75rem;padding:.25rem .5rem;background:#0009;color:#fff;border-radius:4px;pointer-events:none}.apple-scroll-debug--fps{top:12px;right:12px}.apple-scroll-debug--frame{top:40px;right:12px}@media(max-width:989px){.apple-scroll-inner{gap:3vw}.apple-scroll-content{flex-basis:44%;max-width:44%}}@media(max-width:749px){.apple-scroll-sticky-wrap{height:var(--apple-scroll-mobile-height, 70vh)}.apple-scroll-inner,.apple-scroll-section--text-right .apple-scroll-inner{flex-direction:column;justify-content:center;gap:1.5rem;padding:0 6vw}.apple-scroll-content{flex-basis:auto;max-width:100%;text-align:center}.apple-scroll-description{max-width:100%;margin:0 auto}.apple-scroll-phone-wrap{width:min(60vw,var(--apple-scroll-phone-width, 420px))}.apple-scroll-canvas{width:min(80vw,var(--apple-scroll-canvas-width, 900px));height:min(80vw,var(--apple-scroll-canvas-height, 900px))}}@media(prefers-reduced-motion:reduce){[data-apple-scroll-fade]{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/280/assets/apple-scroll-animation.css.map */