@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:300 800;font-display:swap;src:url(/fonts/bricolage-grotesque-300-800-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:300 800;font-display:swap;src:url(/fonts/bricolage-grotesque-300-800-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/jetbrains-mono-latin-ext.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 500;font-display:swap;src:url(/fonts/jetbrains-mono-latin.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#f3f3f3;--bg-2:#e8e8e8;--ink:#151618;--ink-2:#4b4d50;--ink-3:#707274;--line:#cacaca;--accent:#209993;--accent-ink:#005a57;--sans:"Bricolage Grotesque", "Helvetica Neue", Arial, sans-serif;--mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--wrap:1120px;--gutter:16px;--col-text:42%;--ease-expo:cubic-bezier(.16, 1, .3, 1);--dur:.7s;--z-canvas:0;--z-content:1;--z-header:10;--z-preloader:50}@supports (color:lab(0% 0 0)){:root{--bg:lab(95.94% 0 0);--bg-2:lab(91.88% .0000298023 -.0000119209);--ink:lab(7.21025% -.220872 -1.80841);--ink-2:lab(32.7038% -.257105 -1.86639);--ink-3:lab(47.7841% -.261337 -1.86875);--line:lab(81.44% -.0000298023 0);--accent:lab(57.0566% -33.7969 -6.71984);--accent-ink:lab(33.7405% -30.604 -5.99474)}}@media (min-width:720px){:root{--gutter:32px}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-optical-sizing:auto;margin:0;font-size:1.0625rem;line-height:1.55;overflow-x:clip}h1,h2,h3{letter-spacing:-.025em;text-wrap:balance;font-variation-settings:"opsz" 96;margin:0;font-weight:500;line-height:1.04}h1{font-size:clamp(2.75rem,1.5rem + 5.2vw,6rem)}h2{font-size:clamp(2rem,1.2rem + 3vw,3.75rem)}h3{letter-spacing:-.015em;font-size:clamp(1.375rem,1.15rem + .9vw,1.9rem)}p{text-wrap:pretty;max-width:62ch;margin:0}a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:1px}a:hover{color:var(--accent-ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:2px}.mono{font-family:var(--mono);letter-spacing:0;text-transform:lowercase;color:var(--ink-3);font-size:.8125rem;font-weight:500}.wrap{width:min(100% - var(--gutter) * 2, var(--wrap));margin-inline:auto}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{top:-80px;left:var(--gutter);background:var(--ink);color:#fff;z-index:100;padding:10px 14px;position:absolute}.skip:focus{top:12px}#bench{width:100%;height:100%;z-index:var(--z-canvas);display:block;position:fixed;inset:0}.stills{z-index:var(--z-canvas);display:none;position:fixed;inset:0}.stills img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .9s var(--ease-expo);position:absolute;inset:0}.stills img.is-on{opacity:1}html.no-webgl .stills{display:block}html.no-webgl #bench{display:none}main{z-index:var(--z-content);position:relative}html.still-mode main,html.still-mode .top,html.still-mode .foot,html.still-mode .preloader{visibility:hidden}.top{z-index:var(--z-header);position:absolute;top:0;left:0;right:0}.top__row{justify-content:space-between;align-items:center;min-height:64px;display:flex}.top__brand{letter-spacing:-.01em;align-items:center;gap:10px;font-weight:600;text-decoration:none;display:inline-flex}.top__brand-text{align-items:baseline;gap:6px;display:inline-flex}.top__ll{align-items:baseline;gap:2px;display:inline-flex}.top__rod{border-top:1.8px solid;border-left:1.8px solid;border-top-left-radius:5px;width:8px;height:13px;margin:0 2px 0 1px;display:inline-block;position:relative;top:0}.top__nav{gap:22px;display:flex}.top__nav a{color:var(--ink-2);font-size:.9375rem;font-weight:500;text-decoration:none}.top__nav a:hover{color:var(--ink)}section{align-items:center;min-height:100svh;padding:96px 0;display:flex;position:relative}.section__title{margin-bottom:clamp(28px,4vw,48px)}.wrap>*,.hero__inner>*{max-width:100%}@media (min-width:900px){section .wrap{grid-template-columns:var(--col-text) 1fr;display:grid}section .wrap>*{grid-column:1}}@media (max-width:899px){main{background:linear-gradient(90deg,#f3f3f3a8,#f3f3f34d);background:linear-gradient(90deg,lab(95.94% 0 0/.66),lab(95.94% 0 0/.3))}section:not(.hero):not(.manifesto){align-items:flex-start;padding-top:112px}}.capacity{align-items:flex-start}.hero{padding-top:120px}.hero__inner{gap:22px;display:grid}.hero__label{margin:0}.hero__title .line{display:block;overflow:hidden}.hero__title .line>span{display:block}.hero__sub{color:var(--ink-2);font-variation-settings:"opsz" 24;max-width:28ch;font-size:clamp(1.125rem,1rem + .6vw,1.5rem)}.hero__links{flex-wrap:wrap;gap:20px;margin-top:8px;display:flex}.hero__links a{font-weight:500}.hero__hint{left:var(--gutter);margin:0;position:absolute;bottom:28px}@media (min-width:720px){.hero__hint{left:calc((100% - min(100% - var(--gutter) * 2, var(--wrap))) / 2)}}.manifesto{min-height:320svh;padding:0;display:block}.manifesto__sticky{align-items:center;height:100svh;display:flex;position:sticky;top:0}.beats{margin:0;padding:0;list-style:none;display:grid;position:relative}.beat{opacity:0;transition:opacity .6s var(--ease-expo), transform .6s var(--ease-expo);pointer-events:none;grid-area:1/1;transform:translateY(14px)}.beat.is-on{opacity:1;pointer-events:auto;transform:none}.beat p{color:var(--ink-2);max-width:30ch;margin-top:18px;font-size:clamp(1.0625rem,1rem + .5vw,1.375rem)}.beats__dots{gap:10px;margin:40px 0 0;padding:0;list-style:none;display:flex}.beats__dots li{background:var(--line);width:28px;height:2px;transition:background .3s}.beats__dots li.is-on{background:var(--ink)}.bench-section--sub{min-height:80svh}.specimen{gap:10px;max-width:34ch;display:grid}.specimen h3 a{text-decoration:none}.specimen h3 a:hover{color:var(--accent-ink)}.specimen__tag{align-items:center;gap:8px;margin:0 0 6px;display:inline-flex}.specimen__link{margin-top:6px;font-weight:500;display:inline-block}.specimen--next h3{color:var(--ink-3)}.specimen__sub{margin:-4px 0 0}.specimen__desc{color:var(--ink-2);max-width:40ch;font-size:.9375rem}.specimen__platforms{margin-top:2px}.dot{background:var(--line);border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.dot--live{background:var(--accent);box-shadow:0 0 0 3px #2099932e;box-shadow:0 0 0 3px lab(57.0566% -33.7969 -6.71984/.18)}.dot--build{border:1.5px solid var(--accent);background:0 0}.labels{z-index:var(--z-content);pointer-events:none;opacity:0;display:none;position:fixed;inset:0}.labels.is-on{display:block}.label{cursor:pointer;pointer-events:auto;font:500 .75rem/1 var(--mono);color:var(--ink);text-transform:lowercase;white-space:nowrap;background:0 0;border:0;margin:0;padding:0 0 18px;position:absolute;top:0;left:0;transform:translate(-9999px,-9999px)translate(-50%,-100%)}.label:after{content:"";background:var(--ink-3);width:1px;height:14px;position:absolute;bottom:0;left:50%}.label:hover{color:var(--accent-ink)}.label:hover:after{background:var(--accent)}@media (max-width:899px){.labels{display:none!important}}.clock{right:var(--gutter);z-index:var(--z-content);text-align:right;pointer-events:none;opacity:0;transition:opacity .9s var(--ease-expo) .6s;justify-items:end;gap:4px;display:grid;position:fixed;bottom:28px}.clock [data-clock-time]{color:var(--ink);font-variant-numeric:tabular-nums;font-size:1.125rem}html.is-ready .clock{opacity:1}html.is-ready .clock.is-off{opacity:0;transition-duration:.3s;transition-delay:0s}@media (min-width:720px){.clock{right:calc((100% - min(100% - var(--gutter) * 2, var(--wrap))) / 2)}}@media (max-width:719px){.clock{display:none}}html.still-mode .clock,html.still-mode .labels{visibility:hidden}.steps{gap:8px;margin:0;padding:0;list-style:none;display:grid}.step{border-top:1px solid var(--line);grid-template-rows:auto auto;grid-template-columns:40px 1fr;column-gap:16px;padding:22px 0;display:grid}.step:last-child{border-bottom:1px solid var(--line)}.step__n{color:var(--ink);grid-row:1/3;align-self:start;padding-top:4px;font-size:1rem}.step h3{grid-column:2}.step p{color:var(--ink-2);grid-column:2;margin-top:6px}.caps{gap:0;margin:0;display:grid}.caps>div{border-top:1px solid var(--line);gap:4px;padding:18px 0;display:grid}.caps>div:last-child{border-bottom:1px solid var(--line)}.caps dt{letter-spacing:-.01em;font-size:1.25rem;font-weight:500}.caps dd{color:var(--ink-2);margin:0}.contact{min-height:90svh}.contact__title{font-size:clamp(2rem,1.2rem + 3.4vw,4.25rem)}.contact__mail{letter-spacing:-.02em;border-bottom:2px solid var(--accent);margin-top:32px;padding-bottom:4px;font-size:clamp(1.25rem,1rem + 1.4vw,2rem);font-weight:500;text-decoration:none;display:inline-block}.contact__mail:hover{color:var(--accent-ink)}.contact__sub{color:var(--ink-2);margin-top:18px}.foot{z-index:var(--z-content);color:var(--ink-2);padding:24px 0 32px;font-size:.9375rem;position:relative}.foot__row{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding-top:18px;display:flex}.foot__row a{color:var(--ink-2);text-decoration:none}.foot__row a:hover{color:var(--accent-ink);text-decoration:underline}.preloader{z-index:var(--z-preloader);background:var(--bg);transition:opacity .5s var(--ease-expo), visibility 0s .5s;place-content:center;justify-items:center;gap:18px;display:grid;position:fixed;inset:0}.preloader.is-done{opacity:0;visibility:hidden}.preloader__mark{color:var(--ink)}.preloader__bar{background:var(--line);width:120px;height:2px;overflow:hidden}.preloader__bar i{background:var(--ink);transform-origin:0;width:100%;height:100%;transition:transform .3s var(--ease-expo);display:block;transform:scaleX(0)}html.js-motion .hero__title .line>span{transform:translateY(110%)}html.js-motion.is-ready .hero__title .line>span{transition:transform .9s var(--ease-expo);transform:none}html.js-motion.is-ready .hero__title .line:nth-child(2)>span{transition-delay:90ms}html.js-motion .hero__label,html.js-motion .hero__sub,html.js-motion .hero__links,html.js-motion .hero__hint{opacity:0}html.js-motion.is-ready .hero__label,html.js-motion.is-ready .hero__sub,html.js-motion.is-ready .hero__links,html.js-motion.is-ready .hero__hint{opacity:1;transition:opacity .7s var(--ease-expo)}html.js-motion.is-ready .hero__label{transition-delay:60ms}html.js-motion.is-ready .hero__sub{transition-delay:.26s}html.js-motion.is-ready .hero__links{transition-delay:.38s}html.js-motion.is-ready .hero__hint{transition-delay:.9s}html.js-motion .specimen__tag{clip-path:inset(0 100% 0 0)}html.js-motion .specimen h3,html.js-motion .specimen>p:not(.specimen__tag),html.js-motion .specimen__link{opacity:0;transform:translateY(10px)}html.js-motion .specimen.is-in .specimen__tag{clip-path:inset(0);transition:clip-path .7s var(--ease-expo)}html.js-motion .specimen.is-in h3,html.js-motion .specimen.is-in>p:not(.specimen__tag),html.js-motion .specimen.is-in .specimen__link{opacity:1;transition:opacity .6s var(--ease-expo), transform .6s var(--ease-expo);transform:none}html.js-motion .specimen.is-in h3{transition-delay:.18s}html.js-motion .specimen.is-in>p:not(.specimen__tag){transition-delay:.26s}html.js-motion .specimen.is-in .specimen__link{transition-delay:.34s}html.js-motion .step{opacity:0}html.js-motion .step .step__n{transform:translateY(-14px)}html.js-motion .step.is-in{opacity:1;transition:opacity .5s var(--ease-expo)}html.js-motion .step.is-in .step__n{transition:transform .7s var(--ease-expo);transform:none}html.js-motion .step.is-in[data-step="1"],html.js-motion .step.is-in[data-step="1"] .step__n{transition-delay:.14s}html.js-motion .step.is-in[data-step="2"],html.js-motion .step.is-in[data-step="2"] .step__n{transition-delay:.28s}html.js-motion .caps>div{opacity:0;border-top-color:#0000}html.js-motion .caps.is-in>div{border-top-color:var(--line);opacity:1;transition:opacity .5s var(--ease-expo), border-color .5s}html.js-motion .caps.is-in>div:nth-child(2){transition-delay:90ms}html.js-motion .caps.is-in>div:nth-child(3){transition-delay:.18s}html.js-motion .caps.is-in>div:nth-child(4){transition-delay:.27s}html.js-motion .section__title,html.js-motion .contact__title,html.js-motion .contact__mail,html.js-motion .contact__sub{opacity:0;transform:translateY(12px)}html.js-motion .is-in>.section__title,html.js-motion .contact.is-in .contact__title,html.js-motion .contact.is-in .contact__mail,html.js-motion .contact.is-in .contact__sub{opacity:1;transition:opacity .7s var(--ease-expo), transform .7s var(--ease-expo);transform:none}html.js-motion .contact.is-in .contact__mail{transition-delay:.16s}html.js-motion .contact.is-in .contact__sub{transition-delay:.28s}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;transition-delay:0s!important;animation:none!important}}
