:root{--black: #040404;--lightGrey: #aaabb2;--primary: #f8f4a6;--gutter: 1rem;--textColor: var(--lightGrey);--primaryFont: "Hanken Grotesk", sans-serif;--font-size-body: clamp(1.125rem, 2.204rem, 1.5rem);--pagePadding: 2.4rem}@media screen and (min-width:992px){:root{--pagePadding: 8rem;--gutter: 1.5rem}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;line-height:1.5}img,picture,video,canvas,svg{display:block;max-width:100%}button,input,select,textarea{font:inherit}button{-webkit-appearance:none;border-radius:0;text-align:inherit;background:none;box-shadow:none;padding:0;cursor:pointer;border:none;color:inherit;font:inherit}*:focus{outline:none!important}html{font-size:80%;scroll-padding-top:1.875rem}@media screen and (min-width:375px){html{font-size:100%}}@media screen and (min-width:1200px){html{scroll-padding-top:3rem}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:clamp(1.125rem,.794rem + 1.41vw,1.5rem);font-family:var(--primaryFont);font-weight:500;letter-spacing:-.01em;color:var(--textColor);line-height:1.5;background:var(--black)}main{padding:var(--gutter)}a{color:inherit;text-underline-offset:.15em;text-decoration-thickness:1px;font-weight:500;transition:text-decoration .2s ease-in-out}@media(hover:hover){a:hover{text-decoration-color:transparent}a:focus-visible{text-decoration-color:transparent}}h1,h2,h3,h4,h5,p{margin:0}.fade{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px);transition:opacity .6s cubic-bezier(.215,.61,.355,1),transform .6s cubic-bezier(.215,.61,.355,1),-webkit-transform .6s cubic-bezier(.215,.61,.355,1)}.fade.is-show{opacity:1;-webkit-transform:none;transform:none;-webkit-transition-delay:.3s;transition-delay:.3s}.cursor{display:none;width:2rem;height:2rem;border-radius:50%;background-color:var(--primary);position:fixed;top:0;left:0;pointer-events:none;z-index:9999;transform:translate(-50%,-50%) scale(1);mix-blend-mode:difference;transition:width .4s cubic-bezier(.215,.61,.355,1),height .4s cubic-bezier(.215,.61,.355,1);align-items:center;justify-content:center}.cursor__icon{opacity:0;width:50%;transition:opacity .2s ease;color:var(--black)}.cursor__icon svg{width:100%;height:auto}.cursor.is-expanded{width:5rem;height:5rem}.cursor.is-expanded .cursor__icon{opacity:1}@media(pointer:fine){.cursor.is-visible{display:flex}}.header{background:var(--primary);color:var(--black);border-bottom:1px solid var(--black);position:absolute;height:4.125rem;width:calc(100% - 2 * var(--gutter));top:var(--gutter);left:var(--gutter);overflow:hidden;transition:height .8s cubic-bezier(.19,1,.22,1)}.header.open{height:calc(100dvh - 2 * var(--gutter))}.header__inner{padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;height:4.125rem}.header__initials{font-size:clamp(1.25rem,.9191rem + 1.4118vw,1.625rem);letter-spacing:-.06em;font-weight:700;text-decoration:none}.header__nav-toggle{width:3rem;display:flex;flex-direction:column;gap:.625rem;padding:.5rem 0}@media screen and (min-width:768px){.header__nav-toggle{width:5rem}}.header__nav-toggle span{height:1px;background:var(--black);display:block;transform:none;transition:transform .5s cubic-bezier(.19,1,.22,1)}@media(hover:hover)and (pointer:fine){.header__nav-toggle:hover span:nth-child(2){transform:scaleX(.5)}.header__nav-toggle:focus-visible span:nth-child(2){transform:scaleX(.5)}}.nav{position:absolute;top:4.125rem;left:0;height:calc(100% - 4.125rem);background:var(--primary);width:100%;padding:var(--gutter)}.nav__list{list-style:none;margin:0;padding:0;display:grid;gap:.625rem;opacity:0;transform:translate(-2em);transition:opacity 1s cubic-bezier(.19,1,.22,1),transform 1s cubic-bezier(.19,1,.22,1)}.header.open .nav__list{opacity:1;transform:none;transition-delay:.3s}.nav__link{font-size:clamp(3.125rem,2.0221rem + 4.7059vw,4.375rem);line-height:1.033;text-decoration:none}.nav__link span{transform:none;display:inline-block;transition:transform .6s cubic-bezier(.19,1,.22,1)}@media(hover:hover)and (pointer:fine){.nav__link:hover span{transform:translate(.3em)}.nav__link:focus-visible span{transform:translate(.3em)}}.footer{background-color:var(--primary);color:var(--black);container-type:inline-size;width:100%;padding:var(--gutter);display:grid;gap:10rem}@media screen and (min-width:1200px){.footer{gap:21rem}}.footer__cta-title{font-size:clamp(1.375rem,1.0441rem + 1.4118vw,1.75rem);margin-bottom:1rem;font-weight:500;letter-spacing:-.02em}.footer__cta-link{text-decoration:none;line-height:.87;font-size:min(10cqi,5.625rem);letter-spacing:-.05em}.footer__cta-link span{transform:none;display:inline-block;transition:transform .6s cubic-bezier(.19,1,.22,1)}@media(hover:hover)and (pointer:fine){.footer__cta-link:hover span{transform:translate(.3em)}.footer__cta-link:focus-visible span{transform:translate(.3em)}}.footer__footer{display:flex;flex-direction:column;gap:min(4.17vw,2rem);font-size:clamp(1rem,2.1397rem,1.375rem);letter-spacing:-.02em;line-height:1.27;flex-direction:row;justify-content:space-between;align-items:flex-end}@media screen and (min-width:768px){.footer__footer{gap:min(5.3vw,4rem)}}.project{padding:calc(2 * var(--gutter)) var(--gutter);font-size:clamp(1.125rem,1.0147rem + .4706vw,1.25rem);background:transparent;text-decoration:none;position:relative;transition:all .5s cubic-bezier(.19,1,.22,1);margin:0 calc(-1 * var(--gutter));display:flex;justify-content:space-between;align-items:flex-start}@media screen and (min-width:768px){.project{padding:var(--gutter)}}@media screen and (min-width:1200px){.project{gap:5.5rem}}@media(hover:hover)and (pointer:fine){.project:hover{background:var(--primary);color:var(--black)}.project:hover .project__arrow{opacity:1}.project:focus-visible{background:var(--primary);color:var(--black)}.project:focus-visible .project__arrow{opacity:1}}.project:after{content:"";display:block;width:calc(100% - 2 * var(--gutter));height:1px;background:currentColor;position:absolute;bottom:-1px;left:var(--gutter)}.project__details{display:grid;gap:.5rem;text-wrap:pretty}@media screen and (min-width:1200px){.project__details{max-width:60%}}.project__name{font-size:clamp(1.375rem,1.0441rem + 1.4118vw,1.75rem);font-weight:600}.project__skills{font-size:1rem}.project__view-link{justify-self:end}.project__arrow{width:1.5rem;height:auto;flex-shrink:0;transition:opacity .5s cubic-bezier(.19,1,.22,1)}@media(hover:hover)and (pointer:fine){.project__arrow{opacity:0;width:2.5rem}}.hero{background-color:var(--primary);color:var(--black);container-type:inline-size;width:100%;padding:calc(2 * var(--gutter) + 4.125rem) var(--gutter) calc(2 * var(--gutter))}@media screen and (min-width:768px){.hero{padding:calc(var(--gutter) + 4.125rem) var(--gutter) var(--gutter)}}.hero__footer{display:flex;flex-direction:column;gap:min(4.17vw,2rem);font-size:clamp(1rem,2.1397rem,1.375rem);letter-spacing:-.02em;line-height:1.27}@media screen and (min-width:768px){.hero__footer{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:min(5.3vw,4rem)}}.hero__title{font-weight:500;font-size:18.6cqi;letter-spacing:-.07em;white-space:nowrap;line-height:1;margin-block-end:min(4.17vw,2rem)}@media screen and (min-width:768px){.hero__title{margin-block-end:min(5.3vw,4rem)}}.hero__subtitle{max-width:18.76rem}@media screen and (min-width:768px){.hero__links{justify-self:end}}.about{margin-block:5rem 7.5rem;display:grid;gap:1.5rem;scroll-padding-top:5rem}@media screen and (min-width:1200px){.about{scroll-padding-top:7.5rem;margin-block:7.5rem 11.5rem;grid-template-columns:2fr 3fr;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:5.5rem}}.about__title{font-weight:500;font-size:clamp(2.5rem,.7109rem + 7.6336vw,4.375rem);line-height:.88;letter-spacing:-.03em}@media screen and (min-width:1200px){.about__title{font-size:clamp(2.5rem,1.5434rem + 4.0816vw,5.625rem)}}.work{display:grid;gap:2.5rem}.work__title{font-weight:500;font-size:clamp(2.5rem,.7109rem + 7.6336vw,4.375rem);line-height:.88;letter-spacing:-.03em;display:flex;overflow:hidden;align-items:center}@media screen and (min-width:1200px){.work__title{font-size:clamp(4.375rem,2.1528rem + 4.6296vw,5.625rem)}}.work__title h2{font:inherit}.work__title span{-webkit-user-select:none;user-select:none;display:flex;align-items:center;opacity:.1}.work__title span:before{content:"";display:block;margin:1rem;width:.625rem;height:.625rem;border-radius:50%;background:currentColor}.experience{margin-block:7.5rem 5rem;display:grid;gap:2.5rem}@media screen and (min-width:1200px){.experience{margin-block-end:7.5rem}}.experience__title{font-weight:500;font-size:clamp(2.5rem,.7109rem + 7.6336vw,4.375rem);line-height:.88;letter-spacing:-.03em;display:flex;overflow:hidden;align-items:center}@media screen and (min-width:1200px){.experience__title{font-size:clamp(4.375rem,2.1528rem + 4.6296vw,5.625rem)}}.experience__title h2{font:inherit}.experience__title span{-webkit-user-select:none;user-select:none;display:flex;align-items:center;opacity:.1}.experience__title span:before{content:"";display:block;margin:1rem;width:.625rem;height:.625rem;border-radius:50%;background:currentColor}.experience__list{list-style:none;margin:0;padding:0;font-size:clamp(1.125rem,1.0147rem + .4706vw,1.25rem)}.experience__list-item{border-bottom:1px solid;padding:.75rem 0;display:flex;flex-direction:column}@media screen and (min-width:768px){.experience__list-item{gap:.75rem;flex-direction:row;justify-content:space-between}}.error{padding:calc(var(--gutter) + 4.125rem) var(--gutter) var(--gutter);background:var(--primary);color:var(--black);min-height:calc(100dvh - 2 * var(--gutter))}.error__title{font-weight:500;font-size:18.6cqi;letter-spacing:-.07em;line-height:.87;margin-block-end:2rem}.error__link{text-decoration:none;display:inline-flex;align-items:center;gap:1rem;margin-block:2rem}.error__link span{display:inline-block;transform:none;transition:transform .6s cubic-bezier(.19,1,.22,1)}@media(hover:hover)and (pointer:fine){.error__link:hover span{transform:translate(.3em)}.error__link:focus-visible span{transform:translate(.3em)}}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-property:overflow;transition-duration:1ms;transition-behavior:allow-discrete}