.cube-scroll{background:#000;color:#fff;position:relative;--cube-translate-z:0px;--cube-rotate:0deg}.cube-scroll *{box-sizing:border-box}.visually-hidden{height:1px;overflow:hidden;position:absolute;width:1px;clip:rect(0 0 0 0);white-space:nowrap}.cube-scroll .wrapper{container-name:cube-stage;container-type:inline-size}.cube-scroll__sticky-wrap{height:calc(var(--face-count, 3)*100vh);position:relative}.cube-scroll__sticky{display:flex;flex-direction:column;height:100vh;position:sticky;top:0}.cube-scroll__viewport-clip{display:flex;flex:1 1 0%;height:100%;margin-left:calc(50% - 50vw);min-height:0;overflow:hidden;width:100vw}.cube-scroll__stage-wrap{align-items:center;display:flex;flex:1 1 0%;min-height:0}.cube-scroll__stage{align-items:center;display:flex;height:100%;justify-content:center;min-height:0;position:relative;width:100%}.cube-scroll__sticky-wrap{--cube-size-fluid:clamp(190px,30cqi,var(--cube-size,493px));--panel-width-fluid:max(220px,min(500px,calc((100cqi - var(--cube-size-fluid))/2 - 48px)))}.cube-scroll__cube-wrap{height:var(--cube-size-fluid,var(--cube-size,493px));perspective:1600px;position:relative;width:var(--cube-size-fluid,var(--cube-size,493px));z-index:1}.cube-scroll__cube{height:100%;position:relative;transform:rotateY(var(--cube-rotate,0deg));transform-style:preserve-3d;width:100%;will-change:transform}.cube-scroll__face-data{display:none}.cube-scroll__face{backface-visibility:hidden;background:linear-gradient(135deg,#111,#333);background-position:50%;background-repeat:no-repeat;background-size:cover;inset:0;overflow:hidden;position:absolute}.cube-scroll__face:after{background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.55));content:"";inset:0;position:absolute}.cube-scroll__face-number{bottom:20px;color:#fff;font-family:Inter,sans-serif;font-size:clamp(16px,2.2cqi,24px);font-weight:600;letter-spacing:.02em;line-height:1;position:absolute;right:24px;z-index:1}.cube-scroll__darken{background:linear-gradient(90deg,transparent,rgba(0,0,0,.88) 75%);height:100%;pointer-events:none;position:absolute;right:0;top:0;width:40%;z-index:2}.cube-scroll__panels{inset:0;pointer-events:none;position:absolute;z-index:3}.cube-scroll__panel{left:0;opacity:var(--panel-opacity,0);position:absolute;top:50%;transform:translate(var(--panel-x,0),calc(var(--cube-size, 493px)*-.26));width:var(--panel-width-fluid,min(500px,40vw));will-change:transform,opacity}.cube-scroll__panel-image{display:none}.cube-scroll__eyebrow{color:var(--accent-color,#67eea2);font-size:clamp(14px,1.1cqi,16px);line-height:1.75;margin:0 0 24px}.cube-scroll__eyebrow,.cube-scroll__heading{font-family:Inter,sans-serif;font-weight:600}.cube-scroll__heading{color:#fff;font-size:clamp(24px,2.8cqi,40px);line-height:1.16;margin:0}.cube-scroll.is-static .cube-scroll__sticky-wrap{height:auto}.cube-scroll.is-static .cube-scroll__sticky{height:auto;overflow:visible;position:static}.cube-scroll.is-static .cube-scroll__stage{display:block;height:auto;padding:96px 24px}.cube-scroll.is-static .cube-scroll__cube-wrap,.cube-scroll.is-static .cube-scroll__darken{display:none}.cube-scroll.is-static .cube-scroll__panels{display:flex;flex-direction:column;margin:0 auto;max-width:640px;pointer-events:auto;position:static}.cube-scroll.is-static .cube-scroll__panel{left:auto;opacity:1;padding-bottom:56px;padding-left:64px;position:relative;top:auto;transform:none;width:100%}.cube-scroll.is-static .cube-scroll__panel:before{align-items:center;border:1px solid var(--accent-color,#67eea2);border-radius:50%;color:var(--accent-color,#67eea2);content:attr(data-number);display:flex;font-family:Inter,sans-serif;font-size:14px;font-weight:600;height:40px;justify-content:center;left:0;letter-spacing:.02em;position:absolute;top:0;width:40px}.cube-scroll.is-static .cube-scroll__panel:after{background:linear-gradient(180deg,var(--accent-color,#67eea2) 0,hsla(0,0%,100%,.12) 100%);bottom:0;content:"";left:19px;opacity:.5;position:absolute;top:40px;width:1px}.cube-scroll.is-static .cube-scroll__panel-inner{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.cube-scroll.is-static .cube-scroll__panel.is-visible .cube-scroll__panel-inner{opacity:1;transform:translateY(0)}.cube-scroll.is-static .cube-scroll__panel-image{aspect-ratio:1/1;display:block;height:auto;margin-bottom:32px;object-fit:cover;width:100%}.cube-scroll.is-static .cube-scroll__heading{font-size:32px}@media (max-width:480px){.cube-scroll.is-static .cube-scroll__stage{padding:64px 20px}.cube-scroll.is-static .cube-scroll__panel{padding-bottom:44px;padding-left:52px}.cube-scroll.is-static .cube-scroll__panel:before{font-size:12px;height:34px;width:34px}.cube-scroll.is-static .cube-scroll__panel:after{left:16px;top:34px}.cube-scroll.is-static .cube-scroll__panel-image{margin-bottom:20px}.cube-scroll.is-static .cube-scroll__eyebrow{margin-bottom:16px}.cube-scroll.is-static .cube-scroll__heading{font-size:26px}}@media (max-width:400px){.cube-scroll.is-static .cube-scroll__panel{padding-left:44px}.cube-scroll.is-static .cube-scroll__panel:before{font-size:11px;height:30px;width:30px}.cube-scroll.is-static .cube-scroll__panel:after{left:14px}.cube-scroll.is-static .cube-scroll__heading{font-size:23px}.cube-scroll.is-static .cube-scroll__eyebrow{font-size:13px}}@media (max-width:340px){.cube-scroll.is-static .cube-scroll__heading{font-size:20px}}