@font-face{font-family:Helvetica Now Display;src:local("Helvetica Now Display Medium"),local("Helvetica-Now-Display-Medium"),url(HelveticaNowDisplay-Medium.woff2) format("woff2"),url(HelveticaNowDisplay-Medium.woff) format("woff"),url(HelveticaNowDisplay-Medium.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:Garnett;src:url(./Garnett-Black.ttf) format("ttf");font-weight:300;font-style:normal}@font-face{font-family:Staff-Medium;font-display:swap;src:url(./Staff-Medium.woff2) format("woff2"),url(/fonts/Staff-Medium.woff) format("woff");font-style:normal}@font-face{font-family:Staff-Regular;font-display:swap;src:url(./Staff-Regular.woff2) format("woff2"),url(/fonts/Staff-Regular.woff) format("woff");font-style:normal}@font-face{font-family:Garnett;src:url(Garnett-Black.ttf) format("truetype");font-weight:300;font-style:normal}@font-face{font-family:diagramm;src:url(diagramm-light.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:diagramm;src:url(diagramm-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:diagramm;src:url(diagramm-medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:gilroy;src:url(Gilroy/Gilroy-Light.ttf) format("truetype");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:gilroy;src:url(Gilroy/Gilroy-Regular.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:gilroy;src:url(Gilroy/Gilroy-Bold.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:gilroy;src:url(Gilroy/Gilroy-Heavy.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:integral;src:url(integral.woff) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:changeling;src:url(changeling.otf) format("otf");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:GT America Expanded Bold;src:url(22b4c73e6141de7c9937f42cb58bdb4b.eot);src:url(22b4c73e6141de7c9937f42cb58bdb4b.eot?#iefix)format("embedded-opentype"),url(22b4c73e6141de7c9937f42cb58bdb4b.woff)format("woff"),url(22b4c73e6141de7c9937f42cb58bdb4b.woff2)format("woff2"),url(22b4c73e6141de7c9937f42cb58bdb4b.ttf)format("truetype"),url("22b4c73e6141de7c9937f42cb58bdb4b.svg#GT America Expanded Bold")format("svg");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:GT America Mono Bold;src:url(GT-America-Mono-Bold-Trial.otf);font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box;margin:0;padding:0;overflow:hidden}:root{--squareSize: 120px;width:100%;height:100%;-webkit-tap-highlight-color:transparent}body{font-family:gilroy,"sans-serif";font-size:16px;font-weight:300;color:#d2c9a0;color:#ece4b4;--mainColor: #FAAD17;--secondaryColor: #D2C9A0;--padding: 20px;background:radial-gradient(50% 50% at 50% 50%,#261915 0%,#100a08 100%);user-select:none;-webkit-font-smoothing:antialiased}@media (max-width: 768px){body{--padding: 10px}}h3{font-size:15px;font-style:normal;font-weight:700;line-height:normal;letter-spacing:0px;text-transform:uppercase}.background{width:100%;height:100%;position:absolute;background:transparent url(./grain.gif) repeat;opacity:.05;pointer-events:none}.background:after{content:"";position:absolute;width:2px;height:100%;left:50%;background:#ffffff;opacity:0}.background:before{content:"";position:absolute;width:100%;height:2px;top:54%;background:#ffffff;opacity:0}.background-image{width:100%;height:100%;position:absolute;background-image:url(./bg.jpg);background-size:cover;background-position:center;opacity:.2;mix-blend-mode:multiply}.background-video{width:100%;height:100%;position:absolute;opacity:.2;mix-blend-mode:multiply}.fullscreen{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;transition:all 1s}.bg{background:#101010}.fullscreen.notready{color:#606060}.menu{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;color:gray;padding:40px;pointer-events:none;justify-content:center;align-items:flex-end;flex-direction:row;font-size:10px;line-height:1.5em}.menu.left{justify-content:flex-start}.menu.right{justify-content:flex-end}.menu>div{word-wrap:none;word-break:none;white-space:pre;padding-left:25px;padding-right:25px;display:flex;justify-content:flex-start;align-items:flex-start;flex-direction:column}.menu>div b{font-weight:600;color:#b0b0b0}.fullscreen.ready>div{cursor:pointer}.fullscreen.clicked{pointer-events:none;opacity:0}.menu a{pointer-events:all;cursor:pointer;color:inherit;text-decoration:none}.menu a:hover{text-decoration:underline;color:inherit}@keyframes fade-in{0%{opacity:0}to{opacity:1}}canvas{opacity:0;touch-action:none;animation:fade-in 2s ease .5s forwards}.header{position:relative;width:100%;padding:var(--padding);display:flex;flex-direction:row;justify-content:space-between}.name-job{align-self:flex-start;display:flex;flex-direction:column}.name{font-family:gilroy;color:var(--mainColor);font-size:30px;font-weight:600}.job{position:relative;font-weight:500;align-self:flex-end;top:-5px}.contact{text-transform:uppercase;display:flex;flex-direction:row;font-weight:500;gap:10px}@media (max-width: 768px){.name-job{align-self:center}.contact{display:none}}.projects{position:absolute;top:0;width:100vw;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:none}.project{position:absolute;top:71%;text-transform:uppercase;align-self:flex-start;display:flex;flex-direction:column;margin-left:calc(50vw - 34vh);pointer-events:none}@media (max-width: 768px){.project{padding:var(--padding);margin-left:0;top:auto;font-size:clamp(10px,3.4vw,14px);bottom:0}}.project__description{font-size:22px;font-weight:500}.project__stack{margin-top:3px;color:var(--mainColor)}.project__link{margin-top:5px;font-weight:500}.project-anim{position:relative;line-height:100%;pointer-events:all;width:100%;display:inline}.project-anim__letter{position:relative;display:inline-block}.project-anim__letter_space{margin-right:5px}.underline{position:absolute;left:0;bottom:0px;width:100%;height:1px;background-color:var(--secondaryColor);transform-origin:0% 50%}.link-over{position:absolute;width:50%;height:60%;bottom:0;pointer-events:all}.link-arrow{position:absolute;top:0px;left:0}@media (max-width: 768px){.link-over{height:100%;width:100%}}.social-link{position:relative;height:20px;top:0px;width:100px}.social-anim{position:absolute;line-height:100%;pointer-events:all;display:inline}.social-anim__letter{float:left;will-change:transform;margin-right:0}.social-anim__letter_space{margin-right:5px}.social-over{position:absolute;width:100%;height:100%;top:-10%;pointer-events:all}.title-backgrounds{position:absolute;width:100%;height:100%}.title-background{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:space-between;align-items:center}.title-background__cut{font-family:integral;color:var(--mainColor);text-transform:uppercase;opacity:.02;height:49vh;font-size:52vh;width:400%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.title-anim{position:relative;line-height:100%}.title-anim__letter{position:relative;display:inline-block}