.sp-scroller{--sp-stage-h:760px;height:calc(var(--sp-stage-h) * 5);position:relative}.sp-stage{height:var(--sp-stage-h);position:sticky;top:76px;overflow:hidden}.sp-stage-col{box-sizing:border-box;max-width:1240px;height:100%;margin:0 auto;padding:0 clamp(16px,4vw,28px);position:relative}.sp-stage-frame{height:100%;position:relative}.sp-drawing{position:absolute;inset:0}.sp-layer{opacity:0;visibility:hidden;pointer-events:none;position:absolute;inset:0}.sp-scaler-box{position:absolute;top:0;right:0;transform:none}.sp-copy{z-index:3;width:392px;position:absolute;top:40px;left:0}.sp-phase-well{height:300px;position:relative}.sp-phase{position:absolute;inset:0}.sp-phase-2{opacity:0}.sp-board{height:152px;position:relative}.sp-flap{opacity:0;transition:opacity .32s,transform .32s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:0;right:0;transform:translateY(14px)}.sp-flap-first{opacity:1;transform:translateY(0)}.sp-flap-name{display:none}.sp-bottom-bar{z-index:3;align-items:center;gap:18px;display:flex;position:absolute;bottom:28px;left:0;right:0}@media (max-width:1099px){.sp-stage-frame{box-sizing:border-box;flex-direction:column;padding-bottom:56px;display:flex}.sp-copy{flex:none;width:100%;position:static}.sp-phase-well{height:260px}.sp-drawing{flex:auto;min-height:0;position:relative;inset:auto}.sp-scaler-box{top:0;left:50%;right:auto;transform:translate(-50%)}}@media (max-width:759px){.sp-scroller{height:auto}.sp-stage{height:auto;position:static;overflow:hidden}.sp-stage-frame{flex-direction:column;gap:40px;padding:40px 0;display:flex}.sp-copy{width:100%;position:static}.sp-phase-well{flex-direction:column;gap:40px;height:auto;display:flex;position:static}.sp-phase{opacity:1;position:static}.sp-board{flex-direction:column;gap:26px;height:auto;display:flex}.sp-flap{opacity:1;position:static;transform:none}.sp-flap-name{display:block}.sp-board-readout{display:none}.sp-drawing{overscroll-behavior-x:contain;flex-direction:column;gap:40px;display:flex;position:static;overflow-x:auto}.sp-layer{opacity:1;visibility:visible;pointer-events:auto;flex:none;position:static}.sp-scaler-box{position:relative;transform:none}.sp-bottom-bar{display:none}}@media (prefers-reduced-motion:reduce){.sp-flap{transition:none}}
