:root{--bg: #0a0a0b;--bg-soft: #101012;--bg-card: #141416;--text: #ece8e1;--text-dim: #8c8b84;--text-faint: #5a5953;--line: rgba(236, 232, 225, .12);--line-soft: rgba(236, 232, 225, .07);--accent: #d4ff3d;--accent-dim: #9bb84a;--font-sans: "Space Grotesk", system-ui, sans-serif;--font-serif: "Instrument Serif", Georgia, serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--pad-x: clamp(1.25rem, 5vw, 6rem);--maxw: 1600px;--ease: cubic-bezier(.22, 1, .36, 1);--ease-inout: cubic-bezier(.65, .05, .36, 1)}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}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(--text);font-family:var(--font-sans);font-weight:400;line-height:1.5;overflow-x:hidden;-webkit-tap-highlight-color:transparent}::selection{background:var(--accent);color:#0a0a0b}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9990;pointer-events:none;opacity:.045;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9989;pointer-events:none;background:radial-gradient(130% 100% at 50% 0%,transparent 55%,rgba(0,0,0,.5) 100%)}.section{position:relative;padding:clamp(5rem,12vh,11rem) var(--pad-x)}.section-inner{max-width:var(--maxw);margin:0 auto}.eyebrow{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--accent-dim);display:inline-flex;align-items:center;gap:.7em}.eyebrow:before{content:"";width:28px;height:1px;background:var(--accent-dim);display:inline-block}.reveal{opacity:0}.line-mask{overflow:hidden;display:block;padding-bottom:.18em;margin-bottom:-.18em}.line-mask>span{display:block;will-change:transform}.nav{position:fixed;top:0;left:0;width:100%;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:1.4rem var(--pad-x);mix-blend-mode:difference}.nav-logo{font-family:var(--font-sans);font-weight:600;font-size:1.05rem;letter-spacing:-.02em;display:flex;align-items:center;gap:.55rem}.nav-logo .mark{width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 16px var(--accent)}.nav-links{display:flex;gap:2.2rem;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.04em}.nav-links a{position:relative;padding-bottom:2px}.nav-links a:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .4s var(--ease)}.nav-links a:hover:after{transform:scaleX(1);transform-origin:left}@media (max-width: 720px){.nav-links{display:none}}.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;background:var(--bg);display:flex;align-items:flex-end;justify-content:space-between;padding:var(--pad-x);padding-bottom:clamp(2rem,6vh,4rem)}.loader-count{font-family:var(--font-sans);font-weight:500;font-size:clamp(4rem,18vw,16rem);line-height:.8;letter-spacing:-.04em}.loader-label{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);text-align:right;max-width:16ch;margin-bottom:.5rem}.loader-bar{position:absolute;left:0;bottom:0;height:2px;width:0%;background:var(--accent)}.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:0 var(--pad-x);overflow:hidden}.hero-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.9}.hero-glow{position:absolute;z-index:0;width:60vw;height:60vw;left:55%;top:35%;background:radial-gradient(circle,rgba(212,255,61,.1) 0%,transparent 60%);filter:blur(40px);pointer-events:none}.hero-inner{position:relative;z-index:2;max-width:var(--maxw);margin:0 auto;width:100%}.hero h1{font-family:var(--font-sans);font-weight:500;font-size:clamp(2.6rem,8.4vw,9.2rem);line-height:.95;letter-spacing:-.04em;text-transform:none}.hero h1 em{font-family:var(--font-serif);font-style:italic;font-weight:400;color:var(--accent)}.hero-sub{margin-top:clamp(1.6rem,4vh,2.6rem);max-width:46ch;font-size:clamp(1rem,1.4vw,1.25rem);line-height:1.55;color:var(--text-dim)}.hero-meta{position:absolute;bottom:clamp(1.5rem,5vh,3rem);left:var(--pad-x);right:var(--pad-x);z-index:2;display:flex;justify-content:space-between;align-items:flex-end;font-family:var(--font-mono);font-size:.74rem;letter-spacing:.05em;color:var(--text-dim);max-width:var(--maxw);margin:0 auto}.hero-scroll{display:flex;align-items:center;gap:.6rem}.hero-scroll .dot{width:7px;height:7px;border-radius:50%;border:1px solid var(--text-dim);position:relative}.hero-scroll .dot:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:50%;background:var(--accent);animation:pulse 2s var(--ease) infinite}@keyframes pulse{0%,to{transform:scale(.3);opacity:.4}50%{transform:scale(1);opacity:1}}.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:1.4rem 0;overflow:hidden;white-space:nowrap;background:var(--bg-soft)}.marquee-track{display:inline-flex;gap:3rem;will-change:transform}.marquee-track span{font-family:var(--font-serif);font-style:italic;font-size:clamp(1.4rem,3vw,2.4rem);color:var(--text);display:inline-flex;align-items:center;gap:3rem}.marquee-track span:after{content:"✳";font-style:normal;color:var(--accent);font-size:.7em}.manifesto p{font-family:var(--font-sans);font-weight:400;font-size:clamp(1.7rem,4.4vw,3.6rem);line-height:1.2;letter-spacing:-.02em;max-width:22ch}.manifesto .lead{max-width:28ch}.manifesto em{font-family:var(--font-serif);font-style:italic;color:var(--accent)}.manifesto .word{display:inline-block;will-change:transform,opacity}.work-head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:1.5rem;margin-bottom:clamp(2.5rem,6vh,4.5rem)}.work-head h2{font-size:clamp(2rem,5vw,3.6rem);font-weight:500;letter-spacing:-.03em;line-height:1}.work-head .count{font-family:var(--font-mono);font-size:.8rem;color:var(--text-dim)}.work-list{border-top:1px solid var(--line)}.work-item{position:relative;display:grid;grid-template-columns:4rem 1.6fr 1fr auto;gap:1.5rem;align-items:center;padding:clamp(1.5rem,3.4vh,2.6rem) 0;border-bottom:1px solid var(--line);cursor:pointer;transition:padding-left .5s var(--ease)}.work-item:hover{padding-left:1.5rem}.work-item .idx{font-family:var(--font-mono);font-size:.8rem;color:var(--text-faint)}.work-item .title{font-size:clamp(1.6rem,3.4vw,2.8rem);font-weight:500;letter-spacing:-.02em;line-height:1.05;transition:color .4s var(--ease)}.work-item .title .role{display:block;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.05em;color:var(--text-dim);margin-top:.6rem;font-weight:400}.work-item .desc{color:var(--text-dim);font-size:.95rem;line-height:1.5;max-width:34ch}.work-item .status{justify-self:end;display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.05em;white-space:nowrap;color:var(--text-dim);border:1px solid var(--line);padding:.45rem .8rem;border-radius:100px}.work-item .status .led{width:7px;height:7px;border-radius:50%;background:var(--text-dim)}.work-item .status.live .led{background:var(--accent);box-shadow:0 0 10px var(--accent)}.work-item .status.soon .led{background:#ffb547;box-shadow:0 0 10px #ffb547}.work-item:hover .title{color:var(--accent)}.work-item .arrow{position:absolute;right:0;opacity:0;transform:translate(-10px);transition:all .4s var(--ease);color:var(--accent);font-size:1.4rem}.work-preview{position:fixed;top:0;left:0;width:300px;height:210px;border-radius:10px;overflow:hidden;pointer-events:none;z-index:800;opacity:0;transform:translate(-50%,-50%) scale(.85);will-change:transform,opacity;border:1px solid var(--line)}.work-preview .pv{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .3s var(--ease);display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-style:italic;font-size:2rem;color:#ffffffe6}.work-preview .pv.active{opacity:1}@media (max-width: 860px){.work-item{grid-template-columns:2rem 1fr;gap:.4rem 1rem}.work-item .desc{grid-column:2;max-width:none}.work-item .status{grid-column:2;justify-self:start}}.system{background:var(--bg-soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.system-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,6vw,6rem);align-items:center}.system-grid h2{font-size:clamp(2rem,4.6vw,3.6rem);font-weight:500;letter-spacing:-.03em;line-height:1.05;margin:1.4rem 0 1.6rem}.system-grid h2 em{font-family:var(--font-serif);font-style:italic;color:var(--accent)}.system-grid p{color:var(--text-dim);font-size:1.05rem;line-height:1.6;max-width:44ch}.system-steps{margin-top:2.4rem;display:flex;flex-direction:column;gap:0}.system-step{display:flex;gap:1.2rem;padding:1.2rem 0;border-top:1px solid var(--line)}.system-step .n{font-family:var(--font-mono);font-size:.75rem;color:var(--accent-dim);padding-top:.2rem}.system-step h3{font-size:1.1rem;font-weight:500;margin-bottom:.3rem}.system-step p{font-size:.92rem;color:var(--text-dim)}.system-visual{position:relative;aspect-ratio:1 / 1;width:100%}@media (max-width: 900px){.system-grid{grid-template-columns:1fr}.system-visual{max-width:420px}}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.stat{background:var(--bg);padding:clamp(1.8rem,4vw,3rem) clamp(1.2rem,2vw,2rem)}.stat .num{font-family:var(--font-sans);font-weight:500;font-size:clamp(2.4rem,5vw,4.2rem);letter-spacing:-.03em;line-height:1;color:var(--text)}.stat .num em{font-family:var(--font-serif);font-style:italic;color:var(--accent)}.stat .lbl{margin-top:.7rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.05em;color:var(--text-dim);text-transform:uppercase}@media (max-width: 760px){.stats{grid-template-columns:repeat(2,1fr)}}.about-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,6vw,6rem)}.about-grid .label{position:sticky;top:8rem;align-self:start}.about-photo{display:block;width:clamp(200px,22vw,300px);max-width:100%;aspect-ratio:640 / 877;height:auto;margin-top:1.6rem;object-fit:cover;border-radius:14px;border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 60px -28px #000c}.about-body p{font-size:clamp(1.25rem,2.4vw,1.9rem);line-height:1.45;letter-spacing:-.01em;font-weight:400;margin-bottom:1.6rem}.about-body p:last-child{margin-bottom:0}.about-body em{font-family:var(--font-serif);font-style:italic;color:var(--accent)}.about-body .dim{color:var(--text-dim)}@media (max-width: 820px){.about-grid{grid-template-columns:1fr;gap:2rem}.about-grid .label{position:static}}.contact{position:relative;padding:clamp(5rem,14vh,11rem) var(--pad-x) 0;overflow:hidden}.contact-inner{max-width:var(--maxw);margin:0 auto}.contact h2{font-size:clamp(2.6rem,10vw,9rem);font-weight:500;letter-spacing:-.04em;line-height:.95}.contact h2 em{font-family:var(--font-serif);font-style:italic;color:var(--accent)}.contact-cta{display:inline-flex;align-items:center;gap:.8rem;margin-top:2.4rem;font-size:1.1rem;font-family:var(--font-mono);letter-spacing:.02em;border:1px solid var(--line);border-radius:100px;padding:1rem 1.8rem;transition:background .4s var(--ease),color .4s var(--ease),border-color .4s var(--ease)}.contact-cta:hover{background:var(--accent);color:#0a0a0b;border-color:var(--accent)}.contact-links{display:flex;gap:2rem;flex-wrap:wrap;margin-top:3rem;font-family:var(--font-mono);font-size:.82rem}.contact-links a{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-dim);transition:color .3s var(--ease)}.contact-links a:hover{color:var(--accent)}.footer{margin-top:clamp(4rem,10vh,8rem);padding:2rem var(--pad-x);border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;font-family:var(--font-mono);font-size:.72rem;color:var(--text-faint);letter-spacing:.04em}.footer-word{position:relative;font-family:var(--font-sans);font-weight:500;font-size:clamp(4rem,22vw,20rem);line-height:.78;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1px var(--line);text-align:center;margin-top:clamp(2rem,6vh,5rem);-webkit-user-select:none;user-select:none;white-space:nowrap}.work-item:hover .arrow{opacity:1;transform:translate(0)}.sys-svg{width:100%;height:100%;overflow:visible}.sys-line{stroke:var(--line);stroke-width:1}.sys-node{fill:var(--accent);transform-box:fill-box;transform-origin:center;animation:sysPulse 3.4s var(--ease) infinite}.sys-node.core{animation:none;opacity:1}@keyframes sysPulse{0%,to{opacity:.18;transform:scale(1)}50%{opacity:1;transform:scale(1.7)}}.sys-ring{fill:none;stroke:var(--accent);stroke-width:1;opacity:.25;transform-box:fill-box;transform-origin:center;animation:sysRing 3.4s var(--ease) infinite}@keyframes sysRing{0%{transform:scale(.4);opacity:.5}to{transform:scale(2.6);opacity:0}}.features{margin-top:clamp(1rem,3vh,2rem)}.feature{display:grid;grid-template-columns:.9fr 1.2fr;gap:clamp(2rem,5vw,5.5rem);align-items:center;padding:clamp(3rem,8vh,7rem) 0;border-top:1px solid var(--line)}.feature.rev .feature-copy{order:2}.feature.rev .feature-media{order:1}.feature-copy .feat-idx{font-family:var(--font-mono);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;display:block;margin-bottom:1.1rem}.feature-copy h3{font-size:clamp(2.2rem,4.6vw,3.9rem);font-weight:500;letter-spacing:-.03em;line-height:1;margin-bottom:1.2rem}.feature-copy>p{color:var(--text-dim);font-size:1.05rem;line-height:1.6;max-width:42ch}.feat-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.6rem}.feat-tag{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.03em;color:var(--text-dim);border:1px solid var(--line);border-radius:100px;padding:.42rem .85rem}.feat-meta{display:flex;align-items:center;gap:1.3rem;margin-top:1.9rem;flex-wrap:wrap}.feat-visit{font-family:var(--font-mono);font-size:.82rem;color:var(--pa, var(--accent));position:relative}.feat-visit:after{content:"";position:absolute;left:0;bottom:-3px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}.feat-visit:hover:after{transform:scaleX(1)}.feature-media{position:relative}.browser{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:var(--bg-card);box-shadow:0 40px 90px -40px #000000d9,inset 0 0 0 1px #ffffff05;transition:transform .5s var(--ease),box-shadow .5s var(--ease)}.feature-media:hover .browser{transform:translateY(-4px);box-shadow:0 55px 120px -45px #000000e6,0 0 70px -34px var(--pa, var(--accent))}.browser-bar{height:40px;display:flex;align-items:center;gap:8px;padding:0 15px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#ffffff09,#fff0)}.browser-bar .dot{width:11px;height:11px;border-radius:50%;background:#3a3a3d}.browser-bar .dot:nth-child(1){background:#ff5f57}.browser-bar .dot:nth-child(2){background:#febc2e}.browser-bar .dot:nth-child(3){background:#28c840}.browser-bar .url{margin-left:12px;font-family:var(--font-mono);font-size:.72rem;color:var(--text-dim);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.browser-view{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:#0e0e10}.browser-view-inner{position:absolute;top:0;right:0;bottom:0;left:0}.browser-view-inner img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top center;opacity:0;transition:opacity .5s var(--ease);-webkit-user-select:none;user-select:none}.browser-view-inner img.active{opacity:1}.browser-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7rem;text-align:center;padding:1rem}.browser-empty span{font-family:var(--font-sans);font-weight:500;font-size:clamp(1.6rem,3vw,2.4rem);letter-spacing:-.02em}.browser-empty small{font-family:var(--font-mono);font-size:.7rem;color:var(--text-faint)}.thumbs{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}.thumb{width:90px;aspect-ratio:16 / 10;border-radius:7px;overflow:hidden;border:1px solid var(--line);padding:0;background:#0e0e10;cursor:pointer;opacity:.42;transition:opacity .3s var(--ease),border-color .3s var(--ease),transform .3s var(--ease)}.thumb img{width:100%;height:100%;object-fit:cover;object-position:top center}.thumb:hover{opacity:.85;transform:translateY(-2px)}.thumb.active{opacity:1;border-color:currentColor}@media (max-width: 880px){.feature{grid-template-columns:1fr;gap:1.8rem;padding:3rem 0}.feature.rev .feature-copy{order:1}.feature.rev .feature-media{order:2}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition-duration:.01ms!important}.reveal{opacity:1!important}}