.skill-process{display:flex;width:100%;flex-direction:column}.skill-process-main{display:flex;width:100%;height:auto;margin-top:var(--space-8);gap:var(--space-8)}.skill-process-main-card{background-color:var(--color-4);padding:var(--space-32);display:flex;flex-direction:column;width:25%;border-radius:var(--border-radius-small);transition:color var(--motion-medium-2) var(--power-2-out),background-color var(--motion-medium-2) var(--power-2-out)}.skill-process-main-card h3,.skill-process-main-card h4{font-size:var(--typo-size-40);color:var(--color-1);font-weight:var(--typo-weight-semi-bold)}.skill-process-main-card h3{margin-bottom:var(--space-80)}.skill-process-main-card p{font-size:var(--typo-size-16);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:100%}.skill-focus-container{width:100%;height:auto;display:flex;gap:var(--space-8);margin-bottom:var(--space-8)}.skill-focus-container-card{background-color:var(--color-4);padding:var(--space-32);display:flex;flex-direction:column;width:50%;height:auto;border-radius:var(--border-radius-small);transition:color var(--motion-medium-2) var(--power-2-out),background-color var(--motion-medium-2) var(--power-2-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:var(--typo-size-40);color:var(--color-1);width:65%;font-weight:var(--typo-weight-semi-bold);margin:0;margin-bottom:var(--space-48)}.skill-focus-container-card-text{display:flex;align-items:center;margin-top:auto}.skill-focus-container-card-text p{font-size:var(--typo-size-16);color:var(--font-middle);margin-left:var(--space-96)}@media (max-width:1500px){.skill-process-main{flex-direction:column}.skill-process-main-card{width:100%}}@media (max-width:1300px){.skill-focus-container{flex-direction:column}.skill-focus-container-card{width:100%}}@media (max-width:800px){.skill-focus-container-card h3{font-size:var(--typo-size-40);margin-bottom:var(--space-40);width:100%}.skill-focus-container-card-text p{margin-left:var(--space-64)}}@media (max-width:500px){.skill-focus-container-card-text p{margin-left:0}.skill-focus-container-card h3{font-size:var(--typo-size-32)}}.skill-header{display:flex;flex-direction:column;width:100%;height:auto;gap:var(--space-16)}.skill-header-intro{display:flex;height:-moz-fit-content;height:fit-content;width:100%;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:var(--typo-size-64);font-weight:var(--typo-weight-semi-bold);letter-spacing:var(--neg-letter-space-1);margin:0;margin-bottom:var(--space-8)}.skill-header-intro-text h2{color:var(--font-middle);font-size:var(--typo-size-24);font-weight:var(--typo-weight-medium);transform:translateX(15px);margin:0}.skill-header-intro button{border:none;border-radius:var(--border-radius-small);background-color:var(--color-1);width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;padding:var(--space-16) var(--space-32);margin-left:auto;cursor:pointer;transition:background-color var(--motion-small-2) var(--power-2-out),color var(--motion-small-2) 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:var(--typo-size-14);font-weight:var(--typo-weight-regular)}.skill-header img{width:100%;height:25rem;object-fit:cover;display:block;border-radius:var(--border-radius-small)}.skill-header-stats{width:100%;display:flex;height:auto;flex-direction:row;gap:var(--space-16)}.skill-header-stats-item{width:100%;height:auto;background-color:var(--color-4);border-radius:var(--border-radius-small);padding:var(--space-16) var(--space-24);transition:background-color var(--motion-medium-2) var(--power-2-out),color var(--motion-medium-2) 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-4)}.skill-header-stats-item h3{color:var(--color-1);font-weight:var(--typo-weight-semi-bold);margin:0;margin-bottom:var(--space-8);font-size:var(--typo-size-36)}.skill-header-stats-item h4{font-weight:var(--typo-weight-medium);color:var(--font-middle);margin:0;font-size:var(--typo-size-14)}.skill-past,.skill-past-item{width:100%;height:auto;display:flex;flex-direction:column}.skill-past-item{gap:var(--space-8);margin-bottom:var(--space-64)}.skill-past-item:nth-of-type(4){margin:0}.skill-past-item-main{display:flex;overflow:hidden;border-radius:var(--border-radius-small);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;gap:var(--space-16);padding:var(--space-32)}.skill-past-item-main-text h3{font-size:var(--typo-size-48);color:var(--color-1);font-weight:var(--typo-weight-semi-bold)}.skill-past-item-main-text p{font-size:var(--typo-size-16);font-weight:var(--typo-weight-regulars)!important;color:var(--font-middle)}.skill-past-item-main-image{width:65%;display:flex;flex-direction:row;padding:var(--space-16);position:relative;overflow:hidden;border-radius:var(--border-radius-small)}.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 var(--motion-medium-2) var(--power-2-out)}.skill-past-item-main-image video{border-radius:var(--border-radius-medium)}.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:var(--typo-size-64);height:var(--typo-size-64);background-color:var(--color-2);border:none;border-radius:50%;margin-top:auto;box-shadow:var(--shadow-small);transition:background-color var(--motion-small-2) var(--power-1-out),box-shadow var(--motion-small-2) var(--power-1-out)}.skill-past-item-main-image-link:hover{background-color:var(--color-1);box-shadow:var(--shadow-medium)}.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:var(--typo-size-32);height:var(--typo-size-32);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-8);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:var(--typo-size-32);height:var(--typo-size-32);background-color:var(--color-4);border:none;border-radius:50%;box-shadow:var(--shadow-small)}.skill-past-item-main-image-con-span{background-color:var(--color-1)!important}.skill-past-item-main-image-con button{width:var(--typo-size-32);height:var(--typo-size-32);background-color:var(--color-2);border:none;border-radius:50%;box-shadow:var(--shadow-small);transition:background-color var(--motion-medium-2) var(--power-2-out),box-shadow var(--motion-medium-2) var(--power-2-out),stroke var(--motion-medium-2) var(--power-2-out);cursor:pointer}.skill-past-item-main-image-con button:hover{background-color:var(--color-1);box-shadow:var(--shadow-medium)}.skill-past-item-main-image-con button svg{width:var(--typo-size-16);height:var(--typo-size-16);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,.skill-past-item-stats-con{display:flex;gap:var(--space-8)}.skill-past-item-stats-con{flex-direction:column;padding:var(--space-16);background-color:var(--color-4);border-radius:var(--border-radius-small);width:100%;transition:background-color var(--motion-medium-2) var(--power-2-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:var(--typo-size-32);color:var(--color-1);font-weight:var(--typo-weight-medium)}.skill-past-item-stats-con p{font-size:var(--typo-size-14);color:var(--font-middle)}.skill-past-item-stats-con-sq{padding:0;display:flex;width:100%;gap:var(--space-8)}.skill-past-item-stats-con-sq-it{display:flex;flex-direction:column;flex:1 1;justify-content:center;align-items:center;border-radius:var(--border-radius-small);height:100%;background-color:var(--color-4);transition:background-color var(--motion-medium-2) var(--power-2-out)}.skill-past-item-stats-con-sq-it h5{font-size:var(--typo-size-16);color:var(--color-1);font-weight:var(--typo-weight-medium);margin:0}.skill-past-item-stats-con-sq-it h6{font-size:var(--typo-size-12);color:var(--font-middle);font-weight:var(--typo-weight-regular);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:var(--typo-size-48)}.skill-header-intro-text h2{color:var(--font-middle);font-size:var(--typo-size-20)}.skill-header-intro h3{font-size:var(--typo-size-12)}.skill-header-intro button{padding:var(--space-16) var(--space-8)}}@media (max-width:600px){.skill-header-stats{flex-direction:column}.skill-header-stats-item h3{font-size:var(--typo-size-24)}.skill-header-stats-item h4{font-size:var(--typo-size-12)}}@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-16) 0}}@media (max-width:600px){.skill-past-item-stats-con-sq-it h5{font-size:var(--typo-size-14)}.skill-past-item-stats-con-sq-it h6{font-size:var(--typo-size-12)}}.main-skill-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;margin:var(--space-64) 0;padding:var(--space-32);gap:var(--space-72)}