.experiences{background-color:#fff;width:100%}.experiences .container{max-width:767px;margin:0 auto;padding:2rem 0;position:relative}@media (max-width:778px){.experiences .container{width:100%;max-width:100%}}.experiences .container .experiences__header{justify-content:space-between;align-items:center;display:flex}.experiences .container .title{color:#6f7074;cursor:default;-webkit-user-select:none;user-select:none;background-color:#f3f3f4;border-radius:.25rem;width:fit-content;padding:.25rem .5rem;font-size:clamp(.75rem,1.5vw,.875rem);font-weight:700}.experiences .container .view-all-link{color:#515256;justify-content:center;align-items:center;gap:clamp(.25rem,1.5vw,.5rem);font-size:clamp(.75rem,1.5vw,.875rem);transition:all .3s ease-in-out;display:flex;position:relative}.experiences .container .view-all-link:after{content:"";transform-origin:100%;background-color:#515256;width:100%;height:1px;transition:transform .3s ease-in-out;position:absolute;bottom:clamp(-3px,1.5vw,-2px);left:0;transform:scaleX(0)}.experiences .container .view-all-link svg{all:unset;transition:all .3s ease-in-out}@media (max-width:778px){.experiences .container .view-all-link svg{scale:.8}}.experiences .container .view-all-link:hover{color:#2a2b30}.experiences .container .view-all-link:hover:after{transform-origin:0;transform:scaleX(1)}.experiences .container .view-all-link:hover svg{transform:translate(clamp(-3px,1.5vw,-2px))rotate(45deg);color:inherit!important}.experiences .container .tabs{grid-template-columns:repeat(var(--tab-count),1fr);background-color:#f3f3f4;border-radius:.5rem;grid-template-rows:1fr;gap:clamp(.25rem,2vw,.5rem);width:100%;margin:clamp(.5rem,2vw,1rem) 0;padding:.25rem;display:grid;position:relative}.experiences .container .tabs .indicator{width:calc((100% - .5rem)/var(--tab-count));height:calc(100% - .5rem);transform:translateX(calc(var(--active-index)*100%));z-index:0;background-color:#fff;border-radius:.5rem;transition:all .3s ease-in-out;position:absolute;top:.25rem;left:.25rem}@media (max-width:778px){.experiences .container .tabs .indicator{display:none}}.experiences .container .tabs .tab{z-index:1;color:#a6a7a9;cursor:pointer;white-space:nowrap;text-align:center;background:0 0;border:none;border-radius:.5rem;flex:1 0 auto;justify-content:center;align-items:center;gap:clamp(.25rem,2vw,.5rem);padding:clamp(.25rem,2vw,.5rem) 0;font-size:clamp(.75rem,2vw,.875rem);font-weight:500;transition:color .3s ease-in-out;display:flex;position:relative}.experiences .container .tabs .tab svg{color:inherit!important;transition:all .3s ease-in-out!important}.experiences .container .tabs .tab.active{color:#2a2b30;font-weight:600}.experiences .container .tabs .tab.active svg{transition:all .3s ease-in-out;transform:scale(1.1);color:inherit!important}@media (max-width:778px){.experiences .container .tabs .tab .label{opacity:0;width:0;transition:all .3s ease-in-out;overflow:hidden}.experiences .container .tabs .tab svg{margin:0 .75rem;scale:1.1}.experiences .container .tabs .tab.active{background-color:#fff;flex:100%;padding-left:.75rem;padding-right:.75rem}.experiences .container .tabs .tab.active .label{opacity:1;width:auto}.experiences .container .tabs .tab.active svg{margin:0}}.experiences .container .timeline-wrapper{overflow:hidden}.experiences .container .timeline{flex-direction:column;padding:.5rem 0;display:flex}.experiences .container .languages{flex-direction:column;gap:0;display:flex}.experiences .container .languages .language{border-bottom:1px solid #e6e7e9;align-items:center;padding:1rem .5rem;display:flex}.experiences .container .languages .language:last-child{border-bottom:none}.experiences .container .languages .language .name{color:#2a2b30;flex:1;font-size:clamp(.875rem,2vw,1rem);font-weight:500}.experiences .container .languages .language .level{color:#6f7074;margin-right:1rem;font-size:clamp(.75rem,2vw,.875rem)}.experiences .container .languages .language .flag{align-items:center;display:inline-flex}.experiences .container .languages .language .flag svg{border-radius:.25rem;width:clamp(32px,4vw,44px);height:auto}.experiences .container .hire-me{background-color:#fafafa;border-radius:1rem;width:100%;height:400px;padding:clamp(1rem,2vw,1.5rem) clamp(1.5rem,2vw,2rem);position:relative;overflow:hidden}.experiences .container .hire-me .content{z-index:1;width:auto;padding:clamp(1rem,2vw,1.5rem) clamp(1.5rem,2vw,2rem);position:absolute;top:0;left:0}.experiences .container .hire-me .content .text{text-shadow:0 0 1px #fff;-webkit-text-stroke:1px #141518;-webkit-text-fill-color:#0000;width:clamp(300px,60vw,500px);font-size:clamp(2rem,2vw,2.5rem);font-weight:700;line-height:1.25}.experiences .container .hire-me .content .button{color:#fff;text-transform:capitalize;background-color:#2a2b30;border:2px solid #fafafa;border-radius:1rem;outline:none;justify-content:center;align-items:center;gap:.25rem;width:fit-content;margin-top:clamp(1.5rem,2vw,2rem);padding:clamp(.25rem,2vw,.5rem) clamp(1.125rem,2vw,1.5rem);font-size:clamp(1.25rem,2vw,1.5rem);transition:all .3s ease-in-out;display:flex}.experiences .container .hire-me .content .button svg{transition:all .3s ease-in-out}.experiences .container .hire-me .content .button:hover{background-color:#1e1f23}.experiences .container .hire-me .content .button:hover svg{translate:3px;scale:1.2}.experiences .container .hire-me .avatar{width:400px;height:inherit;position:absolute;bottom:clamp(.5rem,2vw,1rem);right:clamp(.5rem,2vw,1rem)}@media (max-width:460px){.experiences .container .hire-me .avatar{width:300px;height:300px}}.experiences .container .hire-me .avatar img{object-fit:contain;width:100%;height:100%}.experiences .container .empty{text-align:center;color:#6f7074;flex-direction:column;justify-content:center;padding:2rem 0;font-size:clamp(.75rem,2vw,.875rem);display:flex}