:root{--lab-sky:#e9f2fd;--lab-surface:#fff;--lab-deep:#dcebff;--brand-ink:#111315;--ink-muted:#4a5568;--ink-soft:#5a6478;--accent-wire:#2f4bc7;--brand-cyan:#77daf8;--brand-peri:#7ba4f0;--line:#11131524;--line-strong:#11131552;--orbit-cyan:#55d7f9;--orbit-violet:#7b72ef;--stage-gutter:clamp(1.25rem, 4vw, 4.5rem);--stage-max-width:1600px;--font-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", "Noto Sans SC", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, "Liberation Mono", monospace;--fs-display:clamp(4.5rem, 15vw, 14rem);--fs-h2:clamp(2rem, 5vw, 4.5rem);--fs-body:1rem;--fs-meta:.75rem;--content-width:1440px;--copy-width:760px;--page-gutter:clamp(1.25rem, 4vw, 4rem);--ease-out:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{background:var(--lab-sky);color:var(--brand-ink);scroll-behavior:smooth}body{background:var(--lab-sky);min-width:320px;font-family:var(--font-sans);font-size:var(--fs-body);text-rendering:optimizelegibility;margin:0;line-height:1.6;overflow-x:clip}a{color:inherit}a:focus-visible{outline:2px solid var(--accent-wire);outline-offset:4px}.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{z-index:20;border:1px solid var(--brand-ink);background:var(--lab-surface);color:var(--brand-ink);border-radius:999px;padding:.65rem .9rem;font-weight:700;text-decoration:none;position:fixed;top:.75rem;left:.75rem;transform:translateY(-180%)}.skip-link:focus-visible{transform:translateY(0)}.site-shell{width:min(100%, var(--stage-max-width));margin:0 auto}.cursor-trail{z-index:10;pointer-events:none;width:100%;height:100%;display:none;position:fixed;inset:0}@media (pointer:fine) and (prefers-reduced-motion:no-preference){.cursor-trail{display:block}}.hero-stage{isolation:isolate;min-height:100svh;padding:6.25rem var(--stage-gutter) 5.5rem;background:radial-gradient(circle at 50% 48%, #ffffffb8, transparent 42%), var(--lab-sky);place-items:center;display:grid;position:relative;overflow:hidden}.hero-stage:before,.hero-stage:after{z-index:0;background:var(--line);content:"";pointer-events:none;position:absolute}.hero-stage:before{width:1px;top:5.25rem;bottom:0;left:8.5%}.hero-stage:after{width:1px;top:5.25rem;bottom:0;right:8.5%}.stage-grid{z-index:-1;pointer-events:none;background-image:linear-gradient(#1113150b 1px,#0000 1px),linear-gradient(90deg,#1113150b 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0}.site-header{z-index:5;top:0;right:var(--stage-gutter);left:var(--stage-gutter);border-bottom:1px solid var(--line);min-height:5.25rem;font-family:var(--font-mono);font-size:var(--fs-meta);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;display:flex;position:absolute}.brand-mark{border:1px solid var(--brand-ink);width:44px;height:44px;color:var(--brand-ink);place-items:center;font-size:1.1rem;text-decoration:none;transition:transform .18s,background-color .18s;display:inline-grid}.brand-mark:hover,.brand-mark:focus-visible{background:var(--brand-ink);color:#fff;transform:rotate(45deg)}.brand-mark:hover span,.brand-mark:focus-visible span{transform:rotate(-45deg)}.brand-mark span{transition:transform .18s}.site-nav{align-items:center;display:flex}.site-nav a{min-height:44px;color:var(--ink-muted);align-items:center;text-decoration:none;display:inline-flex;position:relative}.site-nav a:after{transform-origin:100%;background:var(--accent-wire);content:"";height:1px;transition:transform .18s;position:absolute;bottom:.45rem;left:0;right:0;transform:scaleX(0)}.site-nav a:hover,.site-nav a:focus-visible{color:var(--brand-ink)}.site-nav a:hover:after,.site-nav a:focus-visible:after{transform-origin:0;transform:scaleX(1)}.stage-corner,.stage-bottom,.hero-kicker,.section-label,.stage-status,.footer-meta{color:var(--ink-soft);font-family:var(--font-mono);font-size:var(--fs-meta);letter-spacing:.08em;text-transform:uppercase;line-height:1.5}.stage-corner{z-index:4;margin:0;position:absolute}.stage-corner--top-left{top:7.5rem;left:var(--stage-gutter);align-items:flex-start;gap:1rem;display:flex}.corner-star{color:var(--brand-ink);font-size:1.25rem;line-height:1}.stage-corner--top-right{top:7.5rem;right:var(--stage-gutter);color:var(--brand-ink)}.stage-corner--top-right span{color:var(--ink-soft);padding:0 .65rem}.hero-composition{z-index:2;text-align:center;width:min(100%,1080px);margin-top:1.5rem;position:relative}.hero-kicker{color:var(--accent-wire);margin:0 0 1.4rem}.wordmark{color:var(--brand-ink);font-size:var(--fs-display);letter-spacing:-.1em;text-wrap:balance;margin:0;font-weight:780;line-height:.78}.wordmark-face{isolation:isolate;color:#0000;-webkit-text-stroke:1px #ffffff57;text-shadow:0 1px #ffffffd6,0 .04em #111315d1,0 .09em #1113159e,0 .16em .3em #11131542;background:linear-gradient(145deg,#050608 0%,#11151c 48%,#000 100%);-webkit-background-clip:text;background-clip:text;display:inline-block;position:relative;transform:translateY(.02em)}.wordmark-face:before,.wordmark-face:after{content:attr(data-text);pointer-events:none;display:block;position:absolute;inset:0}.wordmark-face:before{z-index:-1;color:#0000;-webkit-text-stroke:1px #11131561;filter:blur(.6px);background:linear-gradient(150deg,#ffffff57,#2a313e47 46%,#0000008a);-webkit-background-clip:text;background-clip:text;transform:translate(.022em,.055em)}.wordmark-face:after{z-index:1;color:#0000;mix-blend-mode:screen;background:linear-gradient(118deg,#0000 0 31%,#ffffffb8 36%,#ffffff14 40%,#0000 45% 100%);-webkit-background-clip:text;background-clip:text}.wordmark-x-glass{isolation:isolate;color:#0000;font-size:.88em;font-weight:inherit;letter-spacing:-.12em;-webkit-text-stroke:1px #ffffffb8;text-shadow:0 1px #ffffffdb,0 .05em #4c67cfb3,0 .11em #4743a485,0 .18em .3em #3f5db842;background-color:#0000;background-image:linear-gradient(#fffffff5 0%,#ffffff3d 15%,#0000 34%),linear-gradient(135deg,#c7f8ff 0%,#5fd5f3 38%,#617df0 68%,#b996f3 100%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:auto,auto;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;-webkit-background-clip:text;background-clip:text;margin-left:-.12em;display:inline-block;position:relative;transform:translateY(.025em)rotate(-5deg)}.wordmark-x-glass:before,.wordmark-x-glass:after{content:attr(data-text);pointer-events:none;display:block;position:absolute;inset:0}.wordmark-x-glass:before{z-index:-1;color:#0000;-webkit-text-stroke:1px #4858b061;filter:blur(.5px);background:linear-gradient(145deg,#ffffff80,#4d69d657 48%,#5630a080);-webkit-background-clip:text;background-clip:text;transform:translate(.022em,.055em)}.wordmark-x-glass:after{z-index:1;color:#0000;mix-blend-mode:screen;background:linear-gradient(118deg,#0000 0 31%,#ffffffc7 36%,#ffffff14 41%,#0000 46% 100%);-webkit-background-clip:text;background-clip:text}.hero-subtitle{letter-spacing:.16em;justify-content:center;align-items:center;gap:1.1rem;margin:clamp(1.75rem,4vh,3rem) 0 0;font-size:clamp(1.25rem,2.4vw,2rem);font-weight:650;display:flex}.hero-subtitle span{color:var(--accent-wire);font-size:.72em}.hero-claim{max-width:38rem;color:var(--ink-muted);text-wrap:pretty;margin:1.5rem auto 0;font-size:clamp(1rem,1.6vw,1.25rem)}.stage-art{z-index:1;pointer-events:none;width:min(92vw,1120px);height:auto;position:absolute;top:50%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.orbit{fill:none;stroke:var(--orbit-cyan);stroke-linecap:round;stroke-width:2px;opacity:.76}.orbit--one{stroke-dasharray:3 18;animation:12s ease-in-out infinite orbit-pulse}.orbit--two{stroke:var(--orbit-violet);stroke-dasharray:1 24;opacity:.56;animation:16s ease-in-out infinite reverse orbit-pulse}.orbit--three{stroke:#fff;stroke-width:3px;opacity:.72;animation:10s ease-in-out 1s infinite orbit-pulse}.art-ring{transform-box:fill-box;transform-origin:50%;animation:9s ease-in-out infinite object-float}.art-cube{transform-box:fill-box;transform-origin:50%;animation:8s ease-in-out 1.5s infinite object-float}.art-sphere{transform-box:fill-box;transform-origin:50%;animation:7s ease-in-out infinite node-drift}.art-sphere--small{animation-delay:-2s}.art-sphere--tiny{animation-delay:-4s}.art-spark{animation:5s ease-in-out infinite spark-pulse}.art-spark--right{animation-delay:-2.5s}.stage-bottom{z-index:4;right:var(--stage-gutter);bottom:2rem;left:var(--stage-gutter);border-top:1px solid var(--line);justify-content:space-between;align-items:end;gap:2rem;padding-top:1rem;display:flex;position:absolute}.stage-bottom p{margin:0}.stage-bottom p:first-child{color:var(--brand-ink)}.stage-bottom p:first-child span{color:var(--ink-soft);padding:0 .5rem}.stage-status{align-items:center;gap:.5rem;display:inline-flex}.stage-status span{background:var(--brand-cyan);border-radius:50%;width:.5rem;height:.5rem;box-shadow:0 0 0 5px #77daf833}.scroll-cue{z-index:4;right:var(--stage-gutter);min-height:44px;color:var(--ink-soft);font-family:var(--font-mono);font-size:var(--fs-meta);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.8rem;text-decoration:none;display:inline-flex;position:absolute;bottom:5.2rem}.scroll-line{background:var(--brand-ink);width:3.5rem;height:1px;display:block;position:relative}.scroll-line:after{border-top:1px solid var(--brand-ink);border-right:1px solid var(--brand-ink);content:"";width:7px;height:7px;position:absolute;top:-3px;right:0;transform:rotate(45deg)}.scroll-cue:hover,.scroll-cue:focus-visible{color:var(--brand-ink)}.archive-section{min-height:70vh;padding:clamp(5rem, 12vw, 11rem) var(--stage-gutter);background:var(--lab-sky)}.archive-panel{border-top:1px solid var(--brand-ink);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:end;gap:clamp(2rem,7vw,8rem);padding:clamp(1.5rem,4vw,3.5rem) 0;display:grid}.archive-panel h2{letter-spacing:-.07em;white-space:nowrap;max-width:none;margin:1rem 0 0;font-size:clamp(1.55rem,5vw,4.5rem);font-weight:650;line-height:.98}.archive-copy{max-width:32rem;color:var(--ink-muted);text-wrap:pretty;margin:0;font-size:clamp(1.1rem,2vw,1.45rem)}.archive-status{color:var(--ink-soft);align-items:center;gap:.5rem;margin:1.5rem 0 0;display:inline-flex}.archive-status:before{background:var(--brand-cyan);content:"";border-radius:50%;width:.5rem;height:.5rem;box-shadow:0 0 0 5px #77daf833}.project-list{border-top:1px solid var(--line-strong);grid-template-columns:minmax(10rem,.65fr) minmax(0,1.35fr);align-items:start;gap:clamp(1.5rem,6vw,7rem);margin-top:clamp(4rem,9vw,8rem);padding-top:1rem;display:grid}.project-list-heading h3{letter-spacing:-.05em;margin:1rem 0 0;font-size:clamp(1.2rem,2vw,1.75rem);font-weight:650}.project-card{min-height:12rem;color:inherit;background:linear-gradient(135deg,#ffffffbd,#dcebff94);border:1px solid #2f4bc74d;border-radius:1.5rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(1rem,3vw,2.5rem);padding:clamp(1.25rem,3vw,2.5rem);text-decoration:none;display:grid;position:relative;overflow:hidden;box-shadow:0 1.5rem 3rem #506ebe1f,inset 0 1px #ffffffd1}.project-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#77daf875,#7b72ef00);border-radius:50%;width:14rem;height:14rem;position:absolute;top:-40%;right:-12%}.project-card-index{color:var(--accent-wire);font-family:var(--font-mono);letter-spacing:-.08em;font-size:clamp(1.5rem,4vw,3rem)}.project-card-copy{z-index:1;position:relative}.project-card-status{color:var(--ink-soft);align-items:center;gap:.5rem;margin:0;font-size:.8rem;display:inline-flex}.project-card-status span{background:var(--brand-cyan);border-radius:50%;width:.5rem;height:.5rem;box-shadow:0 0 0 5px #77daf82e}.project-card h4{color:var(--brand-ink);letter-spacing:-.06em;margin:.5rem 0 0;font-size:clamp(1.5rem,3vw,2.6rem);font-weight:720}.project-card-copy>p:last-child{max-width:28rem;color:var(--ink-muted);margin:.65rem 0 0}.project-card-arrow{z-index:1;color:var(--accent-wire);font-size:2rem;position:relative}.primary-link{background:var(--brand-ink);color:#fff;min-height:52px;font-family:var(--font-mono);letter-spacing:.03em;border-radius:999px;justify-content:center;align-items:center;gap:.8rem;margin-top:2rem;padding:.75rem 1.2rem .75rem 1.35rem;font-size:.875rem;text-decoration:none;transition:transform .18s,background-color .18s;display:inline-flex}.primary-link:hover,.primary-link:focus-visible{background:var(--accent-wire);transform:translateY(-2px)}.primary-link span{color:var(--brand-cyan);font-size:1.1rem}.site-footer{padding:2rem var(--stage-gutter) 2.5rem;border-top:1px solid var(--line);background:var(--lab-sky);justify-content:space-between;align-items:end;gap:2rem;display:flex}.footer-brand{letter-spacing:-.04em;margin:0;font-size:clamp(1.1rem,2vw,1.5rem);font-weight:750}.footer-meta{text-align:right;margin:0}.js [data-reveal]{opacity:0;transform:translateY(24px)}.js [data-reveal].is-visible{opacity:1;transition:opacity .7s var(--ease-out), transform .7s var(--ease-out);transition-delay:var(--reveal-delay,0s);transform:translateY(0)}.js .stage-art[data-reveal]{transform:translate(-50%,calc(24px - 50%))}.js .stage-art[data-reveal].is-visible{transform:translate(-50%,-50%)}.js .scroll-cue[data-reveal]{transform:translateY(24px)}.js .scroll-cue[data-reveal].is-visible{transform:translateY(0)}@keyframes orbit-pulse{0%,to{stroke-dashoffset:0;opacity:.42}50%{stroke-dashoffset:36px;opacity:.9}}@keyframes object-float{0%,to{translate:0}50%{translate:0 -13px}}@keyframes node-drift{0%,to{translate:0}50%{translate:8px -12px}}@keyframes spark-pulse{0%,to{opacity:.34;scale:.85}50%{opacity:1;scale:1.1}}@media (width<=900px){.hero-stage{padding-left:2rem;padding-right:2rem}.stage-corner--top-left,.stage-corner--top-right{top:6.75rem}.stage-corner--top-right{right:2rem}.stage-bottom{left:2rem;right:2rem}.scroll-cue{right:2rem}}@media (width<=767px){.hero-stage{min-height:100svh;padding:5.5rem 1.25rem 7rem}.site-header{min-height:4.5rem;left:1.25rem;right:1.25rem}.hero-stage:before{left:12%}.hero-stage:after{right:12%}.stage-corner--top-left{gap:.6rem;font-size:.6rem;top:6rem;left:1.25rem}.stage-corner--top-right{text-align:right;max-width:9rem;font-size:.6rem;top:6rem;right:1.25rem}.stage-corner--top-right span{padding:0 .2rem}.hero-composition{margin-top:2.5rem}.hero-kicker{margin-bottom:1.1rem;font-size:.65rem}.wordmark{letter-spacing:-.12em;font-size:clamp(4.2rem,22vw,7.5rem)}.hero-subtitle{letter-spacing:.08em;gap:.6rem;margin-top:1.6rem;font-size:clamp(1rem,5vw,1.45rem)}.hero-claim{margin-top:1.1rem;font-size:.95rem}.stage-art{opacity:.65;width:170vw;max-width:none}.stage-bottom{padding-top:.75rem;font-size:.6rem;display:block;bottom:1.35rem;left:1.25rem;right:1.25rem}.stage-status{margin-top:.45rem}.scroll-cue{font-size:.6rem;bottom:5.7rem;left:50%;right:auto;transform:translate(-50%)}.js .scroll-cue[data-reveal]{transform:translate(-50%,24px)}.js .scroll-cue[data-reveal].is-visible{transform:translate(-50%)}.archive-section{min-height:72vh;padding-left:1.25rem;padding-right:1.25rem}.archive-panel{grid-template-columns:1fr;align-items:start;gap:2.5rem}.archive-panel h2{font-size:clamp(1.55rem,8vw,2.35rem)}.project-list{grid-template-columns:1fr;gap:1.5rem}.project-card{grid-template-columns:auto minmax(0,1fr)}.project-card-arrow{position:absolute;top:1.25rem;right:1.25rem}.site-footer{flex-direction:column;align-items:start;padding-left:1.25rem;padding-right:1.25rem}.footer-meta{text-align:left}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.js [data-reveal],.js [data-reveal].is-visible{opacity:1;transform:none}.js .stage-art[data-reveal],.js .stage-art[data-reveal].is-visible,.js .scroll-cue[data-reveal],.js .scroll-cue[data-reveal].is-visible{transform:none}}
