@layer core,playground,project;@layer project{.container{display:flex;align-items:center;justify-content:center;width:100%;min-height:100dvh;overflow:hidden}.container>div{position:relative;z-index:1;padding:10vw}@media(width<768px){.container>div{padding:55px 21px 50px}}.container .logo{transform-style:preserve-3d;perspective:1234px}.container .logo-container{position:relative;z-index:1;transform-style:preserve-3d;width:min(666px,33vw)}@media(width<768px){.container .logo-container{width:50vw}}.container .logo-layers{transform-style:preserve-3d;width:100%;height:100%}.container .logo-layers>div{width:100%;aspect-ratio:300/169}.container .logo-layers>div:nth-child(1){transform:translateZ(0)}@media(width<768px){.container .logo-layers>div:nth-child(1){transform:translateZ(0)}}.container .logo-layers>div:nth-child(2){transform:translateZ(-.07vw)}@media(width<768px){.container .logo-layers>div:nth-child(2){transform:translateZ(-.17vw)}}.container .logo-layers>div:nth-child(3){transform:translateZ(-.14vw)}@media(width<768px){.container .logo-layers>div:nth-child(3){transform:translateZ(-.34vw)}}.container .logo-layers>div:nth-child(4){transform:translateZ(-.21vw)}@media(width<768px){.container .logo-layers>div:nth-child(4){transform:translateZ(-.51vw)}}.container .logo-layers>div:nth-child(5){transform:translateZ(-.28vw)}@media(width<768px){.container .logo-layers>div:nth-child(5){transform:translateZ(-.68vw)}}.container .logo-layers>div:nth-child(6){transform:translateZ(-.35vw)}@media(width<768px){.container .logo-layers>div:nth-child(6){transform:translateZ(-.85vw)}}.container .logo-layers>div:nth-child(7){transform:translateZ(-.42vw)}@media(width<768px){.container .logo-layers>div:nth-child(7){transform:translateZ(-1.02vw)}}.container .logo-layers>div:nth-child(8){transform:translateZ(-.49vw)}@media(width<768px){.container .logo-layers>div:nth-child(8){transform:translateZ(-1.19vw)}}.container .logo-layers>div:nth-child(9){transform:translateZ(-.56vw)}@media(width<768px){.container .logo-layers>div:nth-child(9){transform:translateZ(-1.36vw)}}.container .logo-layers>div:nth-child(10){transform:translateZ(-.63vw)}@media(width<768px){.container .logo-layers>div:nth-child(10){transform:translateZ(-1.53vw)}}.container .logo-layers>div:nth-child(11){transform:translateZ(-.7vw)}@media(width<768px){.container .logo-layers>div:nth-child(11){transform:translateZ(-1.7vw)}}.container .logo-layers>div:nth-child(12){transform:translateZ(-.77vw)}@media(width<768px){.container .logo-layers>div:nth-child(12){transform:translateZ(-1.87vw)}}.container .logo-layers>div:nth-child(13){transform:translateZ(-.84vw)}@media(width<768px){.container .logo-layers>div:nth-child(13){transform:translateZ(-2.04vw)}}.container .logo-layers>div:nth-child(14){transform:translateZ(-.91vw)}@media(width<768px){.container .logo-layers>div:nth-child(14){transform:translateZ(-2.21vw)}}.container .logo-layers>div:nth-child(15){transform:translateZ(-.98vw)}@media(width<768px){.container .logo-layers>div:nth-child(15){transform:translateZ(-2.38vw)}}.container .logo-layers>div:nth-child(16){transform:translateZ(-1.05vw)}@media(width<768px){.container .logo-layers>div:nth-child(16){transform:translateZ(-2.55vw)}}.container .logo-layers>div:nth-child(17){transform:translateZ(-1.12vw)}@media(width<768px){.container .logo-layers>div:nth-child(17){transform:translateZ(-2.72vw)}}.container .logo-layers>div:nth-child(18){transform:translateZ(-1.19vw)}@media(width<768px){.container .logo-layers>div:nth-child(18){transform:translateZ(-2.89vw)}}.container .logo-layers>div:nth-child(19){transform:translateZ(-1.26vw)}@media(width<768px){.container .logo-layers>div:nth-child(19){transform:translateZ(-3.06vw)}}.container .logo-layers>div:nth-child(20){transform:translateZ(-1.33vw)}@media(width<768px){.container .logo-layers>div:nth-child(20){transform:translateZ(-3.23vw)}}.container .logo-layers>div:nth-child(21){transform:translateZ(-1.4vw)}@media(width<768px){.container .logo-layers>div:nth-child(21){transform:translateZ(-3.4vw)}}.container .logo-layers>div:nth-child(22){transform:translateZ(-1.47vw)}@media(width<768px){.container .logo-layers>div:nth-child(22){transform:translateZ(-3.57vw)}}.container .logo-layers>div:nth-child(23){transform:translateZ(-1.54vw)}@media(width<768px){.container .logo-layers>div:nth-child(23){transform:translateZ(-3.74vw)}}.container .logo-layers>div:nth-child(24){transform:translateZ(-1.61vw)}@media(width<768px){.container .logo-layers>div:nth-child(24){transform:translateZ(-3.91vw)}}.container .logo-layers>div:nth-child(25){transform:translateZ(-1.68vw)}@media(width<768px){.container .logo-layers>div:nth-child(25){transform:translateZ(-4.08vw)}}.container .logo-layers>div:nth-child(26){transform:translateZ(-1.75vw)}@media(width<768px){.container .logo-layers>div:nth-child(26){transform:translateZ(-4.25vw)}}.container .logo-layers>div:nth-child(27){transform:translateZ(-1.82vw)}@media(width<768px){.container .logo-layers>div:nth-child(27){transform:translateZ(-4.42vw)}}.container .logo-layers>div:nth-child(28){transform:translateZ(-1.89vw)}@media(width<768px){.container .logo-layers>div:nth-child(28){transform:translateZ(-4.59vw)}}.container .logo-layers>div:nth-child(29){transform:translateZ(-1.96vw)}@media(width<768px){.container .logo-layers>div:nth-child(29){transform:translateZ(-4.76vw)}}.container .logo-layers>div:nth-child(30){transform:translateZ(-2.03vw)}@media(width<768px){.container .logo-layers>div:nth-child(30){transform:translateZ(-4.93vw)}}.container .logo-layers>div:nth-child(31){transform:translateZ(-2.1vw)}@media(width<768px){.container .logo-layers>div:nth-child(31){transform:translateZ(-5.1vw)}}.container .logo-layers>div:nth-child(32){transform:translateZ(-2.17vw)}@media(width<768px){.container .logo-layers>div:nth-child(32){transform:translateZ(-5.27vw)}}.container .logo-layers>div:nth-child(33){transform:translateZ(-2.24vw)}@media(width<768px){.container .logo-layers>div:nth-child(33){transform:translateZ(-5.44vw)}}.container .logo-layers>div:nth-child(34){transform:translateZ(-2.31vw)}@media(width<768px){.container .logo-layers>div:nth-child(34){transform:translateZ(-5.61vw)}}.container .logo-layers>div:not(:first-child){position:absolute;inset:0;z-index:1}.container .logo-layers>div:not(:first-child) svg path{fill:color-mix(in srgb,#fd3d00,black 12%)}.container .logo-layers>div:first-child svg path{fill:#fd3d00}.container .logo-layers>div svg{width:100%;height:auto}.container .logo-layers>div svg path{fill:#fd3d00}.container .logo-layers>div:last-child svg path{fill:#fd3d00}.container .drag{position:absolute;inset:0;z-index:2}}