.playground{background-color:var(--color-alt-bg);color:var(--color-light);height:200vh;width:100%;position:relative;z-index:10}.playground_content{height:100vh;overflow:hidden;position:sticky;top:0}.playground_label{display:flex;font-size:calc(64 * 100vw / var(--page-width));gap:calc(48 * 100vw / var(--page-width));left:50%;line-height:.7;position:absolute;top:0;transform:translate(calc(-147 * 100vw / var(--page-width)),calc(204 * 100vw / var(--page-width)));width:calc(294 * 100vw / var(--page-width));z-index:10}.playground_label>span{filter:blur(10px);opacity:0;transform:translate(0,calc(300 * 100vw / var(--page-lg-width)));visibility:hidden}.playground_subheadline{filter:blur(10px);left:0;opacity:0;position:absolute;top:0;transform:translate(calc(105 * 100vw / var(--page-width)),calc(436 * 100vw / var(--page-width)));visibility:hidden;width:calc(251 * 100vw / var(--page-width))}.playground_subheadline p{margin-bottom:calc(24 * 100vw / var(--page-width))}.playground_cta{color:var(--color-light);font-size:calc(20 * 100vw / var(--page-width));text-decoration:none}.playground_cta .bullet{display:inline-block;font-size:calc(18 * 100vw / var(--page-width));margin-right:calc(8 * 100vw / var(--page-width))}.playground_work{border-radius:0;filter:blur(2px);height:calc(50 * 100vw / var(--page-width));left:calc(17 * 100vw / var(--page-width));overflow:hidden;position:absolute;top:0;top:calc(43 * 100vw / var(--page-width));width:calc(50 * 100vw / var(--page-width))}.playground_work .image,.playground_work_container{height:100%;transition:opacity 625ms ease-in;width:100%}.playground_work_2{left:calc(177 * 100vw / var(--page-width));top:calc(39 * 100vw / var(--page-width))}.playground_work_3{left:calc(325 * 100vw / var(--page-width));top:calc(25 * 100vw / var(--page-width))}.playground_work_4{left:calc(92 * 100vw / var(--page-width));top:calc(130 * 100vw / var(--page-width))}.playground_work_5{left:calc(261 * 100vw / var(--page-width));top:calc(137 * 100vw / var(--page-width))}.playground_work_6{left:calc(0 * 100vw / var(--page-width));top:calc(279 * 100vw / var(--page-width))}.playground_work_7{left:calc(182 * 100vw / var(--page-width));top:calc(322 * 100vw / var(--page-width))}.playground_work_8{left:calc(325 * 100vw / var(--page-width));top:calc(304 * 100vw / var(--page-width))}.playground_work_10,.playground_work_9{display:none}.playground_work_container{background-color:var(--color-accent-sky);opacity:0;overflow:hidden}.playground_work_6 .playground_work_container,.playground_work_7 .playground_work_container,.playground_work_8 .playground_work_container{background-color:var(--color-accent-sun)}.playground_work_2 .playground_work_container,.playground_work_5 .playground_work_container,.playground_work_9 .playground_work_container{background-color:var(--color-accent-grass)}.playground_work_10 .playground_work_container,.playground_work_3 .playground_work_container,.playground_work_4 .playground_work_container{background-color:var(--color-accent-sky)}.playground_work .image{display:block;left:0;opacity:.4;position:absolute;top:0}.end-animation .playground_work{animation:1.25s ease-in forwards bounce}@media only screen and (min-width:768px){.playground_content{box-sizing:border-box;padding-bottom:calc(130 * 100vw / var(--page-lg-width))}.playground_label{font-size:calc(140 * 100vw / var(--page-lg-width));gap:calc(160 * 100vw / var(--page-lg-width));transform:translate(calc(-396 * 100vw / var(--page-lg-width)),calc(164 * 100vw / var(--page-lg-width)));width:calc(807 * 100vw / var(--page-lg-width))}.playground_subheadline{left:50%;transform:translate(calc(30 * 100vw / var(--page-lg-width)),calc(460 * 100vw / var(--page-lg-width)));width:calc(430 * 100vw / var(--page-lg-width))}.playground_subheadline p{margin-bottom:calc(24 * 100vw / var(--page-lg-width))}.playground_cta{font-size:calc(20 * 100vw / var(--page-lg-width));margin-left:calc(120 * 100vw / var(--page-lg-width))}.playground_cta .bullet{display:inline-block;font-size:calc(18 * 100vw / var(--page-lg-width));margin-right:calc(8 * 100vw / var(--page-lg-width))}.playground_work{filter:blur(4px);height:calc(113 * 100vw / var(--page-lg-width));left:calc(25 * 100vw / var(--page-lg-width));top:calc(78 * 100vw / var(--page-lg-width));width:calc(113 * 100vw / var(--page-lg-width))}.playground_work_2{left:calc(630 * 100vw / var(--page-lg-width));top:calc(64 * 100vw / var(--page-lg-width))}.playground_work_3{left:calc(1060 * 100vw / var(--page-lg-width));top:calc(70 * 100vw / var(--page-lg-width))}.playground_work_4{left:calc(1484 * 100vw / var(--page-lg-width));top:calc(76 * 100vw / var(--page-lg-width))}.playground_work_5{left:calc(246 * 100vw / var(--page-lg-width));top:calc(236 * 100vw / var(--page-lg-width))}.playground_work_6{left:calc(1320 * 100vw / var(--page-lg-width));top:calc(264 * 100vw / var(--page-lg-width))}.playground_work_7{left:calc(66 * 100vw / var(--page-lg-width));top:calc(522 * 100vw / var(--page-lg-width))}.playground_work_8{left:calc(692 * 100vw / var(--page-lg-width));top:calc(466 * 100vw / var(--page-lg-width))}.playground_work_9{display:block;left:calc(1482 * 100vw / var(--page-lg-width));top:calc(504 * 100vw / var(--page-lg-width))}.playground_work_10{display:block;left:calc(418 * 100vw / var(--page-lg-width));top:calc(550 * 100vw / var(--page-lg-width))}.end-animation .playground_work{animation:1.25s ease-in forwards bounce-lg}}@keyframes bounce{0%{border-radius:0}25%{border-radius:50%}70%{transform:translateY(0);top:calc(100% - calc(50 * 100vw / var(--page-width)))}80%{transform:translateY(-15%)}90%,97%{transform:translateY(0)}95%{transform:translateY(-7%)}99%{transform:translateY(-3%)}100%{border-radius:50%;transform:translateY(0);top:calc(100% - calc(50 * 100vw / var(--page-width)))}}@keyframes bounce-lg{0%{border-radius:0}25%{border-radius:50%}70%{transform:translateY(0);top:calc(100% - calc(113 * 100vw / var(--page-lg-width)))}80%{transform:translateY(-15%)}90%,97%{transform:translateY(0)}95%{transform:translateY(-7%)}99%{transform:translateY(-3%)}100%{border-radius:50%;transform:translateY(0);top:calc(100% - calc(113 * 100vw / var(--page-lg-width)))}}.end-animation .image{opacity:0}.end-animation .playground_work_container{opacity:1}.end-animation .playground_work_2,.end-animation .playground_work_5,.end-animation .playground_work_9{animation-delay:125ms!important}.end-animation .playground_work_3,.end-animation .playground_work_7{animation-delay:.1s!important}.end-animation .playground_work_10,.end-animation .playground_work_4,.end-animation .playground_work_6{animation-delay:50ms!important}