#experience{width:100%;position:relative}#canvas-layer{z-index:1;position:relative}#story{z-index:2;height:0;position:relative}section[data-stop]{height:0;min-height:0;position:relative}.panel{z-index:3;opacity:0;pointer-events:none;will-change:opacity;background:#0009;flex-direction:column;width:100vw;height:100svh;display:flex;position:fixed;inset:0}.panelScroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;flex:1;overflow-y:hidden}#experience[data-panel-mode=true] .panel{transition:opacity .2s linear}#experience[data-panel-mode=true][data-active-panel=services] #services,#experience[data-panel-mode=true][data-active-panel=about-me] #about-me,#experience[data-panel-mode=true][data-active-panel=pricing] #pricing,#experience[data-panel-mode=true][data-active-panel=contact] #contact{opacity:1;pointer-events:auto}#experience[data-panel-mode=true] .panelScroll{overflow-y:auto}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100vh}html,body{overscroll-behavior:none;background:#000;overflow-x:hidden}#canvas-layer{width:100vw;height:100vh}#canvas-layer canvas{display:block;width:100%!important;height:100%!important}