:root{--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--color-bg: #000;--color-text: #fff;--color-border: rgba(255, 255, 255, 1);--space-xs: .4rem;--space-sm: .8rem;--space-md: 1.6rem;--space-lg: 2.4rem;--space-xl: 3.2rem;--space-2xl: 4.8rem;--z-content: 10;--z-indicator: 20;--z-header: 30;--z-reveal: 40;--size-base: 10;--size-artboard: 640}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:8px;-webkit-text-size-adjust:100%}@media(min-width:640px){:root{--size-artboard: 1024}html{font-size:calc(var(--size-base) * (100vw / var(--size-artboard)))}}@media(min-width:1024px){:root{--size-artboard: 1600}}body{font-family:var(--font-body);font-size:1.6rem;line-height:1.5;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-kerning:normal;overflow-x:hidden}a{color:inherit;text-decoration:none}ul,ol{list-style:none}::selection{background:#333;color:#fff;text-shadow:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.app-reveal{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-bg);z-index:var(--z-reveal);cursor:progress;transition:opacity .5s linear}.app-reveal.is-leaving{opacity:0;pointer-events:none}.site-header{position:fixed;top:0;left:0;right:0;z-index:var(--z-header);display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-lg);pointer-events:none;mix-blend-mode:difference}@media(min-width:640px){.site-header{padding:var(--space-2xl)}}.site-header__left{pointer-events:auto}.site-header__name{display:inline-block;font-weight:700;font-size:1.6rem}.site-header__nav{display:flex;gap:var(--space-md);pointer-events:auto}.site-header__link{font-size:1.6rem;transition:opacity .1s linear}.site-header__link:not(.is-active){opacity:.6}.site-header__link:not(.is-active):hover{opacity:1}.cylinder-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0}.cylinder-gradient{position:fixed;left:0;right:0;height:25vh;pointer-events:none;z-index:1}.cylinder-gradient--top{top:0;background-image:linear-gradient(#00000080,#0000)}.cylinder-gradient--bottom{bottom:0;background-image:linear-gradient(#0000,#00000080)}@media(max-aspect-ratio:1/1){.cylinder-gradient{height:33vh}.cylinder-gradient--top{background-image:linear-gradient(#000,#0000)}.cylinder-gradient--bottom{background-image:linear-gradient(#0000,#000)}}.cylinder-sizer{position:fixed;top:0;left:0;height:100vh;height:100lvh;pointer-events:none;z-index:-1}.sections{position:relative;z-index:var(--z-content)}.project-section{width:100%;height:70vh;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;user-select:none;padding:0 var(--space-md)}@media(min-width:1024px){.project-section{height:100vh}}.project-section:first-child{padding-top:15vh}.project-section:last-child{padding-bottom:15vh}@media(min-width:1024px){.project-section:first-child{padding-top:0}.project-section:last-child{padding-bottom:0}}.project-section__inner{display:flex;flex-direction:column;align-items:center}.project-section__type{font-weight:700;font-size:1.6rem;margin-bottom:var(--space-sm);opacity:0;transition:opacity .25s .35s linear}.project-section__type.is-visible{opacity:1}.project-section__link{display:flex;flex-direction:column;align-items:center}.project-section__title{font-family:var(--font-display);font-size:9rem;font-weight:400;line-height:1;text-align:center;margin-bottom:var(--space-lg);opacity:0;transform-style:preserve-3d;transform:translateZ(1em)}@media(max-width:640px){.project-section__title{font-size:4.8rem}}.project-section__button{opacity:0;transform:scale(.75);transition:opacity .75s .25s ease-out,transform .75s .25s ease-out}.project-section__button.is-visible{opacity:1;transform:scale(1)}.circle-button{position:relative;display:flex;align-items:center;justify-content:center;width:5.6rem;height:5.6rem;font-size:2rem}@media(min-width:768px){.circle-button{width:6.4rem;height:6.4rem}}.circle-button__circle{position:absolute;top:0;right:0;bottom:0;left:0;display:block;border-radius:50%}.circle-button__circle--below{background:#ffffff4d}.circle-button__circle--above{background:#fff;opacity:0;transform:scale(0)}.circle-button__arrow{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.circle-button__arrow--below{color:var(--color-text)}.circle-button__arrow--above{color:var(--color-bg);opacity:0;transform:translate(-.5em)}.scroll-indicator{position:fixed;right:var(--space-lg);bottom:var(--space-lg);z-index:var(--z-indicator);opacity:0;transition:opacity .5s ease}@media(min-width:640px){.scroll-indicator{right:var(--space-2xl);bottom:var(--space-2xl)}}.scroll-indicator.is-visible{opacity:1}.scroll-indicator__list{position:relative}.scroll-indicator__item{width:1.6rem;padding:.2rem 0;cursor:pointer}.scroll-indicator__dot{display:block;width:100%;height:1rem;border:1px solid var(--color-border);border-radius:2px;opacity:.2;transition:opacity .25s linear}.scroll-indicator__item:hover .scroll-indicator__dot,.scroll-indicator__dot.is-active{opacity:.75}.scroll-indicator__thumb{position:absolute;top:0;left:calc(-1 * var(--space-sm));width:var(--space-xl);border:1px solid var(--color-border);border-radius:2px;pointer-events:none;opacity:.75}.cta-pill{position:fixed;left:var(--space-md);bottom:var(--space-md);z-index:var(--z-indicator);display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:#fff;color:#000;border-radius:8px;cursor:pointer;opacity:0;transition:opacity .5s ease,transform .3s ease;text-decoration:none}@media(min-width:640px){.cta-pill{left:var(--space-2xl);bottom:var(--space-2xl)}}.cta-pill.is-visible{opacity:1}.cta-pill:hover{transform:scale(1.02)}.cta-pill__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;border-radius:4px;background:#0000000d;fill:#000000bf}.cta-pill__content{display:flex;flex-direction:column;gap:.15rem;line-height:1.2}.cta-pill__title{font-weight:700;font-size:1.4rem}.cta-pill__desc{font-size:1.1rem;opacity:.5;white-space:nowrap}.cta-pill__arrow{flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-bottom:auto;width:1.8rem;height:1.8rem;font-size:1.6rem;transition:background .2s ease}