@font-face{font-family:ClashDisplay-Variable;src:url(/fonts/ClashDisplay_Complete/Fonts/WEB/fonts/ClashDisplay-Variable.woff2) format("woff2"),url(/fonts/ClashDisplay_Complete/Fonts/WEB/fonts/ClashDisplay-Variable.woff) format("woff"),url(/fonts/ClashDisplay_Complete/Fonts/WEB/fonts/ClashDisplay-Variable.ttf) format("truetype");font-weight:200 700;font-display:swap;font-style:normal}@font-face{font-family:FogtwoNo5;src:url(/fonts/fogtwono5/FogtwoNo5.ttf) format("truetype");font-display:swap;font-style:normal}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}figure,img{display:block}img{width:100%}*{box-sizing:border-box;text-decoration:none}:root{--color_main: #ffd60a;--color_background: #FFFFFF;--color_typo: #000000;--font_default: "ClashDisplay-Variable";--font_secondary: "FogtwoNo5";--margin-header-desktop: 2rem}.hero{height:90vh;width:100%}.hero__intro{position:fixed;display:flex;justify-content:center;align-items:center;height:90vh;width:100%;top:50%;left:50%;transform:translate(-50%,-50%)}@media(max-width:789px){.hero__intro{top:0;transform:translate(-50%)}}.hero__title{position:relative;z-index:10}.hero__blur{position:absolute;height:88%;width:90%;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:8}.hero__background{opacity:.4}.hero__project{position:absolute;height:15vmin;width:12vmin;will-change:transform;-webkit-user-select:none;user-select:none}.hero__project img{width:100%;height:100%;object-fit:cover}.hero__project:nth-child(2n){animation:project_in_x .8s ease-out}.hero__project:nth-child(odd){animation:project_in_y .8s ease-out}.hero__project:nth-child(1){top:6vh;left:20vw}.hero__project:nth-child(2){top:36vh;left:25vw}.hero__project:nth-child(3){top:10vh;right:18vw}.hero__project:nth-child(4){top:42vh;right:8vw}.hero__project:nth-child(5){top:59vh;left:6vw}.hero__project:nth-child(6){top:54vh;right:34vw}@keyframes project_in_y{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes project_in_x{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.main{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;z-index:5;padding:0 4rem 1rem}@media(max-width:615px){.main{padding:0 2rem 1rem}}.main section,.main footer{max-width:1246px;margin-top:4rem}.main section{display:grid;grid-template-columns:1fr 3fr;width:100%}.main .title{margin-top:1rem}@media(max-width:615px){.main .title{display:flex}}.title__content{padding-bottom:4rem;border-bottom:1px solid var(--color_typo)}.title .cta{animation:scale_bounce .8s ease-in-out infinite .8s alternate}@media(max-width:1084px){.title .cta{justify-self:left}}@media(max-width:615px){.title .cta{position:fixed;bottom:4vh;left:50%;transform:translate(-50%);z-index:100;animation:scale_bounce_mob .8s ease-in-out infinite .8s alternate}}.title .cta p{animation:scale_bounce .8s ease-in-out infinite .8s alternate}.title__pitch{font-family:var(--font_default);font-size:3.5rem;font-weight:600}@media(max-width:1084px){.title__pitch{font-size:3rem}}@media(max-width:789px){.title__pitch{font-size:2.4rem}}.experiences__content,.certificates__content{display:grid;grid-template-columns:repeat(3,1fr);justify-content:space-between;gap:1rem}@media(max-width:615px){.experiences__content,.certificates__content{grid-template-columns:repeat(2,1fr);margin-top:2rem}}.experiences__item,.certificates__item{list-style:disc;line-height:140%}.about__content{display:flex;flex-direction:column;align-items:flex-end;gap:2rem}.about img{height:450px;width:40%;object-fit:cover}@media(max-width:1084px){.about img{width:60%}}@media(max-width:615px){.about img{height:240px}}.about__description{font-family:var(--font_default);font-size:1.5rem;width:80%;align-self:flex-start}.tools{overflow:hidden}.tools__display{display:flex;justify-content:center;align-items:center}.tools__display figure{position:relative;padding:6rem 0}.tools__display figure:before,.tools__display figure:after{position:absolute;display:block;top:50%;left:50%;transform:translate(-50%,-50%)}.tools__display figure:before{content:url(/front_tools.svg);height:18rem;width:18rem;animation:tools_anim 20s linear infinite}.tools__display figure:after{content:url(/back_tools.svg);height:12rem;width:12rem;animation:tools_anim 20s linear infinite reverse}.tools__display figure img{position:relative;height:6rem;width:6rem;z-index:2}@keyframes tools_anim{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}footer{position:relative;display:flex;flex-direction:column;align-items:center;height:17vw;max-height:200px;width:100%;overflow:hidden;font-family:var(--font_default)}@media(max-width:615px){footer{height:140px;max-height:500px}}footer .contact{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}@media(max-width:615px){footer .contact{display:flex;flex-direction:column;justify-content:space-between;gap:1rem}}footer .contact__socials{display:flex;gap:1rem}@media(max-width:615px){footer .contact__socials{gap:2rem}}footer .contact__socials a{position:relative;color:var(--color_font);padding-right:1rem}footer .contact__socials a:after{content:url(/arrow.svg);position:absolute;top:50%;right:0;transform:translateY(-50%);display:block;width:.8rem;height:.8rem;transition:transform .3s ease-out}footer .contact__socials a:hover:after{transform:translateY(-50%) rotate(45deg)}footer .contact :nth-child(2n){justify-self:center}footer .contact :last-child{justify-self:end}footer svg{position:absolute;top:2rem;height:auto;width:100%}@media(max-width:615px){footer svg{top:6rem}}@keyframes scale_bounce{0%{transform:scale(1)}to{transform:scale(1.1)}}@keyframes scale_bounce_mob{0%{transform:translate(-50%) scale(1)}to{transform:translate(-50%) scale(1.1)}}.project{position:relative;height:100vh;width:100%;background-color:var(--color_typo);transform:translateY(100vh);animation:intro_slide .6s ease-out forwards}.project__intro{position:absolute;top:0;left:0;height:100vh;width:100%;background-color:var(--color_main);transform:translateY(100vh);animation:intro_slide .6s ease-out forwards .3s}.project__content{position:relative;display:flex;flex-direction:column;align-items:center;background-color:var(--color_background);transform:translateY(100vh);animation:intro_slide .6s ease-out forwards .6s;overflow:scroll;z-index:5}.project__hero{height:45vh;width:100%;margin-top:3rem}@media(max-width:615px){.project__hero{height:35vh}}.project__hero img{width:100%;height:100%;object-fit:cover}.project__links{position:fixed;bottom:2rem;right:2rem;display:flex;flex-direction:column;max-width:900px;gap:1rem;z-index:50}.project__cta{display:flex;justify-content:center;align-items:center;width:4rem;height:4rem;padding:1rem 0;border-radius:50%;text-align:center;background-color:var(--color_main);font-family:var(--font_default);color:var(--color_typo);font-weight:500;transition:transform .3s ease-out}.project__cta svg{transform:scale(1.2)}.project__cta:hover{transform:scale(1.1)}.project__md{--title-margin: 2.5rem;max-width:900px;padding:1rem 4rem;font-family:var(--font_default);font-size:1.2rem;line-height:150%}.project__md h1{font-weight:700;font-size:2.5rem;margin:var(--title-margin) 0}.project__md h2{font-weight:600;font-size:2rem;margin:calc(var(--title-margin) * .8) 0}.project__md h3{font-weight:500;font-size:1.6rem;margin:calc(var(--title-margin) * .5) 0}.project__md p{margin-top:calc(var(--title-margin) * .3)}.project__md ul,.project__md ol{margin:calc(var(--title-margin) * .5) 0;padding-left:2rem}.project__md ul{list-style-type:disc}.project__md ol{list-style-type:decimal}.project__md li{margin:.5rem 0;line-height:160%}.project__md code{background-color:#0000000d;padding:.2rem .4rem;border-radius:4px;font-family:Courier New,Courier,monospace;font-size:.9em}.project__md pre{background-color:#0000000d;padding:1.5rem;border-radius:8px;overflow-x:auto;margin:calc(var(--title-margin) * .5) 0}.project__md pre code{background-color:transparent;padding:0;border-radius:0;font-size:.95rem}.project__md a{color:var(--color_typo);text-decoration:underline;transition:background-color .3s ease-out}.project__md a:hover{background-color:var(--color_main)}@keyframes intro_slide{0%{transform:translateY(100vh)}to{transform:translateY(0)}}.works__hero{position:relative;height:100vh;background-color:var(--color_background);-webkit-user-select:none;user-select:none}@media(max-width:789px){.works__hero{height:-webkit-fill-available;display:grid;grid-template-columns:100%}}.works__canvas{width:100%;height:100vh}html{font-style:var(--font-default);font-size:16px;color:var(--color_typo);background-color:var(--color_background)}@media(max-width:789px){html{font-size:14px}}*::selection{background:var(--color_main)}.text.size-xl{font-size:8rem}@media(max-width:615px){.text.size-xl{font-size:4.5rem}}.text.size-l{font-size:2.8rem}.text.size-m{font-size:1.8rem}.text.size-s{font-size:1rem}.text.color-typo{color:var(--color_typo)}.text.color-main{color:var(--color_main)}.text.color-background{color:var(--color_background)}.text.typo-main{font-family:var(--font_default)}.text.typo-secondary{font-family:var(--font_secondary)}.loader{position:fixed;top:0;left:0;display:flex;justify-content:center;align-items:center;height:100%;width:100%;background-color:#fff;z-index:200}.loader svg{animation:rotating 2.79s cubic-bezier(.65,.54,.12,.93) infinite}@keyframes rotating{0%{transform:rotate(-720deg)}to{transform:none}}.link{position:relative;cursor:pointer}.link:after{content:"";position:absolute;height:120%;width:120%;left:-10%;bottom:-3px;transform:scaleX(0);transition:transform .3s ease-in-out;transform-origin:left;background-color:var(--color_main);transform-origin:right;z-index:-1}.link:hover{position:relative}.link:hover:after{transform-origin:left;transform:scaleX(1)}.link+*{margin:0 0 0 1rem}.link+*:before{content:"/";position:absolute;left:-.75rem}.header{position:fixed;width:100%;display:flex;justify-content:space-between;align-items:center;font-weight:300;padding:1rem var(--margin-header-desktop);z-index:100;-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}@media(max-width:615px){.header{position:absolute;-webkit-backdrop-filter:none;backdrop-filter:none}.header p{font-size:.9rem!important}}.header__nav{display:flex}@media(max-width:615px){.header__nav{display:none}}.cta{display:flex;flex-direction:column;justify-content:center;align-items:center;height:8rem;width:8rem;justify-self:center;border:none;border-radius:50%;background-color:var(--color_main);font-weight:600;cursor:pointer;transition:width .3s ease-out,height .4s ease-out}.cta:hover{height:8.8rem;width:8.8rem}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#005cc5}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-comment,.hljs-code,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}