.introduction.section{background-image:-webkit-image-set(url(../images/background-mobile-x1.avif) type("image/avif") 1x,url(../images/background-mobile-x2.avif) type("image/avif") 2x,url(../images/background-mobile-x1.webp) type("image/webp") 1x,url(../images/background-mobile-x2.webp) type("image/webp") 2x);background-image:image-set(url(../images/background-mobile-x1.avif) type("image/avif") 1x,url(../images/background-mobile-x2.avif) type("image/avif") 2x,url(../images/background-mobile-x1.webp) type("image/webp") 1x,url(../images/background-mobile-x2.webp) type("image/webp") 2x);background-position:center bottom var(--background-position-y);background-repeat:no-repeat;background-size:cover;gap:64px;justify-content:space-around;min-height:100svh;padding-block:128px 64px}@media (min-width:1024px){.introduction.section{background-image:-webkit-image-set(url(../images/background-desktop-x1.avif) type("image/avif") 1x,url(../images/background-desktop-x2.avif) type("image/avif") 2x,url(../images/background-desktop-x1.webp) type("image/webp") 1x,url(../images/background-desktop-x2.webp) type("image/webp") 2x);background-image:image-set(url(../images/background-desktop-x1.avif) type("image/avif") 1x,url(../images/background-desktop-x2.avif) type("image/avif") 2x,url(../images/background-desktop-x1.webp) type("image/webp") 1x,url(../images/background-desktop-x2.webp) type("image/webp") 2x)}}@supports (animation-timeline:view()) and (animation-range:exit-crossing 0% exit 100%){@media (prefers-reduced-motion:no-preference){.introduction.section{animation:scroll-parallax linear both;animation-timeline:view();animation-range:exit-crossing 0 exit 100%}}}.introduction h1{color:#fff;font-size:2em;padding-inline:1em;text-align:center;text-shadow:0 0 10px #000;transition:font-size var(--transition)}@media (min-width:576px){.introduction h1{font-size:3em}}@media (min-width:1024px){.introduction h1{font-size:4em}}.introduction h1:after{animation:blink 1s step-start infinite;content:"|";font-weight:var(--font-weight-light)}.introduction-cv{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.introduction-scroll{--focus-radius:99px;--focus-offset:2px;border-radius:99px;color:#fff;opacity:.75}.introduction-scroll-image{display:flex}@keyframes blink{50%{opacity:0}}@property --background-position-y{syntax:"<length>";inherits:false;initial-value:0}@keyframes scroll-parallax{0%{--background-position-y:0px}to{--background-position-y:-33.33333svh}}.about-profile{aspect-ratio:1/1;background-color:var(--c-background-1);border:6px solid var(--c-background-3);border-radius:50%;box-shadow:inset 0 0 0 1px var(--c-border),0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f;flex:0 1 312px;-o-object-fit:cover;object-fit:cover}.about-profile-container{display:flex;justify-content:center;--scroll-animation-y:48px}@media (min-width:1024px){.about-profile-container{--scroll-animation-y:0;--scroll-animation-x:-48px}}.about-content{display:flex;flex-direction:column;gap:16px;justify-content:center;--scroll-animation-y:48px}@media (min-width:1024px){.about-content{--scroll-animation-y:0;--scroll-animation-x:-48px}}.about-text{transition:font-size var(--transition)}@media (min-width:1024px){.about-text{font-size:1.125em}}.about-text strong{font-weight:var(--font-weight-bold)}.hexagon{color:var(--c-primary);display:flex;padding:3px;fill:currentcolor}.hexagon,.hexagon:after,.hexagon:before{border:solid;border-width:3px 0;height:200px;width:115.47px}.hexagon:after,.hexagon:before{top:-3px}.hexagon,.hexagon-content{position:relative}.hexagon-content:after,.hexagon-content:before,.hexagon:after,.hexagon:before{box-sizing:border-box;content:"";left:0;position:absolute}.hexagon-content:before,.hexagon:before{transform:rotate(60deg)}.hexagon-content:after,.hexagon:after{transform:rotate(-60deg)}.hexagon-content{align-items:center;border:solid;border-width:1px 0;display:flex;flex-direction:column;flex-grow:1;height:188px;justify-content:center;width:109.47px}.hexagon-content:after,.hexagon-content:before{border:solid;border-width:1px 0;height:188px;top:-1px;width:109.47px}.hexagon-turned{transform:rotate(90deg)}.hexagon-turned .hexagon-content>*{transform:rotate(-90deg)}.skill{cursor:pointer;font-size:1.5em}.skill-name{transform:translateY(0);transition:transform var(--transition)}@media (hover:none) and (pointer:coarse){.skill-name{transform:translateY(-2.5rem)}}.skill:focus .skill-name,.skill:hover .skill-name{transform:translateY(-2.5rem)}.skill-score{display:flex;flex-wrap:wrap;justify-content:center;opacity:0;position:absolute;top:60%;transform:translateY(0);transition:var(--transition)}@media (hover:none) and (pointer:coarse){.skill-score{opacity:1;outline:none;transform:translateY(-2.5rem)}}.skill:focus .skill-score,.skill:hover .skill-score{opacity:1;outline:none;transform:translateY(-2.5rem)}.skill-score .icon{height:1.75rem;margin-top:.75rem;width:50%}.skills-container{background:url(../images/bee.svg) top;background-position-x:calc(50% - 30.8675px);display:flex;justify-content:center;overflow:clip;width:100%}@media (min-width:576px){.skills-container{background-position-x:calc(50% - 117.47px)}}@media (min-width:1024px){.skills-container{background-position-x:calc(50% + 55.735px)}}@media (min-width:1400px){.skills-container{background-position-x:calc(50% - 117.47px)}}.skills-wrapper{display:flex;flex-wrap:wrap;padding-bottom:101.5px}.skills-wrapper>*{margin:0 171.205px -101.5px 55.735px}@media (max-width:575px){.skills-wrapper{width:400.145px}.skills-wrapper>:nth-child(2n){margin-left:226.94px;margin-right:55.735px}}@media (min-width:576px) and (max-width:1023px){.skills-wrapper{width:573.35px}.skills-wrapper>:nth-child(3n+2){margin-right:55.735px}.skills-wrapper>:nth-child(3n+3){margin-left:226.94px}}@media (min-width:1024px) and (max-width:1399px){.skills-wrapper{width:911.76px}.skills-wrapper>:nth-child(5n+3){margin-right:55.735px}.skills-wrapper>:nth-child(5n+4){margin-left:226.94px}}@media (min-width:1400px){.skills-wrapper{width:1258.17px}.skills-wrapper>:nth-child(7n+4){margin-right:55.735px}.skills-wrapper>:nth-child(7n+5){margin-left:226.94px}}.job{--scroll-animation-y:48px;display:flex;flex-direction:column;gap:16px}.job-header{align-items:center;display:grid;gap:4px .3em;grid:"a b" "c c";grid-template-columns:auto 1fr}.job-title{color:var(--c-primary);font-weight:var(--font-weight-bold);grid-area:a;padding-left:48px}.job-title-anchor{position:relative}.job-title-anchor:before{background-color:var(--c-background-bg);border:3px solid transparent;box-shadow:0 0 0 3px var(--c-primary);box-sizing:border-box;content:"";height:12px;left:14.3923048454px;position:absolute;top:calc(50% - 6px);transform:rotate(45deg);width:12px}.job-contract{color:var(--c-primary);font-weight:var(--font-weight-light);grid-area:b}.job-time{color:var(--c-text-secondary-3);font-size:.875rem;grid-area:c;padding-left:48px}.job-description{padding-left:48px;white-space:pre-line}.experience{display:flex;flex-direction:column;gap:32px}.experience-header{--scroll-animation-y:48px;font-size:1.5em;font-weight:var(--font-weight-bold);padding-left:64px;position:relative}.experience-header:before{background-color:var(--c-background-bg);border:3px solid transparent;box-shadow:0 0 0 3px var(--c-primary),inset 0 0 0 1px var(--c-primary);box-sizing:border-box;content:"";height:24px;left:8.7846096908px;position:absolute;top:calc(50% - 12px);transform:rotate(45deg);width:24px}.experiences-wrapper{display:flex;flex-direction:column;gap:32px;position:relative;width:min(90vw,576px)}.experiences-wrapper:before{background-image:linear-gradient(180deg,var(--c-primary) 2px,var(--c-background-bg) 2px,var(--c-background-bg) 6px,var(--c-primary) 6px,var(--c-primary) 12px,var(--c-background-bg) 12px,var(--c-background-bg) 16px,var(--c-primary) 16px,var(--c-primary) 28px,var(--c-background-bg) 28px,var(--c-background-bg) 32px,var(--c-primary) 32px,var(--c-primary) 90%,var(--c-background-bg));content:"";height:100%;left:19.2846096908px;position:absolute;top:0;width:3px}.information{--scroll-animation-y:48px;align-items:center;display:flex;flex-direction:column}.information-icon{height:4em}.information-link{align-items:center;border-radius:var(--border-radius-regular);display:flex;flex-direction:column;gap:8px;margin-top:24px;padding:8px 16px;text-decoration:none}.tool{--scroll-animation-y:64px;cursor:pointer;display:flex;justify-content:center;position:relative}.tool-icon{height:80px;width:100%;fill:var(--c-primary)}.tool-text{color:var(--c-primary);left:0;margin-inline:-16px;opacity:0;position:absolute;text-align:center;top:100%;transform:translateY(-100%);transition:transform var(--transition),opacity var(--transition);width:calc(100% + 32px)}.tool:focus .tool-text,.tool:hover .tool-text{opacity:1;transform:translateY(20%)}