.construction-maintenance-conservation-animation-container{width:100%;aspect-ratio:1 / 1;position:relative}.construction-maintenance-conservation-animation-container svg{width:100%;height:100%;position:absolute;transition:all .9s ease;transform-box:fill-box;transform-origin:center center;will-change:transform}:root{--layer1-start-x: -85px;--layer1-start-y: -20px;--layer1-end-x: -65px;--layer1-end-y: -5px;--layer2-start-x: 185px;--layer2-start-y: -20px;--layer2-end-x: 165px;--layer2-end-y: -5px;--layer3-start-x: 50px;--layer3-start-y: 250px;--layer3-end-x: 50px;--layer3-end-y: 180px}.layer-1{transform:translate(var(--layer1-start-x),var(--layer1-start-y));animation:layer1Inward 1s ease-in-out forwards;animation-delay:1s}.layer-2{transform:translate(var(--layer2-start-x),var(--layer2-start-y));animation:layer2Inward 1s ease-in-out forwards;animation-delay:1s}.layer-3{transform:translate(var(--layer3-start-x),var(--layer3-start-y));animation:layer3Inward 1s ease-in-out forwards;animation-delay:1s}.layer-1-circle{transform-origin:center;animation:layer1Outward 1s ease-in-out forwards;animation-delay:1s}.layer-2-circle{transform-origin:center;animation:layer2Outward 1s ease-in-out forwards;animation-delay:1s}.layer-3-circle{transform-origin:center;animation:layer3Outward 1s ease-in-out forwards;animation-delay:1s}@keyframes layer1Inward{0%{transform:translate(var(--layer1-start-x),var(--layer1-start-y))}to{transform:translate(var(--layer1-end-x),var(--layer1-end-y))}}@keyframes layer2Inward{0%{transform:translate(var(--layer2-start-x),var(--layer2-start-y))}to{transform:translate(var(--layer2-end-x),var(--layer2-end-y))}}@keyframes layer3Inward{0%{transform:translate(var(--layer3-start-x),var(--layer3-start-y))}to{transform:translate(var(--layer3-end-x),var(--layer3-end-y))}}@keyframes layer1Outward{0%{transform:rotate(0)}to{transform:rotate(15deg)}}@keyframes layer2Outward{0%{transform:rotate(0)}to{transform:rotate(15deg)}}@keyframes layer3Outward{0%{transform:rotate(0)}to{transform:rotate(15deg)}}@media (max-width: 1024px){:root{--layer1-start-x: -120px;--layer1-start-y: -60px;--layer1-end-x: -100px;--layer1-end-y: -40px;--layer2-start-x: 120px;--layer2-start-y: -60px;--layer2-end-x: 100px;--layer2-end-y: -40px;--layer3-start-x: 0px;--layer3-start-y: 120px;--layer3-end-x: 0px;--layer3-end-y: 100px}}@media (max-width: 768px){:root{--layer1-start-x: -90px;--layer1-start-y: -50px;--layer1-end-x: -70px;--layer1-end-y: -30px;--layer2-start-x: 90px;--layer2-start-y: -50px;--layer2-end-x: 70px;--layer2-end-y: -30px;--layer3-start-x: 0px;--layer3-start-y: 90px;--layer3-end-x: 0px;--layer3-end-y: 70px}}@media (max-width: 640px){:root{--layer1-start-x: -100px;--layer1-start-y: -50px;--layer1-end-x: -60px;--layer1-end-y: -30px;--layer2-start-x: 100px;--layer2-start-y: -50px;--layer2-end-x: 60px;--layer2-end-y: -30px;--layer3-start-x: 0px;--layer3-start-y: 100px;--layer3-end-x: 0px;--layer3-end-y: 60px}}.layer-1,.layer-2,.layer-3,.layer-1-circle,.layer-2-circle,.layer-3-circle{animation-play-state:paused}.animate-layers .layer-1,.animate-layers .layer-2,.animate-layers .layer-3,.animate-layers .layer-1-circle,.animate-layers .layer-2-circle,.animate-layers .layer-3-circle{animation-play-state:running}