.medium-parallax{--medium-orange:#ff5a14}
.medium-parallax .hero{height:162svh;min-height:0;overflow:visible}
.medium-hero-stage{position:sticky;top:0;height:100svh;overflow:hidden;background:#090a0c}
.medium-parallax .hero-video{height:100svh;transform:translate3d(0,0,0) scale(1.1)}
.medium-parallax .hero h1,.medium-parallax .hero .eyebrow,.medium-parallax .hero-bottom{will-change:transform,opacity}

.medium-parallax .intro{min-height:94svh;perspective:1200px}
.medium-parallax .intro-backdrop{inset:-11% -3%;transform:translate3d(0,0,0) scale(1.08);will-change:transform}
.medium-parallax .intro-grid>*{will-change:transform}

.medium-parallax .solutions{height:auto;padding:clamp(78px,10vw,160px) clamp(24px,4.4vw,84px);overflow:hidden}
.medium-solution-stage{position:relative;top:auto;height:auto;padding:0;display:block;overflow:visible}
.medium-parallax .solutions-heading{flex:0 0 auto}
.medium-parallax .solutions-heading h2{font-size:clamp(40px,4.5vw,76px)}
.medium-parallax .solution-layout{margin-top:64px;transform-origin:center;will-change:transform}
.medium-parallax .solution-image img{will-change:transform,filter}
.medium-progress{display:none}

.medium-parallax .works{position:relative}
.medium-parallax .works:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--works-x,20%) 35%,rgba(255,90,20,.1),transparent 38%);transition:background-position .1s linear}
.medium-parallax .apple-fan{will-change:transform}

@media(max-width:800px),(prefers-reduced-motion:reduce){
  .medium-parallax .hero{height:auto;min-height:100svh;padding-top:0;padding-bottom:0}
  .medium-parallax .solutions{padding:76px 18px}
  .medium-hero-stage{position:relative;top:auto;height:auto;min-height:100svh;overflow:hidden}
  .medium-parallax .hero-video,.medium-parallax .intro-backdrop,.medium-parallax .solution-image img{transform:none!important;will-change:auto}
  .medium-progress{display:none}
}