@view-transition{navigation:auto}@keyframes move-out{0%{transform:translateY(0)}to{transform:translateY(-100%)}}@keyframes move-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}::view-transition-old(root){animation:.4s ease-in both move-out}::view-transition-new(root){animation:.4s ease-in both move-in}@font-face{font-display:swap;font-family:Host Grotesk;font-style:normal;font-weight:500;src:url(/_astro/host-grotesk-v5-latin-500.B7155YqD.woff2) format("woff2")}@font-face{font-display:swap;font-family:Host Grotesk;font-style:normal;font-weight:700;src:url(/_astro/host-grotesk-v5-latin-700.C2wxdkf9.woff2) format("woff2")}:root{--font-fam: "Host Grotesk", sans-serif;--font-bold: 700;--font-medium: 500;--font-size-xs: clamp(.8125rem, .7841rem + .1212vw, .875rem);--font-size-s: clamp(.875rem, .7446rem + .4348vw, 1rem);--font-size-m: clamp(1rem, .7391rem + .8696vw, 1.25rem);--font-size-l: clamp(1.125rem, .7337rem + 1.3043vw, 1.5rem);--font-size-xl: clamp(1.5rem, .3261rem + 3.913vw, 2.625rem);--font-size-xxl: clamp(2rem, 1.4674rem + 2.6087vw, 3rem);--font-size-giga: clamp(6.875rem, 4.0625rem + 12.5vw, 13.75rem);--color-dark: #191919;--color-light: #EFEDEA;--color-grey: #D9D9D9;--color-grey-text: #797877;--breakpoint-xs: 0;--breakpoint-sm: 576px;--breakpoint-md: 768px;--breakpoint-lg: 992px;--breakpoint-xl: 1200px;--breakpoint-xxl: 1400px;--padding-inline: clamp(1.875rem, 1.0227rem + 3.6364vw, 3.75rem);--padding-block: clamp(2.5rem, 1.3636rem + 4.8485vw, 5rem);--section-padding: var(--padding-block) var(--padding-inline);--gap: clamp(1.5rem, 1.0455rem + 1.9394vw, 2.5rem)}*,*:before,*:after{box-sizing:border-box}*:not(dialog){margin:0}@media(prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.15;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}body{font-family:var(--font-fam);background-color:var(--color-light);color:var(--color-dark);font-weight:var(--font-medium)}.nav{overflow:hidden;display:flex;justify-content:space-between;background-color:var(--color-dark);padding-top:clamp(1.75rem,2.25rem,2.75rem);padding-inline:var(--padding-inline)}.nav .right{display:flex;justify-content:flex-end}.nav a{padding-inline:1rem;display:block;font-family:var(--font-fam);font-weight:var(--font-medium);font-size:var(--font-size-s);color:var(--color-light);text-decoration:none}.nav a .bold{font-weight:var(--font-bold)}.nav a:first-child{padding-left:0}.nav a:last-child{padding-right:0}.nav #menu-toggle{display:none}@media screen and (max-width:600px){.nav.nav--open{position:relative}.nav.nav--open #menu-toggle{position:absolute;right:0;top:0}.nav.nav--open a{float:none;display:block;text-align:right}}.menu-toggle__bar1,.menu-toggle__bar2{display:block;width:45px;height:2px;background-color:var(--color-light);margin:4px 0;transition:.3s}.menu-toggle__bar2{width:35px}.menu-toggle--open .menu-toggle__bar1{transform:translateY(7px) rotate(-45deg)}.menu-toggle--open .menu-toggle__bar2{opacity:0}.menu-toggle--open .menu-toggle__bar3{transform:translateY(-7px) rotate(45deg)}.main{display:flex;flex-direction:column;min-width:100%}.main section{width:100%}.main .content{max-width:var(--breakpoint-xl);margin-inline:auto;padding:var(--section-padding)}.main .project-content{display:flex;flex-direction:column;gap:clamp(1.5rem,1.0417rem + 2.0952vw,2.875rem)}#project-detail .project-content .text-container h2{margin-top:1rem}.bg-dark{background-color:var(--color-dark);color:var(--color-light)}.d-block{display:block}.giga{font-size:var(--font-size-giga);line-height:1;margin-bottom:2rem}h1,h2,h3{font-weight:var(--font-bold)}h1{font-size:var(--font-size-xxl)}h1 .preheadline{font-size:var(--font-size-l);margin-bottom:.75rem}h2{font-size:var(--font-size-giga)}h3{font-size:var(--font-size-xxl)}.intro{font-size:var(--font-size-xl);font-weight:var(--font-bold);line-height:1.2;margin-top:1rem}.big-text{font-size:var(--font-size-l);line-height:1.3;margin-block:1.5rem}#work h2{margin:2rem 0}.footer{display:flex;justify-content:space-between;padding-block:clamp(1.25rem,1.75rem,2.25rem);padding-inline:var(--padding-inline);font-size:.9375rem}.footer a{color:var(--color-light);text-decoration:none;display:inline-block;margin-right:1rem}.footer small{font-size:.9375rem}.content ul{margin:2rem 0}ul.finger-pointer{list-style:none}ul.finger-pointer li{font-size:var(--font-size-l);margin-bottom:1.25rem;list-style-type:"👉  "}.btn{display:inline-block;background-color:var(--color-light);border:1px solid var(--color-dark);color:var(--color-dark);font-size:var(--font-size-m);font-weight:var(--font-bold);padding:clamp(.75rem,.7841rem + .1212vw,.9rem) clamp(1rem,.7841rem + .15vw,1.1rem);border-radius:12px;text-decoration:none;margin-top:1.25rem;position:relative;overflow:hidden;transition:all .3s ease}.bg-dark .btn{background-color:var(--color-dark);border:1px solid var(--color-light);color:var(--color-light);background:linear-gradient(#fff 0 0) no-repeat calc(200% - var(--p, 0%)) 100% / 200% var(--p, .2em);transition:.3s var(--t, 0s),background-position .3s calc(.3s - var(--t, 0s))}.bg-dark .btn:hover{--p: 100%;--t: .3s;color:var(--color-dark)}.bg-dark .icon-arrow-right:hover .icon{background-image:url(/assets/img/arrow-right-dark.svg)}.bg-dark .no-border{border:0 none}.icon-btn{display:inline-flex;gap:.5rem;justify-content:center;align-items:center}.icon{display:inline-block;height:20px;width:20px;background-image:url(/assets/img/arrow-right.svg);background-size:20px 20px;background-repeat:no-repeat;background-position:center center}.icon-arrow-left .icon{rotate:180deg}#about .btn{margin-bottom:1rem}.work-list{display:flex;flex-direction:column}.work-item:not(:last-child){margin-bottom:2.5rem}.work-item-thumb{object-fit:cover;background-color:var(--color-grey);color:var(--color-grey-text);border-radius:9px;min-height:175px;display:flex;align-items:center;justify-content:center}.work-item-caption{padding-top:1.25rem;display:flex;justify-content:space-between}.work-item-caption h3{font-size:var(--font-size-m);max-width:50%}.work-item-caption p{font-size:var(--font-size-s);color:var(--color-grey-text);max-width:50%}.nav-project-title{font-size:var(--font-size-s);color:var(--color-grey-text);font-weight:500;display:inline-block;text-indent:.25rem}.work-tags{display:flex;flex-wrap:wrap;row-gap:8px;padding-top:1rem}.tag{background-color:var(--color-dark);color:var(--color-light);font-size:var(--font-size-xs);border-radius:12px;padding:6px 12px;margin-right:8px}.tag:last-child{margin-right:0}.project-page h1{max-width:680px}.project-page .intro{font-size:var(--font-size-l);font-weight:var(--font-medium);margin-top:0;line-height:1.35;margin-bottom:1.5rem}h3.project-tasks{font-size:var(--font-size-m);margin-top:clamp(2rem,3rem,4rem)}.content .project-tasks-list{margin-top:1.5rem}.project-tasks-list li{font-size:var(--font-size-s)}.project-tasks-list li:not(:last-child){margin-bottom:.75rem}.visit-project{text-align:right}.project-page .image{margin-block:clamp(.625rem,.3693rem + 1.1364vw,1.25rem);border-radius:9px;background-color:var(--color-grey);color:var(--color-grey-text);object-fit:cover;min-height:220px;max-width:100%}.project-page .image img{height:auto}#project-detail h2{font-size:var(--font-size-xl);font-weight:var(--font-bold);margin-top:clamp(2rem,3rem,4rem);margin-bottom:clamp(1.5rem,2rem,2.5rem)}#project-detail p:not(.intro){font-size:var(--font-size-m);line-height:1.3;margin-bottom:clamp(1rem,1.5rem,2rem)}.arrow-nav{display:flex;justify-content:space-between;align-items:center;padding-inline:1rem;padding-block:1.5rem}.arrow-nav .btn{margin:0;font-size:var(--font-size-s)}.scroll-container{height:500px;width:100%;overflow-y:auto;cursor:ns-resize}.scroll-container img{width:100%;height:auto;display:block}#about h2{font-size:clamp(6.875rem,4.0625rem + 12.5vw,13.75rem)}#about h3{margin:2.5rem 0 2rem}.about-page .intro{margin-bottom:clamp(2rem,.923rem + 4.923vi,4rem)}.about-page h2{line-height:1}.about-page h3{margin-top:1rem;margin-bottom:2rem}.list-2col{display:flex;flex-direction:column;gap:1.5rem;padding-top:3rem}.content .list-2col ul{margin:0}#contact h2{line-height:.8}#contact h2 span{display:block;text-indent:2.3rem}#contact .intro{font-size:var(--font-size-l);line-height:1.2;margin:3rem 0 2rem}#contact .email-link{display:inline-block;font-size:var(--font-size-xl);font-weight:var(--font-bold);color:var(--color-dark);text-decoration:none;margin-bottom:1rem}#contact .email-link span:not(.emo){text-decoration:underline}#email-container a{color:var(--color-dark)}.text-focus-in{-webkit-animation:text-focus-in 1s cubic-bezier(.55,.085,.68,.53) both;animation:text-focus-in 1s cubic-bezier(.55,.085,.68,.53) both}@-webkit-keyframes text-focus-in{0%{-webkit-filter:blur(12px);filter:blur(12px);opacity:0}to{-webkit-filter:blur(0px);filter:blur(0px);opacity:1}}@keyframes text-focus-in{0%{-webkit-filter:blur(12px);filter:blur(12px);opacity:0}to{-webkit-filter:blur(0px);filter:blur(0px);opacity:1}}@media screen and (min-width:576px){.work-list{flex-direction:row;gap:var(--gap);flex-wrap:wrap}.work-item:not(:last-child){margin-bottom:1rem}.work-item{max-width:calc(50% - var(--gap) / 2);flex-grow:1}.intro{margin-top:2rem}#work .intro{margin-top:0}#about h3{margin:4rem 0 3.5rem}.icon-btn .icon{background-size:22px 22px}#contact .intro{margin:4rem 0 3.5rem}.project-page .intro{margin-bottom:1.5rem}.arrow-nav{padding-inline:1.5rem}.list-2col{flex-direction:row;gap:1rem;flex-wrap:wrap}.list-2col .col{flex-basis:350px}}@media screen and (min-width:992px){.project-page .images{display:grid;grid-template-columns:1fr;grid-gap:clamp(.625rem,.3693rem + 1.1364vw,1.25rem)}.project-page .images.col2{grid-template-columns:repeat(2,1fr);margin-top:clamp(.625rem,.3693rem + 1.1364vw,1.25rem)}.project-page .image{margin-block:0}.list-2col{padding-top:4rem;gap:2rem}.list-2col .col{flex-basis:500px}}.project-page .image,.text-container h2,.text-container p{opacity:0;will-change:opacity,transform}.task-block .project-tasks,.task-block .project-tasks-list li,.project-content .intro{opacity:0;will-change:opacity}.visit-project{opacity:0;will-change:opacity,transform}.reveal-inner{display:inline-block;overflow:hidden;white-space:nowrap;width:0;will-change:width,opacity}.giga .reveal-inner,.preheadline .reveal-inner,.headline .reveal-inner{white-space:nowrap}#start .giga,#start .preheadline,#start .headline{opacity:0;will-change:opacity,transform}#start .giga,#start .preheadline,#start .headline{display:block}#work .intro,#work h2,#work .work-item,#work .work-item .work-item-thumb,#work .work-item h3,#work .work-item .work-item-caption p,#work .work-item .tag,#about h2,#about .intro,#about h3,#about .finger-pointer li,#about .btn,#contact h2,#contact .intro,#contact .email-link{opacity:0;will-change:opacity,transform}