body{margin:0;padding:0}a{color:inherit;text-decoration:none}a:visited{color:inherit}button{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;text-transform:inherit;background-color:#0000;border:none;padding-inline:0}button:visited{color:inherit}li{list-style:none}li:before{content:"— "}h1,h2,h3,h4,h5,h6,p,li,ul,dd{margin:0;margin-block:0;padding:0}*,:after,:before{box-sizing:border-box}html{--color-bg:#fff;--color-bg-trans:#ffffff80;--color-fg:#0f0f0f;--color-accent:#ee2727;--color-secondary:#ee2727;--color-footer-bg:#0f0f0f;--shadow-project:0 0 .8rem #dfdbd2;font-size:62.5%}html[data-reading=developer]{--color-bg:#ee2727;--color-bg-trans:#ee272780;--color-fg:#fff;--color-accent:#0f0f0f;--color-secondary:#fff;--color-footer-bg:#ee2727;--shadow-project:0 0 .8rem rgba($color-black, .3)}body{background-color:var(--color-bg);color:var(--color-fg);margin:0;transition:background-color .4s,color .4s;overflow-x:hidden}html[data-instant],html[data-instant] *,html[data-instant] :before,html[data-instant] :after{transition:none!important}#root{flex-direction:column;min-height:100dvh;display:flex}#root main{flex-grow:1}h1,.h1{text-transform:uppercase;font-family:Datatype,sans-serif;font-size:2.4rem;font-weight:400}h2,.h2{color:var(--color-fg);text-transform:uppercase;font-family:Arial Narrow,Arial,sans-serif;font-size:2rem;font-weight:700}h3,.h3{color:var(--color-fg);text-transform:uppercase;font-family:Arial Narrow,Arial,sans-serif;font-size:1.6rem;font-weight:400}h4,.h4{color:var(--color-fg);font-family:Arial Narrow,Arial,sans-serif;font-size:1.6rem;font-weight:700}p,.p{text-transform:none;font-family:Datatype,sans-serif;font-size:1.6rem;line-height:2.4rem}.hero-headline,.hero-headline .hero-headline__h1{text-transform:none;font-family:Datatype,sans-serif;font-size:3.2rem;font-weight:400;line-height:4rem}@media (width>=48rem){.hero-headline,.hero-headline .hero-headline__h1{font-size:5.6rem;line-height:6.4rem}}.hero-headline .hero-headline__h1{display:inline}.hero-headline .af{text-transform:uppercase;font-family:Arial Narrow,Arial,sans-serif;display:inline-block}.hero-headline .af:nth-of-type(2):after{content:",";font-family:Datatype,sans-serif;font-size:3.2rem;line-height:4rem}@media (width>=48rem){.hero-headline .af:nth-of-type(2):after{content:",";font-size:5.6rem;line-height:6.4rem}}.link-large{text-transform:uppercase;letter-spacing:-.2rem;cursor:pointer;place-self:start;width:fit-content;font-family:Arial,sans-serif;font-size:4rem}.link-large:hover{color:var(--color-accent);text-shadow:0 0 4px var(--color-accent)}.text-color-white{color:#fff}.bg-color-white{background-color:#fff}.text-color-red{color:#ee2727}.bg-color-red{background-color:#ee2727}.text-color-blue{color:#75a6da}.bg-color-blue{background-color:#75a6da}.text-color-green{color:#c8ff61}.bg-color-green{background-color:#c8ff61}.text-color-black{color:#0f0f0f}.bg-color-black{background-color:#0f0f0f}@media (width>=48rem){.color-on-hover{transition:all 4s ease-in-out}.color-on-hover:hover{color:#75a6da;transition:all .1s ease-in-out}}.m-00{margin:.4rem}.my-00{margin-top:.4rem;margin-bottom:.4rem}.mx-00{margin-left:.4rem;margin-right:.4rem}.mt-00{margin-top:.4rem}.mr-00{margin-right:.4rem}.mb-00{margin-bottom:.4rem}.ml-00{margin-left:.4rem}.m-01{margin:.8rem}.my-01{margin-top:.8rem;margin-bottom:.8rem}.mx-01{margin-left:.8rem;margin-right:.8rem}.mt-01{margin-top:.8rem}.mr-01{margin-right:.8rem}.mb-01{margin-bottom:.8rem}.ml-01{margin-left:.8rem}.m-02{margin:1.6rem}.my-02{margin-top:1.6rem;margin-bottom:1.6rem}.mx-02{margin-left:1.6rem;margin-right:1.6rem}.mt-02{margin-top:1.6rem}.mr-02{margin-right:1.6rem}.mb-02{margin-bottom:1.6rem}.ml-02{margin-left:1.6rem}.m-03{margin:2.4rem}.my-03{margin-top:2.4rem;margin-bottom:2.4rem}.mx-03{margin-left:2.4rem;margin-right:2.4rem}.mt-03{margin-top:2.4rem}.mr-03{margin-right:2.4rem}.mb-03,.info__spec{margin-bottom:2.4rem}.ml-03{margin-left:2.4rem}.m-04{margin:3.2rem}.my-04{margin-top:3.2rem;margin-bottom:3.2rem}.mx-04{margin-left:3.2rem;margin-right:3.2rem}.mt-04{margin-top:3.2rem}.mr-04{margin-right:3.2rem}.mb-04{margin-bottom:3.2rem}.ml-04{margin-left:3.2rem}.m-05{margin:4rem}.my-05{margin-top:4rem;margin-bottom:4rem}.mx-05{margin-left:4rem;margin-right:4rem}.mt-05{margin-top:4rem}.mr-05{margin-right:4rem}.mb-05{margin-bottom:4rem}.ml-05{margin-left:4rem}.m-06{margin:4.8rem}.my-06{margin-top:4.8rem;margin-bottom:4.8rem}.mx-06{margin-left:4.8rem;margin-right:4.8rem}.mt-06{margin-top:4.8rem}.mr-06{margin-right:4.8rem}.mb-06,.work{margin-bottom:4.8rem}.ml-06{margin-left:4.8rem}.m-07{margin:5.6rem}.my-07{margin-top:5.6rem;margin-bottom:5.6rem}.mx-07{margin-left:5.6rem;margin-right:5.6rem}.mt-07,.info__contact,.info__spec{margin-top:5.6rem}.mr-07{margin-right:5.6rem}.mb-07{margin-bottom:5.6rem}.ml-07{margin-left:5.6rem}.m-08{margin:6.4rem}.my-08{margin-top:6.4rem;margin-bottom:6.4rem}.mx-08{margin-left:6.4rem;margin-right:6.4rem}.mt-08,.info__def{margin-top:6.4rem}.mr-08{margin-right:6.4rem}.mb-08{margin-bottom:6.4rem}.ml-08{margin-left:6.4rem}.m-09{margin:7.2rem}.my-09{margin-top:7.2rem;margin-bottom:7.2rem}.mx-09{margin-left:7.2rem;margin-right:7.2rem}.mt-09{margin-top:7.2rem}.mr-09{margin-right:7.2rem}.mb-09{margin-bottom:7.2rem}.ml-09{margin-left:7.2rem}.m-10{margin:8rem}.my-10{margin-top:8rem;margin-bottom:8rem}.mx-10{margin-left:8rem;margin-right:8rem}.mt-10{margin-top:8rem}.mr-10{margin-right:8rem}.mb-10{margin-bottom:8rem}.ml-10{margin-left:8rem}.m-11{margin:8.8rem}.my-11{margin-top:8.8rem;margin-bottom:8.8rem}.mx-11{margin-left:8.8rem;margin-right:8.8rem}.mt-11{margin-top:8.8rem}.mr-11{margin-right:8.8rem}.mb-11{margin-bottom:8.8rem}.ml-11{margin-left:8.8rem}.m-12{margin:9.6rem}.my-12{margin-top:9.6rem;margin-bottom:9.6rem}.mx-12{margin-left:9.6rem;margin-right:9.6rem}.mt-12{margin-top:9.6rem}.mr-12{margin-right:9.6rem}.mb-12{margin-bottom:9.6rem}.ml-12{margin-left:9.6rem}.m-14{margin:11.2rem}.my-14{margin-top:11.2rem;margin-bottom:11.2rem}.mx-14{margin-left:11.2rem;margin-right:11.2rem}.mt-14{margin-top:11.2rem}.mr-14{margin-right:11.2rem}.mb-14{margin-bottom:11.2rem}.ml-14{margin-left:11.2rem}.m-15{margin:12rem}.my-15{margin-top:12rem;margin-bottom:12rem}.mx-15{margin-left:12rem;margin-right:12rem}.mt-15{margin-top:12rem}.mr-15{margin-right:12rem}.mb-15{margin-bottom:12rem}.ml-15{margin-left:12rem}.m-16{margin:12.8rem}.my-16{margin-top:12.8rem;margin-bottom:12.8rem}.mx-16{margin-left:12.8rem;margin-right:12.8rem}.mt-16{margin-top:12.8rem}.mr-16{margin-right:12.8rem}.mb-16{margin-bottom:12.8rem}.ml-16{margin-left:12.8rem}.m-20{margin:16rem}.my-20{margin-top:16rem;margin-bottom:16rem}.mx-20{margin-left:16rem;margin-right:16rem}.mt-20{margin-top:16rem}.mr-20{margin-right:16rem}.mb-20{margin-bottom:16rem}.ml-20{margin-left:16rem}.m-40{margin:32rem}.my-40{margin-top:32rem;margin-bottom:32rem}.mx-40{margin-left:32rem;margin-right:32rem}.mt-40{margin-top:32rem}.mr-40{margin-right:32rem}.mb-40{margin-bottom:32rem}.ml-40{margin-left:32rem}.m-60{margin:48rem}.my-60{margin-top:48rem;margin-bottom:48rem}.mx-60{margin-left:48rem;margin-right:48rem}.mt-60{margin-top:48rem}.mr-60{margin-right:48rem}.mb-60{margin-bottom:48rem}.ml-60{margin-left:48rem}.m-80{margin:64rem}.my-80{margin-top:64rem;margin-bottom:64rem}.mx-80{margin-left:64rem;margin-right:64rem}.mt-80{margin-top:64rem}.mr-80{margin-right:64rem}.mb-80{margin-bottom:64rem}.ml-80{margin-left:64rem}.p-00{padding:.4rem}.py-00{padding-top:.4rem;padding-bottom:.4rem}.px-00{padding-left:.4rem;padding-right:.4rem}.pt-00{padding-top:.4rem}.pr-00{padding-right:.4rem}.pb-00{padding-bottom:.4rem}.pl-00{padding-left:.4rem}.p-01{padding:.8rem}.py-01{padding-top:.8rem;padding-bottom:.8rem}.px-01{padding-left:.8rem;padding-right:.8rem}.pt-01{padding-top:.8rem}.pr-01{padding-right:.8rem}.pb-01{padding-bottom:.8rem}.pl-01{padding-left:.8rem}.p-02{padding:1.6rem}.py-02{padding-top:1.6rem;padding-bottom:1.6rem}.px-02{padding-left:1.6rem;padding-right:1.6rem}.pt-02{padding-top:1.6rem}.pr-02{padding-right:1.6rem}.pb-02{padding-bottom:1.6rem}.pl-02{padding-left:1.6rem}.p-03{padding:2.4rem}.py-03{padding-top:2.4rem;padding-bottom:2.4rem}.px-03{padding-left:2.4rem;padding-right:2.4rem}.pt-03{padding-top:2.4rem}.pr-03{padding-right:2.4rem}.pb-03{padding-bottom:2.4rem}.pl-03{padding-left:2.4rem}.p-04{padding:3.2rem}.py-04{padding-top:3.2rem;padding-bottom:3.2rem}.px-04{padding-left:3.2rem;padding-right:3.2rem}.pt-04{padding-top:3.2rem}.pr-04{padding-right:3.2rem}.pb-04{padding-bottom:3.2rem}.pl-04{padding-left:3.2rem}.p-05{padding:4rem}.py-05{padding-top:4rem;padding-bottom:4rem}.px-05{padding-left:4rem;padding-right:4rem}.pt-05{padding-top:4rem}.pr-05{padding-right:4rem}.pb-05{padding-bottom:4rem}.pl-05{padding-left:4rem}.p-06{padding:4.8rem}.py-06{padding-top:4.8rem;padding-bottom:4.8rem}.px-06{padding-left:4.8rem;padding-right:4.8rem}.pt-06{padding-top:4.8rem}.pr-06{padding-right:4.8rem}.pb-06{padding-bottom:4.8rem}.pl-06{padding-left:4.8rem}.p-07{padding:5.6rem}.py-07{padding-top:5.6rem;padding-bottom:5.6rem}.px-07{padding-left:5.6rem;padding-right:5.6rem}.pt-07{padding-top:5.6rem}.pr-07{padding-right:5.6rem}.pb-07{padding-bottom:5.6rem}.pl-07{padding-left:5.6rem}.p-08{padding:6.4rem}.py-08{padding-top:6.4rem;padding-bottom:6.4rem}.px-08{padding-left:6.4rem;padding-right:6.4rem}.pt-08{padding-top:6.4rem}.pr-08{padding-right:6.4rem}.pb-08{padding-bottom:6.4rem}.pl-08{padding-left:6.4rem}.p-09{padding:7.2rem}.py-09{padding-top:7.2rem;padding-bottom:7.2rem}.px-09{padding-left:7.2rem;padding-right:7.2rem}.pt-09{padding-top:7.2rem}.pr-09{padding-right:7.2rem}.pb-09{padding-bottom:7.2rem}.pl-09{padding-left:7.2rem}.p-10{padding:8rem}.py-10{padding-top:8rem;padding-bottom:8rem}.px-10{padding-left:8rem;padding-right:8rem}.pt-10{padding-top:8rem}.pr-10{padding-right:8rem}.pb-10{padding-bottom:8rem}.pl-10{padding-left:8rem}.p-11{padding:8.8rem}.py-11{padding-top:8.8rem;padding-bottom:8.8rem}.px-11{padding-left:8.8rem;padding-right:8.8rem}.pt-11{padding-top:8.8rem}.pr-11{padding-right:8.8rem}.pb-11{padding-bottom:8.8rem}.pl-11{padding-left:8.8rem}.p-12{padding:9.6rem}.py-12{padding-top:9.6rem;padding-bottom:9.6rem}.px-12{padding-left:9.6rem;padding-right:9.6rem}.pt-12{padding-top:9.6rem}.pr-12{padding-right:9.6rem}.pb-12{padding-bottom:9.6rem}.pl-12{padding-left:9.6rem}.p-14{padding:11.2rem}.py-14{padding-top:11.2rem;padding-bottom:11.2rem}.px-14{padding-left:11.2rem;padding-right:11.2rem}.pt-14{padding-top:11.2rem}.pr-14{padding-right:11.2rem}.pb-14{padding-bottom:11.2rem}.pl-14{padding-left:11.2rem}.p-15{padding:12rem}.py-15{padding-top:12rem;padding-bottom:12rem}.px-15{padding-left:12rem;padding-right:12rem}.pt-15{padding-top:12rem}.pr-15{padding-right:12rem}.pb-15{padding-bottom:12rem}.pl-15{padding-left:12rem}.p-16{padding:12.8rem}.py-16{padding-top:12.8rem;padding-bottom:12.8rem}.px-16{padding-left:12.8rem;padding-right:12.8rem}.pt-16{padding-top:12.8rem}.pr-16{padding-right:12.8rem}.pb-16{padding-bottom:12.8rem}.pl-16{padding-left:12.8rem}.p-20{padding:16rem}.py-20{padding-top:16rem;padding-bottom:16rem}.px-20{padding-left:16rem;padding-right:16rem}.pt-20{padding-top:16rem}.pr-20{padding-right:16rem}.pb-20{padding-bottom:16rem}.pl-20{padding-left:16rem}.p-40{padding:32rem}.py-40{padding-top:32rem;padding-bottom:32rem}.px-40{padding-left:32rem;padding-right:32rem}.pt-40{padding-top:32rem}.pr-40{padding-right:32rem}.pb-40{padding-bottom:32rem}.pl-40{padding-left:32rem}.p-60{padding:48rem}.py-60{padding-top:48rem;padding-bottom:48rem}.px-60{padding-left:48rem;padding-right:48rem}.pt-60{padding-top:48rem}.pr-60{padding-right:48rem}.pb-60{padding-bottom:48rem}.pl-60{padding-left:48rem}.p-80{padding:64rem}.py-80{padding-top:64rem;padding-bottom:64rem}.px-80{padding-left:64rem;padding-right:64rem}.pt-80{padding-top:64rem}.pr-80{padding-right:64rem}.pb-80{padding-bottom:64rem}.pl-80{padding-left:64rem}.gap-00{gap:.4rem}.gap-row-00{row-gap:.4rem}.gap-col-00{column-gap:.4rem}.gap-01{gap:.8rem}.gap-row-01{row-gap:.8rem}.gap-col-01{column-gap:.8rem}.gap-02{gap:1.6rem}.gap-row-02{row-gap:1.6rem}.gap-col-02{column-gap:1.6rem}.gap-03{gap:2.4rem}.gap-row-03{row-gap:2.4rem}.gap-col-03{column-gap:2.4rem}.gap-04{gap:3.2rem}.gap-row-04{row-gap:3.2rem}.gap-col-04{column-gap:3.2rem}.gap-05{gap:4rem}.gap-row-05{row-gap:4rem}.gap-col-05{column-gap:4rem}.gap-06{gap:4.8rem}.gap-row-06{row-gap:4.8rem}.gap-col-06{column-gap:4.8rem}.gap-07{gap:5.6rem}.gap-row-07{row-gap:5.6rem}.gap-col-07{column-gap:5.6rem}.gap-08{gap:6.4rem}.gap-row-08{row-gap:6.4rem}.gap-col-08{column-gap:6.4rem}.gap-09{gap:7.2rem}.gap-row-09{row-gap:7.2rem}.gap-col-09{column-gap:7.2rem}.gap-10{gap:8rem}.gap-row-10{row-gap:8rem}.gap-col-10{column-gap:8rem}.gap-11{gap:8.8rem}.gap-row-11{row-gap:8.8rem}.gap-col-11{column-gap:8.8rem}.gap-12{gap:9.6rem}.gap-row-12{row-gap:9.6rem}.gap-col-12{column-gap:9.6rem}.gap-14{gap:11.2rem}.gap-row-14{row-gap:11.2rem}.gap-col-14{column-gap:11.2rem}.gap-15{gap:12rem}.gap-row-15{row-gap:12rem}.gap-col-15{column-gap:12rem}.gap-16{gap:12.8rem}.gap-row-16{row-gap:12.8rem}.gap-col-16{column-gap:12.8rem}.gap-20{gap:16rem}.gap-row-20{row-gap:16rem}.gap-col-20{column-gap:16rem}.gap-40{gap:32rem}.gap-row-40{row-gap:32rem}.gap-col-40{column-gap:32rem}.gap-60{gap:48rem}.gap-row-60{row-gap:48rem}.gap-col-60{column-gap:48rem}.gap-80{gap:64rem}.gap-row-80{row-gap:64rem}.gap-col-80{column-gap:64rem}.vertical-padding{padding-left:clamp(1.6rem,1.2vw + .8rem,2.4rem);padding-right:clamp(1.6rem,1.2vw + .8rem,2.4rem)}.underline{text-decoration:underline}.italic{font-style:italic}.uppercase{text-transform:uppercase}.bold{font-weight:700}.nowrap{white-space:nowrap}.work{scroll-margin-top:6.4rem}.work__header{margin-top:8rem;margin-bottom:2.4rem}.work__projects{grid-template-rows:auto;grid-template-columns:1fr;gap:4.8rem;margin:1.6rem 0 6.4rem;display:grid}@media (width>=48rem){.work__projects{grid-template-columns:repeat(2,1fr)}}@media (width>=90rem){.work__projects{grid-template-columns:repeat(3,1fr);gap:1.6rem}}@media (width>=120rem){.work__projects{grid-template-columns:repeat(4,1fr);gap:3.2rem}}.project{padding-top:3.2rem;padding-bottom:8rem}@media (width>=48rem){.project{padding-bottom:12rem}}.info-footer{background-color:#0f0f0f;background-image:linear-gradient(#fff 0%,#f8f8f8 10%,#e6e6e6 20%,#cbcbcb 30%,#ababab 40%,#878787 50%,#636363 60%,#434343 70%,#282828 80%,#161616 90%,#0f0f0f 100%);background-repeat:no-repeat;background-size:100% 28rem;padding-top:32rem}.info-footer__legal{color:#fff;text-transform:uppercase;padding-top:4rem;padding-bottom:2.4rem;font-family:Datatype,sans-serif;font-size:1.6rem}.info{color:#fff;grid-template:"grid-def""grid-contact""grid-spec"/1fr;font-weight:400;display:grid}@media (width>=60rem){.info{grid-template-columns:3fr 1fr;grid-template-areas:"grid-def grid-contact""grid-spec grid-spec";column-gap:5.6rem}}@media (width>=90rem){.info{column-gap:12rem}}.info__def{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;grid-area:grid-def}.info__contact{flex-direction:column;grid-area:grid-contact;gap:3.2rem;display:flex}@media (width>=48rem){.info__contact{margin-top:6.4rem}}.info__spec{flex-direction:column;grid-area:grid-spec;gap:3.2rem;display:flex}.info__links{flex-direction:column;display:flex}header .topbar{--topbar-bg:var(--color-bg-trans);--topbar-blur:blur(4px);color:var(--color-fg);text-underline-offset:4px;z-index:3;text-transform:lowercase;flex-flow:wrap;justify-content:space-between;padding:1.6rem clamp(1.6rem,1.2vw + .8rem,2.4rem);font-family:Datatype,sans-serif;font-size:1.6rem;font-style:italic;display:flex;position:fixed;top:0;left:0;right:0}header .topbar:before{content:"";z-index:-1;pointer-events:none;background-color:var(--topbar-bg);-webkit-backdrop-filter:var(--topbar-blur);position:absolute;inset:0 0 -3.2rem;-webkit-mask-image:linear-gradient(#000 calc(100% - 4.8rem),#0000);mask-image:linear-gradient(#000 calc(100% - 4.8rem),#0000)}header .topbar__home{cursor:pointer;z-index:3}@media (width>=48rem){header .topbar__home:hover{color:var(--color-accent);font-style:normal}}header .topbar__return{cursor:pointer;align-items:center;gap:.8rem;display:inline-flex}@media (width>=48rem){header .topbar__return:hover{color:var(--color-accent);font-style:normal}}header .topbar__return-arrow{flex-shrink:0}header .topbar__btn{text-transform:lowercase;z-index:3;cursor:pointer;padding:.2rem .8rem;font-size:1.6rem;font-style:italic;text-decoration:underline}@media (width>=48rem){header .topbar__btn{display:none}}header .topbar__nav{z-index:3;flex-direction:column;width:100vw;height:0;transition:all .5s;display:flex;overflow:hidden}@media (width>=48rem){header .topbar__nav{flex-direction:row;gap:4rem;width:auto;height:auto;margin-top:0;padding-top:0;padding-bottom:0}}header .topbar__nav.isActive{opacity:1;height:100vh}header .topbar__nav__item{z-index:3;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-underline-offset:6px;justify-content:center;padding-top:8rem;font-size:8.4rem;text-decoration:underline;text-decoration-thickness:5px;display:flex}@media (width>=48rem){header .topbar__nav__item{flex-direction:row;padding-top:0;font-size:1.6rem;text-decoration:underline}header .topbar__nav__item:hover{color:var(--color-accent);font-style:normal}}header .topbar__nav__item:before{content:none}header .topbar__nav__link{text-align:center;width:100%;display:inline-block}@media (width>=48rem){header .topbar__nav__link{width:auto}}header .topbar.topbar--dark{--topbar-bg:#03030333;color:#fff}header:has(+.error404) .topbar:not(:has(.topbar__nav.isActive)){--topbar-bg:transparent;--topbar-blur:none}.footer{color:#fff;background-color:var(--color-footer-bg);grid-template:"grid-contact""grid-social""grid-name"/1fr;padding:4rem clamp(1.6rem,1.2vw + .8rem,2.4rem) 1.6rem;display:grid}@media (width>=48rem){.footer{grid-template-columns:repeat(2,1fr);grid-template-areas:"grid-contact grid-social""grid-name grid-name";padding:4rem clamp(1.6rem,1.2vw + .8rem,2.4rem) 2.4rem;font-size:2rem}}.footer__contact{flex-direction:column;grid-area:grid-contact;display:flex}.footer__social{flex-direction:column;grid-area:grid-social;padding-top:2rem;display:flex}@media (width>=48rem){.footer__social{padding-top:0;display:flex}}.footer__name{text-align:start;text-transform:uppercase;grid-area:grid-name;padding-top:3.2rem;font-family:Datatype,sans-serif;font-size:1.6rem}.error404~.footer{padding-top:.8rem;padding-bottom:.8rem}.error404~.footer .footer__contact,.error404~.footer .footer__social{display:none}.error404~.footer .footer__name{padding-top:0}.btn--primary,.btn--secondary{text-transform:uppercase;text-align:center;border-radius:4rem;width:auto;padding:.4rem 1.6rem;font-family:Datatype,sans-serif;font-size:1.6rem;font-weight:400;line-height:1.6rem;display:inline-block;position:relative}.btn--primary:before,.btn--secondary:before{content:"";pointer-events:auto;z-index:-1;transition:all .2s ease-in-out;position:absolute;inset:-.25rem -.25rem -.5rem}.btn--primary:hover,.btn--secondary:hover{transform:translateY(-4px)}.btn--primary{color:var(--color-bg);background-color:var(--color-fg);border:2px solid var(--color-fg);transition:all .2s ease-in-out}.btn--primary:visited{color:var(--color-bg);background-color:var(--color-fg)}.btn--primary:hover{background-color:var(--color-accent);border-color:var(--color-accent)}.btn--secondary{color:var(--color-secondary);border:2px solid var(--color-secondary);transition:all .2s ease-in-out;position:relative}.btn--secondary:visited{color:var(--color-secondary)}.btn--tertiary{font-family:Datatype,sans-serif;font-size:inherit;text-transform:none;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-underline-offset:4px;font-style:italic;text-decoration:underline;text-decoration-thickness:4px;display:inline-block}.btn--tertiary:hover{color:var(--color-accent);font-style:normal}.project-card__title{color:var(--color-fg);text-transform:uppercase;margin-bottom:1.6rem;font-family:Datatype,sans-serif;font-size:3.2rem;font-weight:400;line-height:3.8rem;display:inline}.project-card__title .btn--tertiary{text-decoration-thickness:3px}.project-card__title:hover{cursor:pointer}.project-card__desc{font-family:Datatype,sans-serif;font-size:3.2rem;line-height:3.8rem;display:inline}.project-card__role{text-transform:uppercase;padding:.8rem 0;font-family:Datatype,sans-serif;font-size:1.6rem;font-weight:700}.reading-switch{color:var(--color-fg);grid-template-columns:1fr auto 1fr;align-items:center;column-gap:1.6rem;font-family:Datatype,sans-serif;font-size:1.6rem;display:grid}.reading-switch__label{cursor:pointer;opacity:.4}.reading-switch__label:first-of-type{text-align:right;justify-self:end}.reading-switch__label:last-of-type{text-align:left;justify-self:start}.reading-switch__label.is-active{opacity:1}.reading-switch__toggle{border:1.5px solid var(--color-fg);cursor:pointer;border-radius:1.2rem;flex-shrink:0;width:4.4rem;height:2.4rem;position:relative}.reading-switch__thumb{background-color:var(--color-fg);clip-path:polygon(50% 1.56%,58.38% 29.78%,84.25% 15.75%,70.22% 41.62%,98.44% 50%,70.22% 58.38%,84.25% 84.25%,58.38% 70.22%,50% 98.44%,41.62% 70.22%,15.75% 84.25%,29.78% 58.38%,1.56% 50%,29.78% 41.62%,15.75% 15.75%,41.62% 29.78%);width:1.8rem;height:1.8rem;transition:transform .2s ease-in-out;position:absolute;top:.15rem;left:.3rem}.reading-switch__toggle[aria-checked=true] .reading-switch__thumb{transform:translate(1.7rem)}.project-hero{grid-template:"title actions""image image"/1fr auto;gap:1rem;transition:margin-bottom .6s;display:grid}.project-hero--no-image{margin-bottom:2rem}.project-hero__title{grid-area:title}.project-hero__actions{flex-wrap:wrap;grid-area:actions;justify-content:flex-end;align-items:flex-start;gap:1rem;display:flex}.project-hero__media{clip-path:inset(-2rem);grid-area:image;grid-template-rows:1fr;align-self:start;margin:3rem 0 4rem;transition:grid-template-rows .4s,margin .4s,clip-path .4s,visibility;display:grid}.project-hero--no-image .project-hero__media{clip-path:inset(0);visibility:hidden;grid-template-rows:0fr;margin:0;transition:grid-template-rows .4s,margin .4s,clip-path .4s,visibility 0s .6s}@media (prefers-reduced-motion:reduce){.project-hero__media,.project-hero--no-image .project-hero__media,.project-hero{transition:none}}.project-hero__image{object-fit:cover;width:100%;min-height:0;box-shadow:var(--shadow-project);border-radius:.8rem}.error404{text-align:center;background-color:#c8ff61;flex-direction:column;justify-content:center;align-items:center;gap:5.6rem;display:flex}.error404__404{color:#0f0f0f;font-family:Arial,sans-serif;font-weight:700;display:flex}.error404__404__item{font-size:5.6rem;line-height:5.6rem}@media (width>=48rem){.error404__404__item{transition:all 3s ease-in-out}.error404__404__item:hover{color:#75a6da;transition:all .2s ease-in-out}.project-desc{grid-template-columns:1fr 3fr;gap:6rem;display:grid}}@media (width>=90rem){.project-desc{grid-template-columns:1fr 4fr}}.project-desc p+p{padding-top:1.6rem}.project-desc__meta{justify-content:space-between;gap:1.6rem;margin:0;padding-bottom:6rem;display:flex}@media (width>=48rem){.project-desc__meta{flex-direction:column;justify-content:flex-start;padding-bottom:0}}.project-desc__links{padding-top:6rem}.project-desc__links__item{text-decoration:underline}.project-desc__links__item:hover{font-weight:700}.project-gallery{margin-top:6.4rem}.project-gallery__grid{grid-template-columns:1fr;gap:3.2rem;display:grid}@media (width>=37rem){.project-gallery__grid{grid-template-columns:repeat(2,1fr)}}@media (width>=75rem){.project-gallery__grid{grid-template-columns:repeat(4,1fr);gap:1.6rem}}.project-gallery__image{width:100%;height:auto;box-shadow:var(--shadow-project);border-radius:.8rem;display:block}@media (width>=37rem){.project-gallery__image--desktop{grid-column:span 2}}