@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}.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(2n+1){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)}@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}}.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}.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:100px;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}}@media (max-width: 615px){footer .contact__link{display:none}}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:3rem}}.project{position:relative;height:100vh;width:100%;overflow:hidden;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;height:100vh;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}.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 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);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;backdrop-filter:saturate(180%) blur(20px)}@media (max-width: 615px){.header{position:absolute;backdrop-filter:none}}.header__nav{display:flex;font-weight:600;gap:2rem}@media (max-width: 615px){.header__nav{display:none}}.header__nav .link+.link{margin:0}.header__nav .link+.link:before{content: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}