.c-overlay{display:block;top:0;left:0;width:100vw;min-height:100vh;height:100lvh;pointer-events:none;overflow:hidden;z-index:1}@media (min-width: 360px){.c-overlay{position:absolute}}@media (min-width: 1000px){.c-overlay{position:fixed}}.c-overlay[data-state=hidden]{visibility:hidden}.c-overlay[data-state=idle],.c-overlay[data-state=transitioning]{visibility:visible}.c-overlay[data-state=project]{visibility:hidden;pointer-events:none;display:none}.c-overlay__container{position:relative;width:100%;height:100%}@media (min-width: 1000px){.c-overlay__container{will-change:transform;transform:translate3d(0,var(--scroll-y),0)}}.c-overlay__quadrant{position:absolute;z-index:2;width:100%;height:100%;will-change:transform}.c-overlay__quadrant--1{transform-origin:top left;background:#e23401}@media (min-width: 360px){.c-overlay__quadrant--1{transform:scaleX(.1) scaleY(.65) translateY(-100%)}}@media (min-width: 1000px){.c-overlay__quadrant--1{transform:scaleX(.63) scaleY(.53) translateY(-100%)}}.c-overlay__quadrant--2{transform-origin:top right;background:#ff5925}@media (min-width: 360px){.c-overlay__quadrant--2{transform:scaleX(.9) scaleY(.58) translateY(-100%)}}@media (min-width: 1000px){.c-overlay__quadrant--2{transform:scaleX(.37) scaleY(.47) translateY(-100%)}}.c-overlay__quadrant--3{transform-origin:bottom left;background:#fa4b48}@media (min-width: 360px){.c-overlay__quadrant--3{transform:scaleX(.9) scaleY(.35) translateY(100%)}}@media (min-width: 1000px){.c-overlay__quadrant--3{transform:scaleX(.9) scaleY(.47) translateY(100%)}}.c-overlay__quadrant--4{transform-origin:bottom right;background:#e23401}@media (min-width: 360px){.c-overlay__quadrant--4{transform:scaleX(.1) scaleY(.42) translateY(100%)}}@media (min-width: 1000px){.c-overlay__quadrant--4{transform:scaleX(.1) scaleY(.53) translateY(100%)}}