*,:after,:before{box-sizing:border-box}:root{font-size:22px}body{--color-text:#fff;--color-bg:#e1ddd8;--color-link:#4ebbfb;--color-link-hover:#fff;--color-bg-shift:#1e2227;--page-padding:2vw;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg);color:var(--color-text);font-family:brother-1816,sans-serif;margin:0}.demo-2{--color-bg:#d8d8e1;--color-link:#fbae4e;--color-bg-shift:#2b2b3c}.demo-3{--color-bg:#e1d8dc;--color-link:#4efbf3;--color-bg-shift:#2e2125}.invert{-webkit-filter:invert(1);filter:invert(1)}.js .loading:after,.js .loading:before{content:"";position:fixed;z-index:1000}.js .loading:before{background:var(--color-bg);height:100%;left:0;top:0;width:100%}.js .loading:after{animation:loaderAnim .7s linear infinite alternate forwards;background:#000;border-radius:50%;height:60px;left:50%;margin:-30px 0 0 -30px;opacity:.4;top:50%;width:60px}@keyframes loaderAnim{to{opacity:1;transform:scale3d(.5,.5,1)}}a{color:var(--color-link);cursor:pointer;text-decoration:none}a,a:hover{outline:none}a:hover{color:var(--color-link-hover)}a:focus{background:#d3d3d3;outline:none}a:focus:not(:focus-visible){background:transparent}a:focus-visible{background:transparent;outline:2px solid red}.unbutton{background:none;border:0;font:inherit;margin:0;padding:0}.unbutton:focus{outline:none}main{position:relative;z-index:100}.bg{background:var(--color-bg)}.bg,.shift{height:100%;pointer-events:none;position:fixed;top:0;width:100%}.shift{display:grid}.shift--rotated{height:120vh;top:-10vh}.shift--horizontal{grid-auto-flow:row;grid-auto-rows:1fr}.shift--vertical{grid-auto-columns:1fr;grid-auto-flow:column}.shift__layer{overflow:hidden;position:relative}.shift--rotated .shift__layer{left:-10%;transform:rotate(4deg) scale(1.1);width:120%}.shift__layer-inner{background:var(--color-bg-shift);height:100%;transform:translate3d(0,101%,0)}.shift--vertical .shift__layer-inner{transform:translate3d(101%,0,0)}.blend{mix-blend-mode:exclusion}.intro{grid-gap:5vh;display:grid;grid-template-areas:"intro-images intro-menu" "intro-title intro-title";grid-template-columns:1fr auto;grid-template-rows:auto auto;height:100vh;padding:0 var(--page-padding) var(--page-padding);position:relative}.intro__title{align-self:end;grid-area:intro-title;text-transform:uppercase}.intro__title-links{display:flex;flex-wrap:wrap;font-size:.65rem;margin-left:.25rem}.demos{width:100%}.current{color:var(--color-text)}.intro__title-links a{margin-right:.5rem}.intro__title-main{font-family:ivypresto-display,serif;font-size:13vw;font-weight:400;line-height:.9;margin:0;pointer-events:none}.intro__title-sub{font-size:4vw;font-size:clamp(1rem,4vw,1.35rem);font-weight:300;line-height:1;margin:.5rem 0 0}.intro__gallery{grid-gap:1rem;display:grid;grid-area:intro-images;grid-template-columns:repeat(3,1fr)}.intro__gallery-item{background-position:50% 50%;background-size:cover;border-radius:13vw;display:block;margin-top:1rem;width:100%}.intro__gallery-item--top{border-radius:0 0 13vw 13vw;margin:0 0 50%}.intro__menu-button{align-self:start;background:none;border:0;cursor:not-allowed;height:60px;justify-self:end;margin-top:1rem;width:60px}.lines{stroke-width:4px}.present{padding:0 var(--page-padding) 10vh;position:relative}.present__text--large{font-size:5.5vw;font-size:clamp(1rem,5.25vw,10rem);font-weight:300;grid-area:present-large;-webkit-hyphens:auto;hyphens:auto;line-height:1;max-width:95%}.present__text--small{font-size:1.25rem;font-size:clamp(1rem,2vw,1.25rem);font-weight:300;grid-area:present-small;line-height:1.3}.present__text--small p{margin-bottom:10vh}.present__visual{align-self:center;background-position:50% 50%;background-size:cover;border-radius:20vw;grid-area:present-visual;height:105vh;justify-self:center;max-width:70vh;position:relative;width:70%}.projects{display:grid;grid-template-areas:"... ... project-latest" "project-img-left ... project-title" "project-img-left project-img-right project-img-right" "project-more project-more project-more";grid-template-columns:35% 15% 1fr;position:relative}.project__latest{font-weight:300;grid-area:project-latest;margin-left:5vw;padding-bottom:20vh;position:relative;text-align:center;text-transform:uppercase;width:20vw;z-index:0}.project__latest:after{border:1px solid #fff;border-radius:50%;content:"";height:44vw;left:50%;margin-left:-22vw;position:absolute;top:-25%;width:44vw}.projects__img{background-position:50% 50%;background-size:cover;position:relative}.projects__title{font-family:ivypresto-display,serif;font-weight:400;grid-area:project-title;padding-right:var(--page-padding);text-align:right;text-transform:uppercase}.projects__title-main{display:block;font-size:10vw;font-size:clamp(2rem,10vw,9rem);line-height:.9}.projects__title-sub{font-size:4vw;font-size:clamp(1.5rem,4vw,3rem);font-style:italic;line-height:1;margin-right:.5vw}.projects__img--left{border-radius:0 30vh 30vh 0;grid-area:project-img-left;grid-column-end:3;height:60vh}.projects__img--right{border-radius:40vh 0 0 40vh;grid-area:project-img-right;height:80vh}.projects__more{font-size:1.5rem;font-size:clamp(1rem,3vw,1.5rem);font-weight:300;grid-area:project-more;justify-self:center;margin:15vh 0 35vh;text-decoration:underline}.type{counter-reset:type-link;padding:30vh var(--page-padding)}.type__link{color:#fff;display:block;font-size:5vw;font-size:clamp(2rem,5vw,6rem);font-weight:300;margin:0 1rem 0 0;position:relative;white-space:nowrap}.type__link:focus,.type__link:hover{color:#fff}.type__link:nth-child(2n){font-family:ivypresto-display,serif;font-style:italic}.type__link:before{content:counter(type-link);counter-increment:type-link;display:inline-block;font-family:brother-1816,sans-serif;font-size:1.15rem;font-style:normal;margin-right:.5rem;vertical-align:110%}.footer{min-height:400px;padding:0 var(--page-padding)}.footer__links{font-size:1.25rem;font-weight:300;grid-area:footer-list;list-style:none;margin:0;padding:0}.footer__links a{filter:invert(1)}.footer__links a:focus,.footer__links a:hover{filter:none}.footer__img{align-self:end;background-position:50% 50%;background-size:cover;border-radius:20vh 20vh 0 0;grid-area:footer-img;height:80vh;justify-self:center;max-height:400px;max-width:300px;width:40vh}.footer__author{align-self:end;font-family:ivypresto-display,serif;font-size:5vw;font-size:clamp(2rem,4vw,5rem);font-weight:400;grid-area:footer-author;margin:0;padding:1rem 0}.footer__year{align-self:end;font-size:1.25rem;font-size:clamp(1rem,2vw,1.25rem);font-weight:300;grid-area:footer-year;padding-bottom:1rem}@media screen and (min-width:53em){body{--page-padding:1.5rem}.lines{stroke-width:2px}.intro__menu-button{height:105px;width:105px}.intro{grid-template-areas:"intro-images intro-menu" "intro-images intro-ad" "intro-title ...";grid-template-columns:67% 1fr;grid-template-rows:1fr 1fr auto}.intro__title{white-space:nowrap}.demos{position:relative;width:auto}.demos:before{border-bottom:1px solid;content:"";display:inline-block;margin:0 .5rem;vertical-align:middle;width:3rem}.present{display:grid;grid-template-areas:"present-large present-large""present-small present-visual";grid-template-columns:40% 1fr}.type__link{display:inline-block}.footer{align-content:space-between;display:grid;grid-template-areas:"footer-list footer-img ...""footer-author footer-img footer-year";grid-template-columns:auto 1fr auto}.footer__links{column-count:2}}

/*! locomotive-scroll v4.1.3 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */html.has-scroll-smooth{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0}html.has-scroll-dragging{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.has-scroll-smooth body{overflow:hidden}.has-scroll-smooth [data-scroll-container]{min-height:100vh}[data-scroll-direction=horizontal] [data-scroll-container]{display:inline-block;height:100vh;white-space:nowrap}[data-scroll-direction=horizontal] [data-scroll-section]{display:inline-block;height:100%;vertical-align:top;white-space:nowrap}.c-scrollbar{height:100%;opacity:0;position:absolute;right:0;top:0;transform-origin:center right;transition:transform .3s,opacity .3s;width:11px}.c-scrollbar:hover{transform:scaleX(1.45)}.c-scrollbar:hover,.has-scroll-dragging .c-scrollbar,.has-scroll-scrolling .c-scrollbar{opacity:1}[data-scroll-direction=horizontal] .c-scrollbar{bottom:0;height:10px;top:auto;transform:scaleY(1);width:100%}[data-scroll-direction=horizontal] .c-scrollbar:hover{transform:scaleY(1.3)}.c-scrollbar_thumb{background-color:#000;border-radius:10px;cursor:-webkit-grab;cursor:grab;margin:2px;opacity:.5;position:absolute;right:0;top:0;width:7px}.has-scroll-dragging .c-scrollbar_thumb{cursor:-webkit-grabbing;cursor:grabbing}[data-scroll-direction=horizontal] .c-scrollbar_thumb{bottom:0;right:auto}