.skill-process{display:flex;width:90%;flex-direction:column}.skill-process-main{display:flex;width:100%;height:auto;margin-top:var(--space-1);gap:var(--space-1)}.skill-process-main-card{background-color:var(--color-4);padding:var(--space-2);display:flex;flex-direction:column;width:25%;border-radius:25px;transition:color .5s var(--power-1-out),background-color .5s var(--power-1-out)}.skill-process-main-card h4{font-size:2.5rem;color:var(--color-1);font-weight:600;margin:0}.skill-process-main-card h3{font-size:2.5rem;color:var(--color-1);font-weight:600;margin:0 0 5rem}.skill-process-main-card p{font-size:1rem;color:var(--font-middle);margin-top:auto}.skill-process-main-card.active{background-color:var(--color-1)}.skill-process-main-card.active h3,.skill-process-main-card.active h4{color:var(--color-3)}.skill-process-main-card.active p{color:var(--color-4)}.skill-focus{display:flex;flex-direction:column;width:90%}.skill-focus-container{width:100%;height:auto;display:flex;gap:var(--space-1);margin-bottom:var(--space-1)}.skill-focus-container-card{background-color:var(--color-4);padding:var(--space-3);display:flex;flex-direction:column;width:50%;height:auto;border-radius:25px;transition:color .5s var(--power-1-out),background-color .5s var(--power-1-out)}.skill-focus-container-card.active{background-color:var(--color-1)}.skill-focus-container-card.active h3{color:var(--color-4)}.skill-focus-container-card.active p{color:var(--color-3)}.skill-focus-container-card h3{font-size:2.5rem;color:var(--color-1);width:70%;font-weight:600;margin:0;margin-bottom:var(--space-7)}.skill-focus-container-card-text{display:flex;align-items:center;margin-top:auto}.skill-focus-container-card-text p{font-size:1rem;color:var(--font-middle);margin:0}@media (max-width:1500px){.skill-process-main-card h3,.skill-process-main-card h4{font-size:2.25rem}.skill-process-main-card p{font-size:.9rem}.skill-process-main{flex-direction:column}.skill-process-main-card{width:100%}.skill-focus-container-card-text p{font-size:.9rem}.skill-focus-container-card h3{font-size:2.25rem}}@media (max-width:1200px){.skill-focus-container{flex-direction:column}.skill-focus-container-card{width:100%}}@media (max-width:800px){.skill-focus-container-card h3{width:100%}}@media (max-width:500px){.skill-focus-container-card-text{flex-direction:column;align-items:flex-start}.skill-focus-container-card h3{margin:0}}.main-skill-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;margin:7.5rem 0;gap:var(--space-7)}.skill-header{display:flex;flex-direction:column;width:90%;height:auto;gap:var(--space-2)}.skill-header-intro{display:flex;height:-moz-fit-content;height:fit-content;width:100%;padding:0;margin:0;align-items:flex-end}.skill-header-intro-text{width:auto;height:100%;display:flex;flex-direction:column;align-content:first baseline;gap:auto}.skill-header-intro-text h1{color:var(--color-2);font-size:4rem;font-weight:600;margin:0;margin-bottom:var(--space-1)}.skill-header-intro-text h2{color:var(--font-middle);font-size:1.5rem;font-weight:500;transform:translateX(15px);margin:0}.skill-header-intro button{border:none;border-radius:20px;background-color:var(--color-1);width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;padding:var(--space-0) var(--space-3);margin-left:auto;cursor:pointer;transition:background-color .25s var(--power-2-out),color .25s var(--power-2-out)}.skill-header-intro button:hover{background-color:var(--color-4)}.skill-header-intro button:hover h3{color:var(--color-1)}.skill-header-intro h3{color:var(--color-3);font-size:.85rem;font-weight:400}.skill-header img{width:100%;height:25rem;object-fit:cover;display:block;border-radius:25px}.skill-header-stats{width:100%;display:flex;height:auto;flex-direction:row;gap:var(--space-2)}.skill-header-stats-item{width:100%;height:auto;background-color:var(--color-4);border-radius:25px;padding:var(--space-2) var(--space-3);transition:background-color .5s var(--power-2-out),color .5s var(--power-2-out)}.skill-header-stats-item.active{background-color:var(--color-1)}.skill-header-stats-item.active h3{color:var(--color-3)}.skill-header-stats-item.active h4{color:var(--color-5)}.skill-header-stats-item h3{color:var(--color-1);font-weight:600;margin:0;margin-bottom:var(--space-1);font-size:2rem}.skill-header-stats-item h4{font-weight:500;color:var(--font-middle);margin:0;font-size:.85rem}.skill-past{width:90%}.skill-past,.skill-past-item{height:auto;display:flex;flex-direction:column}.skill-past-item{width:100%;gap:var(--space-1);margin-bottom:var(--space-8)}.skill-past-item:nth-of-type(4){margin:0}.skill-past-item-main{display:flex;overflow:hidden;border-radius:35px;background-color:var(--color-4)}.skill-past-item-main.reverse{flex-direction:row-reverse}.skill-past-item-main-text{display:flex;width:35%;flex-direction:column;padding:var(--space-3) var(--space-2)}.skill-past-item-main-text h3{font-size:2.5rem;color:var(--color-1);font-weight:600;margin:0;margin-bottom:var(--space-1)}.skill-past-item-main-text p{font-size:1.1rem;margin:0;margin-bottom:var(--space-3);color:var(--font-middle)}.skill-past-item-main-image{width:65%;display:flex;flex-direction:row;padding:var(--space-1);position:relative;overflow:hidden;border-radius:35px}.skill-past-item-main.reverse .skill-past-item-main-image{flex-direction:row-reverse}.skill-past-item-main-image img,.skill-past-item-main-image video{position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%);object-fit:cover;transition:opacity .5s var(--power-1-out)}.skill-past-item-main-image video{border-radius:35px}.skill-past-item-main-image .fade-out{opacity:0}.skill-past-item-main-image .fade-in{opacity:1}.skill-past-item-main-image:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.25);z-index:10}.skill-past-item-main-image-link{position:relative;z-index:15;width:4rem;height:4rem;background-color:var(--color-2);border:none;border-radius:50%;margin-top:auto;box-shadow:0 4px 6px rgba(0,0,0,.25),0 0 8px rgba(0,0,0,.25);transition:background-color .25s var(--power-1-out),box-shadow .25s var(--power-1-out)}.skill-past-item-main-image-link:hover{background-color:var(--color-1);box-shadow:0 8px 12px rgba(0,0,0,.35),0 0 16px rgba(0,0,0,.35)}.skill-past-item-main-image-link:hover svg{stroke:var(--color-2)}.skill-past-item-main-image-link a{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;z-index:20}.skill-past-item-main-image-link svg{width:2rem;height:2rem;stroke:var(--color-1);transform:rotate(225deg)}.skill-past-item-main-image-con{height:auto;display:flex;flex-direction:column;margin-left:auto;margin-top:auto;margin-bottom:auto;gap:var(--space-1);z-index:15}.skill-past-item-main.reverse .skill-past-item-main-image-con{margin-left:0;margin-right:auto}.skill-past-item-main-image-con span{width:2rem;height:2rem;background-color:var(--color-4);border:none;border-radius:50%;box-shadow:0 4px 6px rgba(0,0,0,.25),0 0 8px rgba(0,0,0,.25)}.skill-past-item-main-image-con-span{background-color:var(--color-1)!important}.skill-past-item-main-image-con button{width:2rem;height:2rem;background-color:var(--color-2);border:none;border-radius:50%;box-shadow:0 4px 6px rgba(0,0,0,.15),0 0 8px rgba(0,0,0,.15);transition:background-color .25s var(--power-2-out),box-shadow .25s var(--power-2-out),stroke .25s var(--power-2-out);cursor:pointer}.skill-past-item-main-image-con button:hover{background-color:var(--color-1);box-shadow:0 8px 12px rgba(0,0,0,.25),0 0 16px rgba(0,0,0,.25)}.skill-past-item-main-image-con button svg{width:1rem;stroke:var(--color-1)}.skill-past-item-main-image-con button:hover svg{stroke:var(--color-2)}.skill-past-item-main-image-con button:first-of-type svg{transform:rotate(180deg)}.skill-past-item-stats{display:flex;gap:var(--space-1)}.skill-past-item-stats-con{display:flex;flex-direction:column;padding:var(--space-2);background-color:var(--color-4);border-radius:25px;width:100%;transition:background-color .5s var(--power-1-out)}.skill-past-item-stats-con.active{background-color:var(--color-1)}.skill-past-item-stats-con.active h4{color:var(--color-5)}.skill-past-item-stats-con.active p{color:var(--color-3)}.skill-past-item-stats-con h4{font-size:2rem;color:var(--color-1);font-weight:500;margin:var(--space-1) 0}.skill-past-item-stats-con p{font-size:.85rem;color:var(--font-middle);margin:0}.skill-past-item-stats-con-sq{padding:0;display:flex;width:100%;gap:var(--space-1)}.skill-past-item-stats-con-sq-it{display:flex;flex-direction:column;flex:1 1;justify-content:center;align-items:center;border-radius:20px;height:100%;background-color:var(--color-4);transition:background-color .5s var(--power-1-out)}.skill-past-item-stats-con-sq-it h5{font-size:1rem;color:var(--color-1);font-weight:500;margin:0}.skill-past-item-stats-con-sq-it h6{font-size:.75rem;color:var(--font-middle);font-weight:400;margin:0}.skill-past-item-stats-con-sq-it.active{background-color:var(--color-1)}.skill-past-item-stats-con-sq-it.active h5{color:var(--color-5)}.skill-past-item-stats-con-sq-it.active h6{color:var(--color-3)}@media (max-width:1000px){.skill-header-intro-text h1{font-size:3.2rem}.skill-header-intro-text h2{font-size:1.2rem}.skill-header-stats-item h3{font-size:1.6rem}}@media (max-width:500px){.skill-header-intro-text h1{font-size:2.8rem}.skill-header-intro-text h2{font-size:1.05rem}.skill-header-stats-item h3{font-size:1.4rem}.skill-header-intro h3,.skill-header-stats-item h4{font-size:.765rem}.skill-header-intro-button{padding:var(--space-3) var(--space-0)!important}.skill-header-stats{gap:var(--space-1)}.skill-header-stats-item{padding:var(--space-1) var(--space-2)}}@media (max-width:1200px){.skill-past-item-main{flex-direction:column}.skill-past-item-main-text{width:100%}.skill-past-item-main-image{width:100%;height:25rem}.skill-past-item-main.reverse,.skill-past-item-stats{flex-direction:column}.skill-past-item-stats-con-sq-it{padding:var(--space-2)}}@media (max-width:600px){.skill-past-item-stats-con-sq-it h6{font-size:.675rem}.skill-past-item-stats-con-sq-it h5{font-size:.9rem}}@media (max-width:450px){.skill-past-item-stats-con-sq-it h6{font-size:.6rem}.skill-past-item-stats-con-sq-it h5{font-size:.8rem}.skill-past-item-stats-con-sq{flex-wrap:wrap}.skill-past-item-stats-con-sq-it{flex:1 1 calc(50% - var(--space-1))}}