@font-face{font-family:Inter;src:local("Inter"),url(/fonts/i-r.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Inter;src:local("Inter"),url(/fonts/i-i.woff2) format("woff2");font-style:italic;font-weight:400;font-display:swap}@font-face{font-family:Inter;src:local("Inter"),url(/fonts/i-m.woff2) format("woff2");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Inter;src:local("Inter"),url(/fonts/i-b.woff2) format("woff2");font-style:normal;font-weight:700;font-display:swap}*,*:before,*:after{box-sizing:border-box}*{padding:0;margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--body-background-color, #fff);color:var(--body-text-color, #000);font-family:var(--font-family-body);font-size:var(--body-font-size);font-weight:var(--body-font-weight, 400);line-height:var(--body-line-height, 1.5);tab-size:4;-webkit-tap-highlight-color:transparent;text-size-adjust:100%}img,picture,video,canvas{display:block;width:100%;height:auto;max-width:100%;user-select:none}svg,symbol{display:block;overflow:visible;height:100%;width:100%}article,figure,footer,header,aside,main,nav{display:block}input,button,select,optgroup,textarea{color:var(--body-text-color, currentcolor);font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;touch-action:manipulation}input[type=checkbox],input[type=radio]{appearance:none;padding:0;margin:0}input[type=search]{-webkit-appearance:textfield;outline-offset:-2px}input[type=search]::-webkit-search-decoration{-webkit-appearance:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}details{display:block}summary{display:list-item;cursor:pointer}ul,ol{list-style:none}table{border-collapse:collapse}a{touch-action:manipulation;-webkit-touch-callout:none}a[href^="tel:"]{text-decoration:none!important}a[href^="mailto:"]{user-select:auto!important}button,[role=button]{padding:0;border:none;margin:0;appearance:none;background:none;box-shadow:none;color:inherit;cursor:pointer;font:inherit;text-align:left;user-select:none}select{word-wrap:normal}select:disabled{opacity:1}textarea{resize:vertical}fieldset{min-width:0;border:0}iframe{border:none}dfn{font-style:normal}abbr{text-decoration:none}hr{height:0;color:inherit}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}[hidden]{display:none!important}::-moz-selection{color:var(--selection-color);background:var(--selection-background)}::selection{color:var(--selection-color);background:var(--selection-background);-webkit-background-clip:border-box;-webkit-text-fill-color:var(--selection-color)}:root{--vh: 1vh;--font-family-heading: "Inter", sans-serif;--font-family-body: "Inter", sans-serif;--body-font-size: 12px;--body-background-color: var(--color-white);--body-text-color: var(--color-black);--column-width: calc((100vw - var(--container-padding) * 2 - var(--gutter) * (var(--columns) - 1)) / var(--columns));--column-width-gutter: calc(var(--column-width) + var(--gutter));--column-width-2-gutter: calc(var(--column-width) + var(--gutter) * 2);--site-header-height: calc(var(--space-2xl-3xl));--height-without-header: calc(var(--vh, 1vh) * 100 - var(--site-header-height));--fast-start-easing: cubic-bezier(.17, .67, .1, .99);--faster-start-easing: cubic-bezier(.19, 1, .22, 1);--slow-start-easing: cubic-bezier(.73, 0, 0, 1);--selection-color: var(--color-white);--selection-background: var(--color-black);--color-primary01: #4DF0E0;--color-primary02: #7963B9;--color-primary03: #3E3D4E;--color-primary04: #31303E;--color-primary05: #191823;--color-gray01: #A7A5AD;--color-gray02: #CBCAD0;--color-gray03: #C2F7F2;--color-gray04: #c0c0c0;--color-white: #fff;--color-black: #050505;--color-gray: #8C97A0;--color-error: #FA5050;--color-image-background: rgba(0, 0, 0, .1);--breakpoints-2xs: 0;--breakpoints-xs: 365px;--breakpoints-sm: 768px;--breakpoints-md: 992px;--breakpoints-lg: 1440px;--breakpoints-xl: 1910px;--breakpoints-2xl: 2400px;--easing-linear: cubic-bezier(.25, .25, .75, .75);--easing-ease: cubic-bezier(.25, .1, .25, 1);--easing-ease-in: cubic-bezier(.42, 0, 1, 1);--easing-ease-out: cubic-bezier(0, 0, .58, 1);--easing-ease-in-out: cubic-bezier(.42, 0, .58, 1);--easing-easeInQuad: cubic-bezier(.55, .085, .68, .53);--easing-easeInCubic: cubic-bezier(.55, .055, .675, .19);--easing-easeInQuart: cubic-bezier(.895, .03, .685, .22);--easing-easeInQuint: cubic-bezier(.755, .05, .855, .06);--easing-easeInSine: cubic-bezier(.47, 0, .745, .715);--easing-easeInExpo: cubic-bezier(.95, .05, .795, .035);--easing-easeInCirc: cubic-bezier(.6, .04, .98, .335);--easing-easeInBack: cubic-bezier(.6, -.28, .735, .045);--easing-easeOutQuad: cubic-bezier(.25, .46, .45, .94);--easing-easeOutCubic: cubic-bezier(.215, .61, .355, 1);--easing-easeOutQuart: cubic-bezier(.165, .84, .44, 1);--easing-easeOutQuint: cubic-bezier(.23, 1, .32, 1);--easing-easeOutSine: cubic-bezier(.39, .575, .565, 1);--easing-easeOutExpo: cubic-bezier(.19, 1, .22, 1);--easing-easeOutCirc: cubic-bezier(.075, .82, .165, 1);--easing-easeOutBack: cubic-bezier(.175, .885, .32, 1.275);--easing-easeInOutQuad: cubic-bezier(.455, .03, .515, .955);--easing-easeInOutCubic: cubic-bezier(.645, .045, .355, 1);--easing-easeInOutQuart: cubic-bezier(.77, 0, .175, 1);--easing-easeInOutQuint: cubic-bezier(.86, 0, .07, 1);--easing-easeInOutSine: cubic-bezier(.445, .05, .55, .95);--easing-easeInOutExpo: cubic-bezier(1, 0, 0, 1);--easing-easeInOutCirc: cubic-bezier(.785, .135, .15, .86);--easing-easeInOutBack: cubic-bezier(.68, -.55, .265, 1.55);--space-3xs: clamp(5px, calc(5px + 5 * ((100vw - 375px) / 1535)), 10px);--space-2xs: clamp(10px, calc(10px + 5 * ((100vw - 375px) / 1535)), 15px);--space-xs: clamp(15px, calc(15px + 5 * ((100vw - 375px) / 1535)), 20px);--space-s: clamp(20px, calc(20px + 10 * ((100vw - 375px) / 1535)), 30px);--space-m: clamp(30px, calc(30px + 10 * ((100vw - 375px) / 1535)), 40px);--space-l: clamp(40px, calc(40px + 10 * ((100vw - 375px) / 1535)), 50px);--space-xl: clamp(50px, calc(50px + 10 * ((100vw - 375px) / 1535)), 60px);--space-2xl: clamp(60px, calc(60px + 10 * ((100vw - 375px) / 1535)), 70px);--space-3xl: clamp(70px, calc(70px + 10 * ((100vw - 375px) / 1535)), 80px);--space-4xl: clamp(80px, calc(80px + 10 * ((100vw - 375px) / 1535)), 90px);--space-5xl: clamp(90px, calc(90px + 10 * ((100vw - 375px) / 1535)), 100px);--space-6xl: clamp(100px, calc(100px + 10 * ((100vw - 375px) / 1535)), 110px);--space-7xl: clamp(110px, calc(110px + 10 * ((100vw - 375px) / 1535)), 120px);--space-8xl: clamp(120px, calc(120px + 70 * ((100vw - 375px) / 1535)), 190px);--space-3xs-2xs: clamp(5px, calc(5px + 10 * ((100vw - 375px) / 1535)), 15px);--space-2xs-xs: clamp(10px, calc(10px + 10 * ((100vw - 375px) / 1535)), 20px);--space-xs-s: clamp(15px, calc(15px + 15 * ((100vw - 375px) / 1535)), 30px);--space-s-m: clamp(20px, calc(20px + 20 * ((100vw - 375px) / 1535)), 40px);--space-m-l: clamp(30px, calc(30px + 20 * ((100vw - 375px) / 1535)), 50px);--space-l-xl: clamp(40px, calc(40px + 20 * ((100vw - 375px) / 1535)), 60px);--space-xl-2xl: clamp(50px, calc(50px + 20 * ((100vw - 375px) / 1535)), 70px);--space-2xl-3xl: clamp(60px, calc(60px + 20 * ((100vw - 375px) / 1535)), 80px);--space-3xl-4xl: clamp(70px, calc(70px + 20 * ((100vw - 375px) / 1535)), 90px);--space-4xl-5xl: clamp(80px, calc(80px + 20 * ((100vw - 375px) / 1535)), 100px);--space-5xl-6xl: clamp(90px, calc(90px + 20 * ((100vw - 375px) / 1535)), 110px);--space-6xl-7xl: clamp(100px, calc(100px + 20 * ((100vw - 375px) / 1535)), 120px);--space-7xl-8xl: clamp(110px, calc(110px + 80 * ((100vw - 375px) / 1535)), 190px);--space-3xs-xs: clamp(5px, calc(5px + 15 * ((100vw - 375px) / 1535)), 20px);--space-3xs-s: clamp(5px, calc(5px + 25 * ((100vw - 375px) / 1535)), 30px);--space-3xs-m: clamp(5px, calc(5px + 35 * ((100vw - 375px) / 1535)), 40px);--space-3xs-l: clamp(5px, calc(5px + 45 * ((100vw - 375px) / 1535)), 50px);--space-3xs-xl: clamp(5px, calc(5px + 55 * ((100vw - 375px) / 1535)), 60px);--space-3xs-2xl: clamp(5px, calc(5px + 65 * ((100vw - 375px) / 1535)), 70px);--space-3xs-3xl: clamp(5px, calc(5px + 75 * ((100vw - 375px) / 1535)), 80px);--space-3xs-4xl: clamp(5px, calc(5px + 85 * ((100vw - 375px) / 1535)), 90px);--space-3xs-5xl: clamp(5px, calc(5px + 95 * ((100vw - 375px) / 1535)), 100px);--space-3xs-6xl: clamp(5px, calc(5px + 105 * ((100vw - 375px) / 1535)), 110px);--space-3xs-7xl: clamp(5px, calc(5px + 115 * ((100vw - 375px) / 1535)), 120px);--space-3xs-8xl: clamp(5px, calc(5px + 185 * ((100vw - 375px) / 1535)), 190px);--space-2xs-s: clamp(10px, calc(10px + 20 * ((100vw - 375px) / 1535)), 30px);--space-2xs-m: clamp(10px, calc(10px + 30 * ((100vw - 375px) / 1535)), 40px);--space-2xs-l: clamp(10px, calc(10px + 40 * ((100vw - 375px) / 1535)), 50px);--space-2xs-xl: clamp(10px, calc(10px + 50 * ((100vw - 375px) / 1535)), 60px);--space-2xs-2xl: clamp(10px, calc(10px + 60 * ((100vw - 375px) / 1535)), 70px);--space-2xs-3xl: clamp(10px, calc(10px + 70 * ((100vw - 375px) / 1535)), 80px);--space-2xs-4xl: clamp(10px, calc(10px + 80 * ((100vw - 375px) / 1535)), 90px);--space-2xs-5xl: clamp(10px, calc(10px + 90 * ((100vw - 375px) / 1535)), 100px);--space-2xs-6xl: clamp(10px, calc(10px + 100 * ((100vw - 375px) / 1535)), 110px);--space-2xs-7xl: clamp(10px, calc(10px + 110 * ((100vw - 375px) / 1535)), 120px);--space-2xs-8xl: clamp(10px, calc(10px + 180 * ((100vw - 375px) / 1535)), 190px);--space-xs-m: clamp(15px, calc(15px + 25 * ((100vw - 375px) / 1535)), 40px);--space-xs-l: clamp(15px, calc(15px + 35 * ((100vw - 375px) / 1535)), 50px);--space-xs-xl: clamp(15px, calc(15px + 45 * ((100vw - 375px) / 1535)), 60px);--space-xs-2xl: clamp(15px, calc(15px + 55 * ((100vw - 375px) / 1535)), 70px);--space-xs-3xl: clamp(15px, calc(15px + 65 * ((100vw - 375px) / 1535)), 80px);--space-xs-4xl: clamp(15px, calc(15px + 75 * ((100vw - 375px) / 1535)), 90px);--space-xs-5xl: clamp(15px, calc(15px + 85 * ((100vw - 375px) / 1535)), 100px);--space-xs-6xl: clamp(15px, calc(15px + 95 * ((100vw - 375px) / 1535)), 110px);--space-xs-7xl: clamp(15px, calc(15px + 105 * ((100vw - 375px) / 1535)), 120px);--space-xs-8xl: clamp(15px, calc(15px + 175 * ((100vw - 375px) / 1535)), 190px);--space-s-l: clamp(20px, calc(20px + 30 * ((100vw - 375px) / 1535)), 50px);--space-s-xl: clamp(20px, calc(20px + 40 * ((100vw - 375px) / 1535)), 60px);--space-s-2xl: clamp(20px, calc(20px + 50 * ((100vw - 375px) / 1535)), 70px);--space-s-3xl: clamp(20px, calc(20px + 60 * ((100vw - 375px) / 1535)), 80px);--space-s-4xl: clamp(20px, calc(20px + 70 * ((100vw - 375px) / 1535)), 90px);--space-s-5xl: clamp(20px, calc(20px + 80 * ((100vw - 375px) / 1535)), 100px);--space-s-6xl: clamp(20px, calc(20px + 90 * ((100vw - 375px) / 1535)), 110px);--space-s-7xl: clamp(20px, calc(20px + 100 * ((100vw - 375px) / 1535)), 120px);--space-s-8xl: clamp(20px, calc(20px + 170 * ((100vw - 375px) / 1535)), 190px);--space-m-xl: clamp(30px, calc(30px + 30 * ((100vw - 375px) / 1535)), 60px);--space-m-2xl: clamp(30px, calc(30px + 40 * ((100vw - 375px) / 1535)), 70px);--space-m-3xl: clamp(30px, calc(30px + 50 * ((100vw - 375px) / 1535)), 80px);--space-m-4xl: clamp(30px, calc(30px + 60 * ((100vw - 375px) / 1535)), 90px);--space-m-5xl: clamp(30px, calc(30px + 70 * ((100vw - 375px) / 1535)), 100px);--space-m-6xl: clamp(30px, calc(30px + 80 * ((100vw - 375px) / 1535)), 110px);--space-m-7xl: clamp(30px, calc(30px + 90 * ((100vw - 375px) / 1535)), 120px);--space-m-8xl: clamp(30px, calc(30px + 160 * ((100vw - 375px) / 1535)), 190px);--space-l-2xl: clamp(40px, calc(40px + 30 * ((100vw - 375px) / 1535)), 70px);--space-l-3xl: clamp(40px, calc(40px + 40 * ((100vw - 375px) / 1535)), 80px);--space-l-4xl: clamp(40px, calc(40px + 50 * ((100vw - 375px) / 1535)), 90px);--space-l-5xl: clamp(40px, calc(40px + 60 * ((100vw - 375px) / 1535)), 100px);--space-l-6xl: clamp(40px, calc(40px + 70 * ((100vw - 375px) / 1535)), 110px);--space-l-7xl: clamp(40px, calc(40px + 80 * ((100vw - 375px) / 1535)), 120px);--space-l-8xl: clamp(40px, calc(40px + 150 * ((100vw - 375px) / 1535)), 190px);--space-xl-3xl: clamp(50px, calc(50px + 30 * ((100vw - 375px) / 1535)), 80px);--space-xl-4xl: clamp(50px, calc(50px + 40 * ((100vw - 375px) / 1535)), 90px);--space-xl-5xl: clamp(50px, calc(50px + 50 * ((100vw - 375px) / 1535)), 100px);--space-xl-6xl: clamp(50px, calc(50px + 60 * ((100vw - 375px) / 1535)), 110px);--space-xl-7xl: clamp(50px, calc(50px + 70 * ((100vw - 375px) / 1535)), 120px);--space-xl-8xl: clamp(50px, calc(50px + 140 * ((100vw - 375px) / 1535)), 190px);--space-2xl-4xl: clamp(60px, calc(60px + 30 * ((100vw - 375px) / 1535)), 90px);--space-2xl-5xl: clamp(60px, calc(60px + 40 * ((100vw - 375px) / 1535)), 100px);--space-2xl-6xl: clamp(60px, calc(60px + 50 * ((100vw - 375px) / 1535)), 110px);--space-2xl-7xl: clamp(60px, calc(60px + 60 * ((100vw - 375px) / 1535)), 120px);--space-2xl-8xl: clamp(60px, calc(60px + 130 * ((100vw - 375px) / 1535)), 190px);--space-3xl-5xl: clamp(70px, calc(70px + 30 * ((100vw - 375px) / 1535)), 100px);--space-3xl-6xl: clamp(70px, calc(70px + 40 * ((100vw - 375px) / 1535)), 110px);--space-3xl-7xl: clamp(70px, calc(70px + 50 * ((100vw - 375px) / 1535)), 120px);--space-3xl-8xl: clamp(70px, calc(70px + 120 * ((100vw - 375px) / 1535)), 190px);--space-4xl-6xl: clamp(80px, calc(80px + 30 * ((100vw - 375px) / 1535)), 110px);--space-4xl-7xl: clamp(80px, calc(80px + 40 * ((100vw - 375px) / 1535)), 120px);--space-4xl-8xl: clamp(80px, calc(80px + 110 * ((100vw - 375px) / 1535)), 190px);--space-5xl-7xl: clamp(90px, calc(90px + 30 * ((100vw - 375px) / 1535)), 120px);--space-5xl-8xl: clamp(90px, calc(90px + 100 * ((100vw - 375px) / 1535)), 190px);--space-6xl-8xl: clamp(100px, calc(100px + 90 * ((100vw - 375px) / 1535)), 190px)}:root{--font-size-h1: clamp(20px, calc(20px + 10 * ((100vw - 365px) / 1545)), 30px)}:root{--font-size-body1: clamp(24px, calc(24px + 36 * ((100vw - 365px) / 1545)), 60px)}:root{--font-size-body2: clamp(12px, calc(12px + 2 * ((100vw - 365px) / 1545)), 14px)}:root{--font-size-body3: clamp(12px, calc(12px + 6 * ((100vw - 365px) / 1545)), 18px)}:root{--font-size-body4: clamp(14px, calc(14px + 4 * ((100vw - 365px) / 1545)), 18px)}:root{--font-size-body5: clamp(16px, calc(16px + 2 * ((100vw - 365px) / 1545)), 18px)}:root{--container-padding: 16px}@media (min-width: 768px){:root{--container-padding: 1vw}}@media (min-width: 365px){:root{--gutter: 16px}}@media (min-width: 768px){:root{--gutter: 1vw}}:root{--columns: 12}h1,h2,h3,h4,h5{font-family:var(--font-family-heading);font-weight:500;line-height:calc(1em + 4px)}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}h4{font-size:var(--font-size-h4)}h5{font-size:var(--font-size-h5)}html{scrollbar-width:none!important}html.no-js body{display:none}body::-webkit-scrollbar{display:none}a{color:currentcolor;outline:none;text-decoration:none}a:hover{text-decoration:none}*:focus{outline:none}ul{list-style:none}#site-header{position:fixed;left:var(--container-padding);width:calc(100% - var(--container-padding) * 2);text-align:center;height:var(--site-header-height);display:flex;align-items:center;justify-content:center;z-index:9996;mix-blend-mode:difference;pointer-events:none;perspective:1000px;transform:translateY(calc(50vh - var(--site-header-height) / 2))}.skip-intro #site-header{transform:none}.start-intro #site-header{transition:transform 1.75s var(--slow-start-easing);transform:none}#site-header__title{padding:10px;pointer-events:none;position:fixed;transform:scale(10) rotate(10deg)}.skip-intro #site-header__title{transform:none}.is-mobile #site-header__title,.is-firefox #site-header__title,.is-safari #site-header__title{transform:scale(1) rotate(10deg)}.start-intro #site-header__title{transition:transform 1.5s var(--fast-start-easing);transform:none}.end-intro #site-header__title{pointer-events:auto}#site-header__title-svg{width:10px;height:10px;overflow:visible;shape-rendering:geometricPrecision;text-rendering:optimizeLegibility;image-rendering:-webkit-optimize-contrast}@media (min-width: 768px){#site-header__title-svg{width:12px;height:12px}}#site-header__title-svg *{pointer-events:none}#site-header__title-letter-right{position:relative;z-index:1}.start-intro #site-header__title-letter-right{transform:translate(360%);transition:transform 1.5s var(--fast-start-easing)}.end-intro.scrolling-down #site-header__title-letter-right{transform:none}.end-intro.scroll-top #site-header__title-letter-right,#site-header__title:hover #site-header__title-letter-right{transform:translate(360%)!important}#site-header__title-letter-right path{fill:var(--color-white)}#site-header__title-letter-right rect{fill:#000}#site-header__title-letter-center{transition:transform 1.5s var(--fast-start-easing)}.start-intro #site-header__title-letter-center{transform:translate(-360%)}.end-intro.scrolling-down #site-header__title-letter-center{transform:none}.end-intro.scroll-top #site-header__title-letter-center,#site-header__title:hover #site-header__title-letter-center{transform:translate(-360%)!important}#site-header__title-letter-center path{fill:var(--color-white)}#site-header__title-letter-left{transition:transform 1.5s var(--fast-start-easing)}.start-intro #site-header__title-letter-left{transform:translate(-360%)}.end-intro.scrolling-down #site-header__title-letter-left{transform:none}.end-intro.scroll-top #site-header__title-letter-left,#site-header__title:hover #site-header__title-letter-left{transform:translate(-360%)!important}#site-header__title-letter-left path{fill:var(--color-white)}#site-header__title-letter-left rect{fill:#000}#site-header__box{fill:#000;transition:transform 1.5s var(--fast-start-easing)}.start-intro #site-header__box{transform:translate(-360%)}.end-intro.scrolling-down #site-header__box{transform:none}.end-intro.scroll-top #site-header__box,#site-header__title:hover #site-header__box{transform:translate(-360%)!important}@keyframes anim{0%{transform:translate(0)}to{transform:translate(-400%)}}#site-footer{padding-bottom:var(--container-padding);opacity:0;transition:opacity 2s}.skip-intro #site-footer,.end-intro #site-footer{opacity:1}#site-footer .o-container{display:flex;align-items:center;justify-content:center;height:100%}#site-footer__center-text{text-align:center}#home-hero{padding-top:calc(var(--vh, 1vh) * 18);opacity:0}@media (min-width: 768px){#home-hero{padding-bottom:calc(var(--vh, 1vh) * 10)}}html.skip-intro #home-hero{opacity:1;transform:none}.setup-intro #home-hero{opacity:1;transform:scale(.5);transform-origin:50% 100%}.start-intro #home-hero{transition:transform 2s var(--slow-start-easing);transform:none}#home-hero__title{font-weight:400;max-width:65ch;margin-left:auto;margin-right:auto;line-height:1.2;perspective:1000px}.home-hero__title-text{display:block;will-change:transform}.home-hero__title-text+.home-hero__title-text{margin-top:var(--space-2xs-xs)}.setup-intro .home-hero__title-text{transform:rotateY(-50deg) rotateX(-60deg)}.setup-intro .home-hero__title-text .line{transform:translateY(1.2em)}.start-intro .home-hero__title-text{transform:none;transition:transform 2s var(--slow-start-easing)}.start-intro .home-hero__title-text .line{transform:none}@media (max-width: 767.98px){.start-intro .home-hero__title-text .line{transition:transform 2s calc(var(--line) * .05s) var(--slow-start-easing)}}@media (min-width: 768px){.start-intro .home-hero__title-text .line{transition:transform 2s calc(var(--line) * .1s) var(--slow-start-easing)}}#home-hero__content{max-width:65ch;padding-top:calc(var(--vh, 1vh) * 11);font-size:var(--font-size-h1);margin-left:auto;margin-right:auto;perspective:1000px}#home-hero__content-wrapper{display:flex;justify-content:space-between;flex-wrap:wrap;will-change:transform}@media (min-width: 768px){#home-hero__content-wrapper{column-gap:var(--gutter);row-gap:var(--space-2xl-4xl)}}.setup-intro #home-hero__content-wrapper{transform:rotateY(-50deg) rotateX(-60deg)}.start-intro #home-hero__content-wrapper{transition:transform 2s .05s var(--slow-start-easing);transform:none}.home-hero__content-block{font-size:var(--body-font-size);flex:1}@media (max-width: 767.98px){.home-hero__content-block:nth-child(1){margin-bottom:var(--space-2xl);z-index:1000;pointer-events:none}}.home-hero__content-block:nth-child(3){flex:1}@media (max-width: 767.98px){.home-hero__content-block:nth-child(3){flex-basis:100%}}.home-hero__content-block:nth-child(2){position:relative;display:flex;column-gap:var(--gutter)}@media (max-width: 767.98px){.home-hero__content-block:nth-child(2){flex-direction:column;flex:1}}@media (min-width: 768px){.home-hero__content-block:nth-child(2){flex:2}}.home-hero__content-block:nth-child(2) .home-hero__canvas-wrapper{position:relative;flex:1}.home-hero__content-block:nth-child(2) .home-hero__canvas-wrapper-inner{padding-bottom:75%;position:relative;height:0}.home-hero__content-block:nth-child(2) .home-hero__content-block-content{flex:1;z-index:1000}.home-hero__content-block:nth-child(2) .home-hero__content-block-content li:last-child{padding-top:.55em}@media (max-width: 767.98px){.home-hero__content-block:nth-child(2) .home-hero__content-block-content{order:-1}}.home-hero__content-block:nth-child(2) canvas{position:absolute;user-select:none;width:100%;height:100%}@media (max-width: 767.98px){.home-hero__content-block:nth-child(2) canvas{top:-25%;left:-25%}}@media (min-width: 768px){.home-hero__content-block:nth-child(2) canvas{top:-25%;left:-25%}}.setup-intro .home-hero__content-block:nth-child(2) canvas{opacity:0;transform:translateY(20px)}.start-intro .home-hero__content-block:nth-child(2) canvas{transition:transform 2s 1s var(--fast-start-easing),opacity 2s 1s;opacity:1;transform:none}.home-hero__block-title{color:var(--color-gray04);overflow:clip}.home-hero__block-title span{display:inline-block}.setup-intro .home-hero__block-title span{transform:translateY(1.2em)}.start-intro .home-hero__block-title span{transform:none;transition:transform 2s calc(var(--index) * .1s + 1s) var(--fast-start-easing)}.home-hero__block-paragraph{margin-top:var(--space-xs);max-width:40ch}.setup-intro .home-hero__block-paragraph .line{opacity:0;transform:translateY(1.2em)}.start-intro .home-hero__block-paragraph .line{transform:none;opacity:1;transition:transform 2s calc(var(--line) * .05s + var(--index) * .1s + 1s) var(--fast-start-easing),opacity 2s calc(var(--line) * .05s + var(--index) * .1s + 1s) var(--fast-start-easing)}.home-hero__block-items{margin-top:var(--space-xs)}.home-hero__block-list{display:flex;flex-direction:column}.home-hero__block-list li:not(:first-child){padding-top:.4em}.home-hero__block-list a{display:flex;line-height:1}.home-hero__block-list li{padding-right:15px}.setup-intro .home-hero__block-list li{opacity:0;transform:translateY(1.2em)}.start-intro .home-hero__block-list li{transform:none;opacity:1;transition:transform 2s calc(var(--line) * .05s + var(--index) * .1s + 1s) var(--fast-start-easing),opacity 2s calc(var(--line) * .05s + var(--index) * .1s + 1s) var(--fast-start-easing)}.home-hero__block-links{margin-top:var(--space-xs);display:flex;flex-direction:column}.home-hero__block-links li:not(:first-child){padding-top:.75em}.home-hero__block-links li{line-height:1;display:flex}.setup-intro .home-hero__block-links li{opacity:0;transform:translateY(1.2em)}.start-intro .home-hero__block-links li{transition:transform 2s calc(var(--line) * .05s + var(--index) * .1s + 1s) var(--fast-start-easing),opacity 2s calc(var(--line) * .05s + var(--index) * .1s + 1s) var(--fast-start-easing);transform:none;opacity:1}.home-hero__block-links li .o-icon:nth-child(2){display:none}.home-hero__block-links li.--copied .o-icon:nth-child(1){display:none}.home-hero__block-links li.--copied .o-icon:nth-child(2){display:inline-block}.home-hero__block-links a{display:flex;line-height:1}#home-projects{opacity:0}.skip-intro #home-projects,.setup-intro #home-projects{opacity:1}@media (max-width: 767.98px){#home-projects{padding-bottom:var(--space-8xl)}}@media (min-width: 768px){#home-projects{padding-bottom:50px}}html.skip-intro #home-projects .o-container{opacity:1;transform:none}.setup-intro #home-projects .o-container{opacity:0;transform:translateY(50px)}.start-intro #home-projects .o-container{transition:transform 2s 1s var(--fast-start-easing),opacity 2s 1s;opacity:1;transform:translateY(0)}#home-projects__title{text-align:center}.home-projects__project{--border-radius-main: 4px;display:flex}@media (max-width: 767.98px){.home-projects__project{flex-direction:column}}@media (min-width: 768px){.home-projects__project{flex-direction:row;gap:var(--container-padding)}}.home-projects__project-left{flex:3}@media (min-width: 768px){.home-projects__project-left-content{position:sticky;top:0}}.home-projects__project-right{display:flex;align-items:center;justify-content:center}@media (max-width: 767.98px){.home-projects__project-right{order:-1}}@media (min-width: 768px){.home-projects__project-right{flex:1;height:calc(var(--vh, 1vh) * 100);max-height:100%;position:sticky;top:0;min-width:350px}}@media (max-width: 767.98px){.home-projects__project-item-wrapper+.home-projects__project-item-wrapper{padding-top:var(--space-xl)}}@media (min-width: 768px){.home-projects__project-item-wrapper{padding-top:var(--site-header-height)}.home-projects__project-item-wrapper+.home-projects__project-item-wrapper{padding-top:calc(var(--vh, 1vh) * 10)}.home-projects__project-item-wrapper:only-child{padding-top:var(--space-2xl-4xl)}.home-projects__project-item-wrapper:last-child{padding-bottom:calc(var(--vh, 1vh) * 10)}}.home-projects__project-item-media{border:1px solid #e8e8f0;border-radius:var(--border-radius-main);overflow:hidden;position:relative;padding-bottom:calc(100% * var(--height, 9) / var(--width, 16));box-shadow:inset 0 0 100px #0000000d}.home-projects__project-item-media-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8333333333);border-radius:var(--border-radius-main);transition:transform 1s var(--fast-start-easing)}@media (max-width: 767.98px){.home-projects__project-item-media-wrapper{width:70%;height:70%}}@media (min-width: 768px){.home-projects__project-item-media-wrapper{width:60%;height:60%}}.home-projects__project-item-media-wrapper:has(video.is-playing):before{opacity:0}.home-projects__project-item-media-wrapper:before{content:"";position:absolute;inset:2px;background:var(--bg-color);transition:opacity 1s;border-radius:var(--border-radius-main)}.home-projects__project-item-media-wrapper:after{border-radius:calc(var(--border-radius-main) + 1px);content:"";position:absolute;inset:0;box-shadow:#00000026 0 0 100px -7px}.is-active .home-projects__project-item-media-wrapper{transform:translate(-50%,-50%)}.home-projects__project-item-media-wrapper img,.home-projects__project-item-media-wrapper video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;border-radius:var(--border-radius-main);border-radius:calc(var(--border-radius-main) + 1px);border:1px solid var(--color-white)}.home-projects__project-item-media-wrapper img{object-fit:fill}.home-projects__project-item-media-wrapper video{opacity:0;transition:opacity 1s;z-index:1}.home-projects__project-item-media-wrapper video.is-playing{opacity:1}.home-projects__project-item-description{margin-top:calc(var(--space-2xs));margin-left:auto;margin-right:auto}@media (min-width: 768px){.home-projects__project-item-description{padding-left:var(--space-2xs);padding-right:var(--space-2xs)}}.home-projects__project-right-content{display:flex;flex-direction:column;align-items:center;height:100%}.home-projects__project-title-wrapper{position:relative;cursor:pointer;display:flex;line-height:1;pointer-events:none;align-items:center;flex:1}.home-projects__project-title{text-shadow:0 .03em var(--color-white),.03em .03em var(--color-white),-.03em .03em var(--color-white),0 .06em var(--color-white),.06em .06em var(--color-white),-.06em .06em var(--color-white),0 .09em var(--color-white),.09em .09em var(--color-white),-.09em .09em var(--color-white),0 .12em var(--color-white),.12em .12em var(--color-white),-.12em .12em var(--color-white),0 .12em var(--color-white),.12em .12em var(--color-white),-.12em .12em var(--color-white);display:flex;position:sticky;top:0}.home-projects__project-title[href]{pointer-events:auto}@media (hover: hover){.home-projects__project-title:hover:before{transform:scaleX(1);transition:transform .6s .125s var(--fast-start-easing)}.home-projects__project-title:hover:after{transform:scaleX(0);transition:transform .6s 0s var(--fast-start-easing)}}.home-projects__project-title:before,.home-projects__project-title:after{position:absolute;bottom:-1px;left:0;width:100%;height:1px;content:"";z-index:-1}.home-projects__project-title:before{transform-origin:left;transform:scaleX(0);transition:transform .6s 0s var(--fast-start-easing)}.home-projects__project-title:after{transform-origin:right;transition:transform .6s .125s var(--fast-start-easing)}.home-projects__project-title h2{line-height:1}@media (max-width: 767.98px){.home-projects__project-title{margin-top:calc(var(--space-2xl-4xl) + var(--site-header-height));margin-bottom:calc(var(--space-2xl-4xl))}}@media (min-width: 768px){.home-projects__project-title{margin-top:auto;margin-bottom:auto;padding-top:var(--container-padding);padding-bottom:var(--container-padding)}}.home-projects__project-title .o-icon:nth-child(2){display:none}.home-projects__project-title.--copied .o-icon:nth-child(1){display:none}.home-projects__project-title.--copied .o-icon:nth-child(2){display:inline-block}.home-projects__project-info-wrapper{background:#fbfbfb;padding:calc(var(--container-padding) * 1) calc(var(--container-padding) * 1) calc(var(--vh, 1vh) * 3);border-radius:var(--border-radius-main);border:1px solid #e8e8f0;display:flex;flex-direction:column;flex:3}@media (max-width: 767.98px){.home-projects__project-info-wrapper{margin-top:var(--space-2xl-3xl)}}.home-projects__project-media{border-radius:var(--border-radius-main);width:100%;border:1px solid #fff;z-index:1;flex-shrink:0;position:relative;padding-bottom:56.25%;user-select:none;box-shadow:0 0 10px #00000013}.home-projects__project-media img,.home-projects__project-media video{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:calc(var(--border-radius-main) - 1px)}.home-projects__project-media:before{content:"";position:absolute;inset:0;background:#000;opacity:0;z-index:1;border-radius:calc(var(--border-radius-main) - 1px)}a.home-projects__project-media:hover:before{opacity:.05}a.home-projects__project-media:hover .home-projects__project-media-label{opacity:1;transform:translate(-50%,-50%) scale(1)}.home-projects__project-media-label{position:absolute;top:50%;left:50%;transform:translate(-50%,calc(-50% + 7px));line-height:1;display:flex;box-shadow:0 0 50px #0003;opacity:0;border-radius:var(--border-radius-main);padding:10px 17px;z-index:1;transition:transform 1s var(--faster-start-easing)}.home-projects__project-media-label:before{content:"";position:absolute;inset:0;background:#fff;opacity:1;z-index:-1;border-radius:var(--border-radius-main)}.home-projects__project-info-items{display:flex;flex-wrap:wrap;padding:calc(var(--container-padding) * 0);height:100%}.home-projects__project-info{display:flex;flex-direction:column}.home-projects__project-info h3{color:var(--color-gray04)}@media (max-width: 767.98px){.home-projects__project-info h3{margin-top:var(--space-xl)}}@media (min-width: 768px){.home-projects__project-info h3{margin-top:calc(var(--vh, 1vh) * 3)}}.home-projects__project-info p{text-wrap:pretty}.home-projects__project-info>*+*{display:block;max-width:65ch}@media (max-width: 767.98px){.home-projects__project-info>*+*{margin-top:var(--space-2xs)}}@media (min-width: 768px){.home-projects__project-info>*+*{margin-top:calc(var(--vh, 1vh) * 1.5)}}.home-projects__project-info ul li{display:flex;line-height:1}.home-projects__project-info ul li:not(:first-child){padding-top:.7em}.home-projects__project-info ul li:not(:first-child):has(a){padding-top:0}.home-projects__project-info ul li:not(:first-child):has(a) a{padding-top:.7em}.home-projects__project-info:first-child{flex:100%}.home-projects__project-info:not(:first-child){flex:50%}.home-projects__project-info.--summary li:first-child a:before{top:.35em}.home-projects__project-info.--summary a{--ball-size: .4em;text-shadow:0 .03em #FBFBFB,.03em .03em #FBFBFB,-.03em .03em #FBFBFB,0 .06em #FBFBFB,.06em .06em #FBFBFB,-.06em .06em #FBFBFB,0 .09em #FBFBFB,.09em .09em #FBFBFB,-.09em .09em #FBFBFB,0 .12em #FBFBFB,.12em .12em #FBFBFB,-.12em .12em #FBFBFB,0 .12em #FBFBFB,.12em .12em #FBFBFB,-.12em .12em #FBFBFB;position:relative;display:inline-block;line-height:1}.home-projects__project-info.--summary a:before{--size: var(--ball-size);content:"";position:absolute;top:1.05em;left:0;transform:translate(calc(var(--ball-size) * 1)) scaleX(0);width:var(--size);height:var(--size);background:#3a3a3a;border-radius:50%;transition:transform .75s var(--faster-start-easing)}.home-projects__project-info.--summary a span{transition:transform .75s var(--faster-start-easing);display:inline-block;position:relative;z-index:1;background:#fbfbfb}.home-projects__project-info.--summary a span:before{display:inline-block;z-index:-1;content:"";position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:currentColor;transform-origin:100% 50%;transform:scaleX(0);transition:transform 1s var(--faster-start-easing)}@media (hover: hover){.home-projects__project-info.--summary a:hover span:before{transform-origin:0 50%;transform:scaleX(1) scaleX(1)}}@media (min-width: 768px){.home-projects__project-info.--summary a.is-active{pointer-events:none}.home-projects__project-info.--summary a.is-active:before{transform:none}.home-projects__project-info.--summary a.is-active span{transform:translate(calc(var(--ball-size) * 1.75))}}.home-projects__project-link-wrapper{display:flex;flex-direction:column;justify-content:center;flex:1;padding-top:var(--container-padding);padding-bottom:var(--container-padding)}@media (max-width: 767.98px){.home-projects__project-link-wrapper{margin-top:var(--space-s);margin-bottom:var(--space-s)}}@media (min-width: 768px){.home-projects__project-link-wrapper{margin-top:auto;margin-bottom:auto}}.home-projects__project-link{text-shadow:0 .03em var(--color-white),.03em .03em var(--color-white),-.03em .03em var(--color-white),0 .06em var(--color-white),.06em .06em var(--color-white),-.06em .06em var(--color-white),0 .09em var(--color-white),.09em .09em var(--color-white),-.09em .09em var(--color-white),0 .12em var(--color-white),.12em .12em var(--color-white),-.12em .12em var(--color-white),0 .12em var(--color-white),.12em .12em var(--color-white),-.12em .12em var(--color-white);color:var(--color-gray04);position:sticky;bottom:var(--container-padding);line-height:1;display:flex}@media (hover: hover){.home-projects__project-link:hover{color:var(--color-black)}.home-projects__project-link:hover:before{transform:scaleX(1);transition:transform .6s .125s var(--fast-start-easing)}.home-projects__project-link:hover:after{transform:scaleX(0);transition:transform .6s 0s var(--fast-start-easing)}}.home-projects__project-link:before,.home-projects__project-link:after{position:absolute;bottom:-1px;left:0;width:100%;height:1px;content:"";z-index:-1}.home-projects__project-link:before{transform-origin:left;transform:scaleX(0);transition:transform .6s 0s var(--fast-start-easing)}.home-projects__project-link:after{transform-origin:right;transition:transform .6s .125s var(--fast-start-easing)}#scrollbar{width:var(--container-padding);height:100%;position:fixed;top:0;right:0;z-index:100;opacity:0}.skip-intro #scrollbar,.end-intro #scrollbar{opacity:1}#scrollbar__inner{position:absolute;top:0;right:0;width:calc(var(--container-padding) * .25);height:calc(var(--vh, 1vh) * 10);background:var(--color-black);z-index:100;will-change:transform}.o-container{width:100%;max-width:clamp(1920px,calc(1920px + .4375*(100vw - 1920px)),2200px);padding-right:var(--container-padding);padding-left:var(--container-padding);margin-right:auto;margin-left:auto}.o-grid{display:grid;gap:var(--gutter-y, 0) var(--gutter-x, var(--gutter));grid-template-columns:repeat(var(--columns),1fr);grid-template-rows:repeat(var(--rows, 1),1fr)}.o-grid>*{grid-column:var(--column-start, auto)/span var(--column-span, var(--columns))}.o-icon{display:inline-block;width:var(--body-font-size);height:var(--body-font-size);flex-shrink:0;fill:none;font-size:0;stroke:currentcolor;stroke-width:var(--stroke-width, 1px);vertical-align:middle}.o-icon__svg{width:100%;height:100%}.u-d-none{display:none}@media (min-width: 768px){.u-d-sm-none{display:none}}@media (min-width: 768px){.u-d-sm-block{display:block}}@media (min-width: 992px){.u-d-md-block{display:block}}.u-flow>*+*{padding-top:var(--flow, 10rem)}.u-wipe-transitions{transition:none!important}.u-wipe-transitions *:before,.u-wipe-transitions *:after,.u-wipe-transitions *{transition:none!important}.copy-to-clipboard{cursor:pointer}.copy-to-clipboard.--copied{pointer-events:none;cursor:default}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-property:overflow;transition-duration:1ms;transition-behavior:allow-discrete}