#line{max-width:1500px;width:80vw;margin:0 auto 25rem;position:relative}#line svg{width:100%;height:auto}#line svg path,#line svg rect{transform-origin:center}#line svg text{fill:#fff;font-size:3rem}#line p{margin:.5em 0 1em}#line div{transform-origin:center}#line .display-1,#line .display-2,#line .display-3,#line .display-4{text-transform:uppercase;font-weight:lighter;letter-spacing:.15em}#line .display-1{font-size:3.5rem}#line .display-2{font-size:3rem}#line .display-3{font-size:2.5rem}#line .display-4{font-size:2rem}#line .h{opacity:0}#line .step_indicator{transition:opacity 0.5s ease-in-out;border-radius:50%;background-color:#000;color:#fff;position:absolute;width:12%;max-width:6rem;font-size:2.7rem;display:flex;justify-content:center;align-items:center}#line .step_indicator::after{content:"";padding-top:100%}#line .step{position:absolute;width:100%;left:0;top:0;height:10%}#line .step article{position:absolute;opacity:0;text-align:center}#line .step article img{max-width:100%;height:auto}#line .step .step_indicator{position:absolute;top:45%;left:50%;opacity:0}#line .step--1{top:1.4%}#line .step--1 .step_indicator{left:52%;background-color:#2c5234}#line .step--2{top:20.5%}#line .step--2 .step_indicator{left:45.4%;background-color:#345d9d}#line .step--3{top:48.3%}#line .step--3 .step_indicator{left:48.8%;background-color:#8e150c}#line .step--4{top:69%}#line .step--4 .step_indicator{left:65.3%;background-color:#788d28}#line .step--5{top:93%}#line .step--5 .step_indicator{left:56.1%;background-color:#f4bf00}#line .text-bg{position:relative;background-size:0 0;display:inline-block;margin:0 auto!important}#line .text-bg b{position:absolute;top:-.2em;left:-.4em;width:calc(100% + 0.8em);height:calc(100% + 0.4em);transform:rotate(-1.5deg);z-index:-1}#line .text-bg--more b{top:.2em;left:.8em;width:calc(100% - 1.6em);height:calc(100% - 0.4em);transform:rotate(-3deg)}#line .show{animation:twist-animation 0.5s cubic-bezier(.35,.43,0,1.5);animation-fill-mode:forwards}@media only screen and (max-width:1500px){#line .display-1{font-size:2.7rem}#line .display-2{font-size:2.2rem}}@media only screen and (min-width:1200px){#line{transform:translateX(-7%)}}@media only screen and (max-width:1200px){#line{width:100%;margin-bottom:0}#line .step,#line article,#line img,#line .step_indicator{position:static!important;width:100%!important;text-align:center}#line article,#line img{margin-top:2rem}#line .step_indicator{margin:5rem auto 1rem}#line .display-1{font-size:2rem}#line .display-2{font-size:1.6rem}#line p{font-size:1.3rem}#line #the_line,#line>svg,#line .decorative{display:none}}@keyframes twist-animation{0%{transform:scale(.9) rotate(-15deg) translate3d(0,-5%,0);opacity:0}50%{opacity:25%}100%{transform:scale(1) rotate(0) translate3d(0,0,0);opacity:1}}