@layer reset{*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body,h1,h2,h3,p,ol{margin:0}ol{padding:0;list-style:none}img{max-width:100%;display:block}a{color:inherit}button,input,textarea,select{font:inherit}}@layer base{:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:oklch(7.5% 0 0);--surface:oklch(11.5% 0 0);--surface-raised:oklch(17% .012 113);--ink:oklch(96% 0 0);--muted:oklch(69% .008 113);--subtle:oklch(42% .01 113);--line:oklch(25% .008 113);--primary:oklch(79.7% .166 113.1);--primary-dark:oklch(36% .096 113.1);--accent:oklch(72% .16 32);--header-height:6rem;--page-pad:clamp(1.25rem, 4vw, 4.5rem);--content-width:94rem;--ease-out:cubic-bezier(.16, 1, .3, 1);--z-header:20}body{background:var(--bg);min-width:20rem;color:var(--ink);font-optical-sizing:auto;text-rendering:optimizelegibility;font-family:Bricolage Grotesque,Segoe UI,sans-serif;line-height:1.5;overflow-x:hidden}::selection{background:var(--primary);color:var(--bg)}:focus-visible{outline:2px solid var(--primary);outline-offset:5px}[hidden]{display:none!important}h1,h2,h3{text-wrap:balance;line-height:.98}p{text-wrap:pretty}.skip-link{z-index:calc(var(--z-header) + 1);background:var(--primary);color:var(--bg);transition:transform .18s var(--ease-out);border-radius:999px;padding:.75rem 1rem;text-decoration:none;position:fixed;top:.75rem;left:.75rem;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}}@layer layout{.site-header{z-index:var(--z-header);height:var(--header-height);padding-inline:var(--page-pad);transition:background-color .35s var(--ease-out), border-color .35s var(--ease-out);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0 0 auto}.site-header.is-scrolled{background:color-mix(in oklch, var(--bg) 88%, transparent);border-bottom-color:var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{align-items:center;width:clamp(8.5rem,14vw,12rem);display:inline-flex}.brand img{aspect-ratio:2.9;object-fit:contain;width:100%}.site-nav{align-items:center;gap:clamp(1.1rem,2.2vw,2.5rem);display:flex}.site-nav a{color:var(--muted);font-size:.92rem;text-decoration:none;transition:color .18s;position:relative}.site-nav a:after{content:"";background:var(--primary);transform-origin:100%;height:1px;transition:transform .22s var(--ease-out);position:absolute;bottom:-.4rem;left:0;right:0;transform:scaleX(0)}.site-nav a:hover,.site-nav a:focus-visible{color:var(--ink)}.site-nav a:hover:after,.site-nav a:focus-visible:after{transform-origin:0;transform:scaleX(1)}main,.site-footer{max-width:var(--content-width);margin-inline:auto}.hero{min-height:100svh;padding:calc(var(--header-height) + 3rem) var(--page-pad) 4rem;isolation:isolate;grid-template-columns:minmax(0,1.12fr) minmax(19rem,.88fr);align-items:center;display:grid;position:relative}.hero:before{content:"";z-index:-1;background:radial-gradient(circle, color-mix(in oklch, var(--primary) 14%, transparent), transparent 65%);filter:blur(14px);pointer-events:none;border-radius:50%;width:48rem;height:48rem;position:absolute;top:22%;right:-8%}.hero-copy{z-index:2;max-width:56rem;position:relative}.hero-intro{border-bottom:1px solid var(--primary-dark);width:fit-content;color:var(--muted);margin-bottom:clamp(1.5rem,4vh,3.5rem);padding-bottom:.45rem;font-size:clamp(.84rem,1vw,1rem)}.hero h1{letter-spacing:-.04em;max-width:11ch;font-size:clamp(3.55rem,7.4vw,6rem);font-weight:650}.hero h1 span{color:var(--primary)}.hero-lede{max-width:38rem;color:var(--muted);margin-top:clamp(1.75rem,4vh,3rem);font-size:clamp(1.05rem,1.45vw,1.3rem);line-height:1.55}.text-link{border-bottom:1px solid var(--ink);align-items:center;gap:.7rem;margin-top:2.25rem;padding-bottom:.35rem;font-weight:600;text-decoration:none;display:inline-flex}.text-link span{color:var(--primary);transition:transform .2s var(--ease-out)}.text-link:hover span{transform:translate(.2rem,.2rem)}.hero-index{right:var(--page-pad);color:var(--subtle);letter-spacing:.12em;font-size:.72rem;position:absolute;bottom:2rem}.studio-section{padding:clamp(7rem, 14vw, 13rem) var(--page-pad);border-top:1px solid var(--line);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(3rem,10vw,10rem);display:grid}.section-heading>p,.apps-heading>p{color:var(--primary);margin-bottom:1.25rem}.section-heading h2,.apps-heading h2,.principles-intro h2,.archive-copy h2{letter-spacing:-.035em;font-size:clamp(2.65rem,5vw,5rem);font-weight:520}.studio-copy{align-self:end;max-width:42rem}.studio-copy .statement{color:var(--ink);letter-spacing:-.025em;margin-bottom:2rem;font-size:clamp(1.55rem,2.5vw,2.45rem);line-height:1.22}.studio-copy>p:last-child{max-width:58ch;color:var(--muted);font-size:1.05rem;line-height:1.7}.principles{padding:clamp(6rem, 10vw, 9rem) var(--page-pad) clamp(8rem, 14vw, 13rem);background:var(--ink);color:var(--bg)}.principles-intro{justify-content:space-between;align-items:end;gap:3rem;margin-bottom:clamp(4rem,8vw,8rem);display:flex}.principles-intro h2{max-width:10ch}.principles-intro p{color:oklch(32% .008 113);max-width:28ch;font-size:1.1rem}.principles-list li{border-top:1px solid oklch(78% 0 0);grid-template-columns:4rem minmax(15rem,.8fr) minmax(18rem,1fr);align-items:baseline;gap:clamp(1.5rem,4vw,5rem);padding-block:clamp(1.75rem,3vw,2.75rem);display:grid}.principles-list li:last-child{border-bottom:1px solid oklch(78% 0 0)}.principle-number{color:var(--primary-dark);font-variant-numeric:tabular-nums;font-size:.86rem}.principles-list h3{font-size:clamp(1.35rem,2.1vw,2rem);font-weight:600;line-height:1.15}.principles-list p{color:oklch(32% .008 113);max-width:46ch;line-height:1.65}.apps-section{padding:clamp(7rem, 12vw, 11rem) var(--page-pad)}.apps-heading{grid-template-columns:.6fr 1.4fr;gap:2rem;margin-bottom:5rem;display:grid}.apps-heading h2{max-width:13ch}.app-row{border-top:1px solid var(--line);grid-template-columns:4rem minmax(16rem,1.4fr) minmax(10rem,.7fr) auto;align-items:center;gap:2rem;padding-block:2.5rem;display:grid}.app-row:last-child{border-bottom:1px solid var(--line)}.app-number,.app-platform{color:var(--muted)}.app-copy h3{margin-bottom:.5rem;font-size:1.6rem}.app-copy p{color:var(--muted)}.app-row>a{-webkit-text-decoration-color:var(--primary);text-decoration-color:var(--primary);text-underline-offset:.35rem}.archive-section{border-top:1px solid var(--line);grid-template-columns:minmax(17rem,.85fr) minmax(0,1.15fr);min-height:42rem;display:grid}.archive-mark{background:var(--primary);min-height:35rem;color:var(--bg);letter-spacing:-.12em;grid-template-columns:1fr 1fr;align-items:center;font-size:clamp(8rem,21vw,24rem);font-weight:750;line-height:.75;display:grid;position:relative;overflow:hidden}.archive-mark span{transform:translate(-.04em)}.archive-copy{background:var(--surface);flex-direction:column;justify-content:center;padding:clamp(3rem,8vw,8rem);display:flex}.archive-copy p{max-width:38rem;color:var(--muted);margin-top:2.5rem;font-size:clamp(1.05rem,1.6vw,1.35rem);line-height:1.65}.site-footer{padding:2.25rem var(--page-pad);color:var(--muted);grid-template-columns:1fr auto auto;align-items:center;gap:2rem;font-size:.86rem;display:grid}.footer-brand{color:var(--ink);font-weight:650;text-decoration:none}}@layer components{.craft-object{--pointer-x:0px;--pointer-y:0px;aspect-ratio:1;width:min(38vw,35rem);transform:translate(var(--pointer-x), var(--pointer-y));justify-self:end;transition:filter .3s;position:relative}.object-core{background:var(--primary);color:var(--bg);box-shadow:0 0 0 1px color-mix(in oklch, var(--primary) 42%, transparent);border-radius:50%;place-items:center;display:grid;position:absolute;inset:23%;overflow:hidden}.object-core:before{content:"";border:1px solid color-mix(in oklch, var(--bg) 20%, transparent);border-radius:50%;position:absolute;inset:9%}.core-label{letter-spacing:-.08em;font-size:clamp(3.5rem,7vw,6.5rem);font-weight:750;transform:translate(-.04em)}.core-dot{background:var(--bg);border-radius:50%;width:.55rem;height:.55rem;position:absolute;bottom:21%;right:20%}.orbit{border:1px solid var(--line);border-radius:50%;position:absolute;inset:10%}.orbit:before,.orbit:after{content:"";background:var(--primary);border-radius:50%;width:.46rem;height:.46rem;position:absolute}.orbit:before{top:8%;right:21%}.orbit:after{bottom:10%;left:18%}.orbit-b{border-color:color-mix(in oklch, var(--line) 70%, transparent);inset:0;transform:rotate(31deg)}.orbit-word{background:var(--bg);color:var(--muted);letter-spacing:.06em;border-radius:999px;padding:.35rem .7rem;font-size:.76rem;position:absolute}.word-one{top:7%;left:18%}.word-two{top:45%;right:-1%}.word-three{bottom:4%;left:34%}.signal{background:var(--primary);transform-origin:bottom;width:1px;height:2.5rem;position:absolute}.signal-a{top:16%;left:16%;transform:rotate(-42deg)}.signal-b{top:29%;right:9%;transform:rotate(54deg)}.signal-c{bottom:10%;right:19%;transform:rotate(142deg)}}@layer motion{@keyframes core-arrive{0%{opacity:0;filter:blur(18px);transform:scale(.78)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes orbit-turn{to{transform:rotate(360deg)}}@keyframes orbit-turn-offset{0%{transform:rotate(31deg)}to{transform:rotate(391deg)}}.object-core{animation:core-arrive 1.2s var(--ease-out) .12s both}.orbit-a{animation:26s linear infinite orbit-turn}.orbit-b{animation:42s linear infinite reverse orbit-turn-offset}.hero-copy>*{animation:core-arrive .85s var(--ease-out) both}.hero-copy>:first-child{animation-delay:40ms}.hero-copy>:nth-child(2){animation-delay:.12s}.hero-copy>:nth-child(3){animation-delay:.21s}.hero-copy>:nth-child(4){animation-delay:.28s}.has-reveal .studio-section,.has-reveal .principles-intro,.has-reveal .principles-list li,.has-reveal .archive-section{opacity:.35;transition:opacity .85s var(--ease-out), transform .85s var(--ease-out);transform:translateY(2.5rem)}.has-reveal .principles-list li:nth-child(2){transition-delay:80ms}.has-reveal .principles-list li:nth-child(3){transition-delay:.16s}.has-reveal .is-visible{opacity:1;transform:translateY(0)}}@media (width<=880px){:root{--header-height:5.25rem}.hero{min-height:auto;padding-top:calc(var(--header-height) + 5rem);grid-template-columns:1fr;align-content:center;gap:3rem;padding-bottom:6rem}.hero-copy{max-width:46rem}.craft-object{justify-self:center;width:min(82vw,31rem)}.hero-index{display:none}.studio-section,.archive-section{grid-template-columns:1fr}.studio-section{gap:4rem}.principles-intro{flex-direction:column;align-items:start}.principles-list li{grid-template-columns:3rem 1fr}.principles-list p{grid-column:2}.archive-mark{min-height:25rem}.archive-copy{min-height:31rem}}@media (width<=600px){.site-header{align-items:center}.brand{width:8.25rem}.site-nav{gap:1rem}.site-nav a{font-size:.82rem}.hero{padding-top:calc(var(--header-height) + 3.5rem)}.hero h1{font-size:clamp(3.15rem,15vw,4.25rem)}.craft-object{width:88vw;margin-left:-5vw}.studio-section{padding-block:6rem}.principles-list li{grid-template-columns:2.2rem 1fr;gap:1rem}.apps-heading,.app-row{grid-template-columns:1fr}.app-row{gap:1rem}.archive-mark{min-height:19rem;font-size:42vw}.site-footer{grid-template-columns:1fr auto}.site-footer>p:nth-child(2){display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.craft-object{transform:none!important}}