.Matrixstage_viewport__Wg5oK{width:100vw;height:100vh;position:relative;overflow:hidden;background:#000}.Matrixstage_slider__DPfRY{display:grid;grid-template-columns:repeat(3,100vw);grid-template-rows:repeat(3,100vh);width:300vw;height:300vh;transform:translate3d(-100vw,-100vh,0);will-change:transform}.Matrixstage_screen__QcsIU{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;position:relative}.Matrixstage_navFrame__Ulr1e{position:absolute;inset:0;padding:40px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none}.Matrixstage_axis__Idxck{display:flex;align-items:center;gap:16px;opacity:.1;transition:opacity .3s}.Matrixstage_axisVertical__rPyp0{flex-direction:column;position:absolute;top:40px;bottom:40px;width:-moz-fit-content;width:fit-content}.Matrixstage_axisVLeft__Y4SZO{left:40px}.Matrixstage_axisVRight__ypgdr{right:40px}.Matrixstage_dot__w0hwd{width:3px;height:3px;border-radius:50%;background:#fff;transition:opacity .3s,transform .3s}.Matrixstage_bar__M_dcz{background:#fff;transition:transform .4s cubic-bezier(.25,1,.5,1),opacity .4s}.Matrixstage_axisHorizontal__xkx8f .Matrixstage_bar__M_dcz{flex:1;height:1px;transform:scaleX(0)}.Matrixstage_axisVertical__rPyp0 .Matrixstage_bar__M_dcz{width:1px;flex:1;transform:scaleY(0)}.h-right .Matrixstage_axisHorizontal__xkx8f .Matrixstage_bar__M_dcz{transform-origin:left;transform:scaleX(1);opacity:.4}.h-right .Matrixstage_dotRight__xOU6E{opacity:.8;transform:scale(2)}.h-left .Matrixstage_axisHorizontal__xkx8f .Matrixstage_bar__M_dcz{transform-origin:right;transform:scaleX(1);opacity:.4}.h-left .Matrixstage_dotLeft__6HRpm{opacity:.8;transform:scale(2)}.v-down .Matrixstage_axisVertical__rPyp0 .Matrixstage_bar__M_dcz{transform-origin:top;transform:scaleY(1);opacity:.4}.v-down .Matrixstage_dotBottom__VBJKi{opacity:.8;transform:scale(2)}.v-up .Matrixstage_axisVertical__rPyp0 .Matrixstage_bar__M_dcz{transform-origin:bottom;transform:scaleY(1);opacity:.4}.v-up .Matrixstage_dotTop__4ld29{opacity:.8;transform:scale(2)}.Matrixstage_content__i9byq{text-align:center;z-index:10;-webkit-user-select:none;-moz-user-select:none;user-select:none}.Matrixstage_title__DbaL8{font-size:clamp(2rem,5vw,4rem);letter-spacing:.6em;font-weight:200;color:#f3f3f3}.Matrixstage_subtitle__8_yQy{font-size:10px;letter-spacing:4px;opacity:.3;margin-top:1rem;color:#f3f3f3}