:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--night:#070a22;--night-2:#0b1033;--ink:#0b1033;--cream:#fff8ec;--cream-soft:#fff8ecd1;--gold:#ffcf6b;--blue:#2e90ff;--link:#8cc4ff;--rose:#ff8fb8;--mint:#7ff0cf;--error:#ff9b8f;--shade:5, 7, 24;--nav-h:76px;--gutter:clamp(20px, 4.6vw, 76px);--measure:58ch;--font:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--radius:22px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 12px);-webkit-text-size-adjust:100%;font-family:var(--font);background-color:#0000;background-image:radial-gradient(1px 1px at 12% 18%,#fff6e0e6,#0000 60%),radial-gradient(1px 1px at 72% 9%,#fff6e0cc,#0000 60%),radial-gradient(1.5px 1.5px at 38% 34%,#fff6e0b3,#0000 60%),radial-gradient(1px 1px at 88% 41%,#fff6e0cc,#0000 60%),radial-gradient(1px 1px at 22% 62%,#fff6e099,#0000 60%),radial-gradient(1.5px 1.5px at 61% 71%,#fff6e0b3,#0000 60%),radial-gradient(1px 1px at 7% 88%,#fff6e099,#0000 60%),linear-gradient(#040a24 0%,#0b1846 38%,#172463 64%,#1d1a52 82%,#0c0d2c 100%);background-position:0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat,repeat,repeat,repeat;background-size:420px 420px,380px 380px,520px 520px,460px 460px,400px 400px,560px 560px,480px 480px,100% 100%;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box,border-box,border-box;background-color:var(--night);font-size:18px;line-height:1.55}body{min-width:320px;color:var(--cream);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0}body,button,input,textarea{font:inherit}h1,h2,h3,p,ol,ul,figure,blockquote{margin:0}ol,ul{padding:0;list-style:none}a{color:inherit;text-decoration:none}img,picture,svg{max-width:100%;display:block}button{cursor:pointer;color:inherit;background:0 0;border:0;padding:0}main:focus,section[tabindex="-1"]:focus{box-shadow:none;outline:none}:focus-visible{outline:2px solid var(--link);outline-offset:2px;box-shadow:0 0 0 6px var(--night);border-radius:6px}.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-link{left:var(--gutter);z-index:100;background:var(--cream);color:var(--ink);transition:top .16s var(--ease-out);border-radius:999px;padding:12px 20px;font-weight:650;position:fixed;top:-80px}.skip-link:focus{top:14px}.world{z-index:0;pointer-events:none;opacity:0;width:100%;height:100lvh;transition:opacity .9s var(--ease-out);display:block;position:fixed;inset:0}.world-on .world{opacity:1}.static .world{display:none}main,.footer{z-index:1;position:relative;overflow-x:clip}.stage{position:relative}.planet-still{width:min(100%,560px);height:auto;margin:auto}.js .planet-still{opacity:0}:is(.no-world,.show-still) .planet-still{opacity:1}.stage--hero{place-items:center;display:grid}.planet-shot{width:min(100%,620px);height:auto;margin:auto}.has-shot .planet-still{display:none}.eyebrow{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--gold);font-size:.72rem;font-weight:600}.display{font-weight:900}.btn{min-height:48px;transition:transform .38s var(--ease-spring), background .2s, color .2s, box-shadow .3s;border-radius:999px;align-items:center;gap:.55em;padding:.85em 1.5em;font-size:1rem;font-weight:750;line-height:1;display:inline-flex}.btn--pill{background:var(--cream);color:var(--ink);box-shadow:0 10px 30px -12px #ffcf6b8c}.btn--pill:hover{background:var(--gold);transform:translateY(-3px)rotate(-1.5deg);box-shadow:0 16px 36px -12px #ffcf6bcc}.btn--pill:active{transform:translateY(0)scale(.97)}.btn--pill:focus-visible{box-shadow:0 0 0 6px var(--night)}.btn span[aria-hidden]{transition:transform .38s var(--ease-spring);display:inline-block}.btn:hover span[aria-hidden]{transform:translate(2px,-2px)}.hero__cta:hover span[aria-hidden]{transform:translateY(4px)}.link{min-height:24px;color:var(--link);text-underline-offset:.3em;font-weight:650;-webkit-text-decoration:underline #8cc4ff8c;text-decoration:underline #8cc4ff8c;text-decoration-thickness:2px;transition:text-decoration-color .2s,color .2s;display:inline-block}.link:hover{color:#b9dcff;text-decoration-color:currentColor}.link--arrow:after{content:"↗";content:"↗" / "";transition:transform .38s var(--ease-spring);margin-left:.35em;text-decoration:none;display:inline-block}.link--arrow:hover:after{transform:translate(3px,-3px)}.nav{z-index:50;height:var(--nav-h);padding:0 var(--gutter);-webkit-backdrop-filter:blur(16px)saturate(1.3);backdrop-filter:blur(16px)saturate(1.3);background:#070a22b3;border-bottom:1px solid #fff8ec14;align-items:center;gap:28px;display:flex;position:fixed;inset:0 0 auto}.nav__brand{letter-spacing:-.01em;align-items:center;min-height:24px;font-size:1.25rem;font-weight:900;display:inline-flex}.brand-mark{filter:drop-shadow(0 4px 10px #ff4f4559);flex:none;width:1.45em;height:1.45em;margin-right:.45em}.nav__links{gap:26px;margin-left:auto;display:flex}.nav__links a{padding:6px 0;font-weight:650;position:relative}.nav__links a:after{content:"";background:var(--gold);transform-origin:0;height:2px;transition:transform .38s var(--ease-spring);border-radius:2px;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.nav__links a:hover:after,.nav__links a[aria-current]:after{transform:scaleX(1)}.nav__cta{margin-left:8px}.hero{min-height:100svh;padding:calc(var(--nav-h) + 24px) 0 40px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;display:grid}.hero__copy{padding-left:var(--gutter);max-width:760px;padding-right:16px}.hero__title{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(2.6rem,4.7vw,5.4rem);font-weight:800;line-height:1.02}.hero__sub{max-width:30ch;color:var(--cream-soft);margin-top:26px;font-size:clamp(1.1rem,1.5vw,1.35rem);line-height:1.5}.hero__cta{margin-top:34px}.stage--hero{height:min(78vh,780px)}.section__head{max-width:640px}.section__head .eyebrow{margin-bottom:16px}.section__title{letter-spacing:-.015em;text-wrap:balance;font-size:clamp(2rem,3.5vw,3.3rem);font-weight:700;line-height:1.04}.work{grid-template-columns:minmax(0,46fr) minmax(0,54fr);padding-top:6vh;display:grid}.work__copy{padding:0 16px 0 var(--gutter);grid-area:1/1}.work__stage{grid-area:1/2}.stage--sticky{height:100vh;position:sticky;top:0}.proj{min-height:82vh;transition:opacity .5s var(--ease-out);align-content:center;gap:14px;padding:6vh 0;display:grid}.proj__mark{align-items:center;gap:16px;display:flex}.proj__num{font-family:var(--font-mono);letter-spacing:.12em;color:var(--gold);font-size:.8rem;font-weight:600}.proj__logo{width:64px;height:64px;transition:transform .5s var(--ease-spring);background:#fff;border-radius:18px;place-items:center;display:grid;overflow:hidden;transform:rotate(-4deg);box-shadow:0 10px 26px -10px #0009,0 0 0 3px #fff8ec24}.proj__logo--dark{background:#0d1224}.proj__logo img{object-fit:contain;width:100%;height:100%}@media (hover:hover){.proj:hover .proj__logo{transform:rotate(3deg)scale(1.06)}}.proj__cat{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-top:8px;font-size:.74rem;font-weight:600}.proj__title{letter-spacing:-.02em;font-size:clamp(2.3rem,4.1vw,3.8rem);font-weight:800;line-height:1}.proj__title a{background-image:linear-gradient(var(--gold), var(--gold));transition:background-size .5s var(--ease-out);background-position:0 100%;background-repeat:no-repeat;background-size:0% 4px;padding-bottom:6px;display:inline-block}@media (hover:hover){.proj__title a:hover{background-size:100% 4px}}.proj__claim{max-width:30ch;font-size:clamp(1.15rem,1.6vw,1.4rem);font-weight:650;line-height:1.35}.proj__body{gap:12px;margin-top:6px;display:grid}.proj__desc{max-width:var(--measure);color:var(--cream-soft)}.proj__built{font-family:var(--font-mono);color:var(--cream-soft);max-width:60ch;font-size:.8rem;line-height:1.6}.proj__meta{color:var(--cream);font-size:.9rem;font-weight:650}.work__more{padding:4vh 0 18vh;font-size:1.15rem}.motion .proj.is-quiet{opacity:.7}.motion .proj.is-quiet:focus-within{opacity:1}.work.is-paging{height:100svh;scroll-margin-top:calc(-1 * (var(--nav-h) + 12px));grid-template-rows:minmax(0,1fr);padding-top:0}.work.is-paging .work__copy{min-height:0;padding-top:calc(var(--nav-h) + 3vh);flex-direction:column;padding-bottom:4vh;display:flex}.work.is-paging .projects{margin-block:auto;display:grid}.work.is-paging .proj{opacity:0;pointer-events:none;grid-area:1/1;min-height:0;padding:3vh 0;transition:none}.work.is-paging .proj.is-current{opacity:1;pointer-events:auto}.work.is-paging .work__more{padding:0}.pager{z-index:5;-webkit-backdrop-filter:blur(12px)saturate(1.3);backdrop-filter:blur(12px)saturate(1.3);transition:opacity .4s var(--ease-out), transform .4s var(--ease-out);background:#070a22b3;border:1px solid #fff8ec24;border-radius:999px;padding:8px 10px;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 12px 30px -14px #000000b3}.pager.is-away{opacity:0;pointer-events:none;transform:translate(-50%,14px)}.pager ol{align-items:center;gap:4px;display:flex}.pager__dot{width:24px;height:24px;transition:width .45s var(--ease-out);border-radius:999px;flex:none;place-items:center;display:grid}.pager__dot:before{content:"";width:7px;height:7px;transition:width .45s var(--ease-out), background-color .25s, box-shadow .25s;background:#ffffffb3;border-radius:999px}.pager__dot:hover:before{background:#fff}.pager__dot[aria-current]{width:36px}.pager__dot[aria-current]:before{background:#fff;width:24px;box-shadow:0 0 12px #ffffff8c}.words{grid-template-columns:minmax(0,46fr) minmax(0,54fr);padding-top:10vh;display:grid}.words__stage{grid-area:1/2}.words__copy{padding:0 16px 0 var(--gutter);grid-area:1/1}.quotes{gap:30vh;margin:16vh 0 24vh;display:grid}.quote{background:var(--cream);color:var(--ink);transform-origin:100% 80%;border-radius:30px;padding:30px 34px 26px;position:relative;box-shadow:0 30px 60px -30px #000000a6}.quote:before{content:"";border-style:solid;border-width:12px 0 12px 18px;border-color:transparent transparent transparent var(--cream);position:absolute;bottom:34px;right:-16px}.quote blockquote p{font-size:clamp(1.12rem,1.55vw,1.32rem);font-weight:650;line-height:1.45}.quote figcaption{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:10px;margin-top:18px;font-size:.78rem;font-weight:650;display:inline-flex}.quote figcaption:before{content:"";background:var(--dot,var(--blue));border-radius:50%;width:10px;height:10px}.quotes li:first-child{--dot:#23a55a}.quotes li:nth-child(2){--dot:#d1a100}.quotes li:nth-child(3){--dot:#2e90ff}.quotes li:nth-child(4){--dot:#c9493f}.quotes li:nth-child(5){--dot:#f26b1d}.quotes li:nth-child(6){--dot:#0aa0e0}.quotes li:nth-child(2n) .quote{transform:rotate(.8deg)}.quotes li:nth-child(odd) .quote{transform:rotate(-.8deg)}.people{gap:44px;max-width:40rem;margin-top:52px;display:grid}.person{gap:8px;display:grid}.person__name{letter-spacing:-.02em;font-size:clamp(1.8rem,2.8vw,2.5rem);font-weight:800;line-height:1.05}.person__role{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);font-size:.74rem;font-weight:600;line-height:1.5}.person__bio{max-width:var(--measure);color:var(--cream-soft);margin-top:6px}.how{position:relative}.how__pin{grid-template-columns:minmax(0,46fr) minmax(0,54fr);align-items:center;min-height:100vh;display:grid}.how__copy{padding:calc(var(--nav-h) + 12px) 16px 40px var(--gutter)}.stage--how{height:100vh}.steps{counter-reset:step;gap:22px;margin-top:36px;display:grid}.step{transition:opacity .4s var(--ease-out), transform .5s var(--ease-spring);grid-template-columns:56px minmax(0,1fr);column-gap:16px;padding-left:0;display:grid;position:relative}.step__num{color:var(--gold);grid-row:span 2;font-size:2rem;font-weight:800;line-height:1}.step__title{font-size:clamp(1.5rem,2.2vw,2rem);font-weight:900;line-height:1.1}.step__text{max-width:36ch;color:var(--cream-soft);margin-top:4px}.motion .how.is-playing .step{opacity:.7}.motion .how.is-playing .step.is-on{opacity:1;transform:translate(10px)}.motion .how.is-playing .step.is-on .step__num{color:var(--mint)}.close{text-align:center;min-height:100vh;padding:12vh var(--gutter) 10vh;grid-template-rows:auto auto;align-content:center;justify-items:center;display:grid}.stage--close{width:min(78vw,560px);height:min(50vh,500px)}.close__copy{margin-top:2vh}.close__ask{color:var(--cream-soft);font-size:clamp(1.2rem,2vw,1.6rem);font-weight:700}.close__title{letter-spacing:-.03em;margin-top:10px;font-size:clamp(3.6rem,10vw,9.5rem);font-weight:800;line-height:.95}.close__title a{transition:color .25s;display:inline-block}@media (hover:hover){.close__title a:hover{color:var(--gold)}}.footer{padding:34px var(--gutter) 40px;background:rgba(var(--shade), .92);box-shadow:0 50vh 0 50vh rgba(var(--shade), .92);border-top:1px solid #fff8ec24;overflow-x:visible}.footer:before{content:"";pointer-events:none;background:linear-gradient(180deg, rgba(var(--shade), 0), rgba(var(--shade), .92));height:120px;position:absolute;bottom:100%;left:0;right:0}.footer__row{flex-wrap:wrap;align-items:center;gap:14px 30px;display:flex}.footer__brand{align-items:center;font-size:1.1rem;font-weight:900;display:inline-flex}.footer__links{gap:22px;display:flex}.footer__links a,.footer__top{text-underline-offset:.3em;align-items:center;min-height:24px;-webkit-text-decoration:underline #fff8ec59;text-decoration:underline #fff8ec59;display:inline-flex}.footer__links a:hover,.footer__top:hover{-webkit-text-decoration-color:var(--cream);text-decoration-color:var(--cream)}.footer__top{margin-left:auto}.footer__copy{width:100%;color:var(--cream-soft);font-size:.85rem}.footer__copy a{text-underline-offset:.3em;align-items:center;min-height:24px;margin-left:14px;-webkit-text-decoration:underline #fff8ec59;text-decoration:underline #fff8ec59;display:inline-flex}.footer__copy a:hover{-webkit-text-decoration-color:var(--cream);text-decoration-color:var(--cream)}.doc{padding:calc(var(--nav-h) + 8vh) var(--gutter) 12vh;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:0 4vw;display:grid}.doc>*{grid-column:1}.doc__stage{grid-area:1/2/span 4}.doc__stage .stage{height:100vh;margin-top:calc(-1 * (var(--nav-h) + 8vh));position:sticky;top:0}.doc__head{max-width:720px}.doc__head .eyebrow+*{margin-top:14px}.doc__title{letter-spacing:-.025em;font-size:clamp(2.8rem,6.4vw,6rem);font-weight:800;line-height:.95}.doc__claim{max-width:32ch;margin-top:18px;font-size:clamp(1.25rem,2vw,1.7rem);font-weight:700;line-height:1.3}.doc__head>.eyebrow:not(:first-child){margin-top:18px}.doc__lede{max-width:var(--measure);color:var(--cream-soft);margin-top:22px;font-size:1.1rem}.doc__back{color:var(--link);text-underline-offset:.35em;text-decoration:underline}.doc__logo{margin-bottom:20px}.prose{max-width:760px;margin-top:44px}.prose__block{border-top:1px solid #fff8ec29;gap:10px;padding:28px 0;display:grid}.prose__block h2{font-size:1.45rem;font-weight:700;line-height:1.2}.prose__block p{max-width:var(--measure);color:var(--cream-soft)}.doc__updated{color:var(--cream-soft);margin-top:36px;font-size:.9rem}.doc__actions{flex-wrap:wrap;gap:14px 32px;padding-top:34px;font-size:1.05rem;display:flex}.projects--index{gap:0;margin-top:48px;display:grid}.projects--index .proj{border-top:1px solid #fff8ec29;min-height:0;padding:40px 0}.projects--index .proj__title{font-size:clamp(2rem,3.4vw,3rem)}.form{gap:26px;max-width:620px;padding-top:36px;display:grid;position:relative}.form__intro{color:var(--cream-soft)}.field{gap:8px;display:grid}.field label{font-size:.92rem;font-weight:700}.field input,.field textarea{background:rgba(var(--shade), .55);width:100%;color:var(--cream);border:1px solid #fff8ec80;border-radius:14px;padding:14px 16px;transition:border-color .2s,background .2s}.field input:focus-visible,.field textarea:focus-visible{border-color:var(--link)}.field input[aria-invalid=true],.field textarea[aria-invalid=true]{border-color:var(--error)}.field textarea{resize:vertical;min-height:150px}.field__err{color:var(--error);min-height:1.2em;font-size:.85rem}.form__hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.form__status{color:var(--cream);min-height:1.5em}.btn--ink{background:var(--gold);color:var(--ink)}.btn--ink:hover{background:var(--cream);transform:translateY(-3px)rotate(-1deg)}:is(.static,.no-world) :is(.work,.words,.how__pin,.doc){grid-template-columns:minmax(0,1fr)}:is(.static,.no-world) :is(.work__stage,.words__stage,.stage--how,.stage--close,.doc__stage){display:none}:is(.static,.no-world) :is(.work__copy,.words__copy,.how__copy){max-width:820px;padding:0 var(--gutter);grid-area:auto/1}:is(.static,.no-world) .how__pin{min-height:0;padding:12vh 0}:is(.static,.no-world) .quotes{gap:6vh}:is(.static,.no-world) .proj{min-height:0}html.static{scroll-behavior:auto!important}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (forced-colors:active){html,body{color:canvastext;background:canvas}.world,.planet-still,.planet-shot{display:none!important}.proj,.step{opacity:1!important}.quote{color:canvastext;background:canvas;border:1px solid canvastext}.quote:before{display:none}.proj__logo{border:1px solid canvastext}.eyebrow,.proj__cat,.proj__num,.step__num{color:canvastext}.nav__links a[aria-current]{text-underline-offset:.3em;text-decoration:underline}}
