:root{--bg: #0a0a09;--bg-warm: #14130f;--ink: #ededeb;--ink-dim: #8a8a82;--ink-faint: #3e3e38;--line: rgba(255, 255, 255, .08);--line-bright: rgba(255, 255, 255, .14);--green: #6fa86f;--metal: linear-gradient(176deg, #f6f5f1 0%, #d8d7d0 34%, #9a998f 64%, #57564f 100%);--mono: "JetBrains Mono", ui-monospace, monospace;--sans: "Archivo", system-ui, sans-serif;--cond: "Archivo Narrow", "Archivo", sans-serif;--serif: "Instrument Serif", Georgia, serif;--ease-out: cubic-bezier(.2, .7, .2, 1);--gutter: clamp(20px, 5vw, 88px)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-weight:400;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:200;background:radial-gradient(120% 90% at 50% 0%,#14130f00 55%,#0505048c);mix-blend-mode:multiply}::selection{background:var(--ink);color:var(--bg)}a{color:inherit;text-decoration:none}.mono{font-family:var(--mono)}.label{font-family:var(--mono);font-size:11px;font-weight:400;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-dim)}.topbar{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;justify-content:space-between;align-items:flex-start;padding:clamp(20px,3.4vw,40px) var(--gutter)}.topbar.solid{position:relative}.wordmark-sm{font-family:var(--mono);font-size:13px;letter-spacing:.36em;text-transform:uppercase;color:var(--ink-dim);padding-top:2px}.back-link{font-family:var(--mono);font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-dim);padding-top:2px;transition:color .4s var(--ease-out)}.back-link:hover{color:var(--ink)}.menu{display:flex;flex-direction:column;align-items:flex-end;gap:7px}.menu a{font-family:var(--mono);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-dim);display:flex;gap:9px;align-items:baseline;transition:color .4s var(--ease-out)}.menu a .n{color:var(--ink-faint);font-size:9px}.menu a:hover{color:var(--ink)}.menu a:hover .n{color:var(--ink-dim)}.hamburger{display:none}.mobile-nav{position:fixed;inset:0;z-index:90;background:#080807f7;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;flex-direction:column;justify-content:center;gap:26px;padding:var(--gutter);opacity:0;visibility:hidden;transition:opacity .4s,visibility .4s}body.nav-open .mobile-nav{opacity:1;visibility:visible}.mobile-nav a{font-family:var(--cond);font-weight:700;font-size:11vw;text-transform:uppercase;letter-spacing:-.02em;color:var(--ink);display:flex;gap:16px;align-items:baseline}.mobile-nav a .n{font-family:var(--mono);font-size:12px;color:var(--ink-faint)}.hero{position:relative;height:100svh;min-height:600px;width:100%;overflow:hidden;background:var(--bg)}#field{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:1}.hero-glow{position:absolute;inset:0;z-index:2;pointer-events:none;background:radial-gradient(38% 40% at 50% 46%,rgba(126,100,56,.27) 0%,rgba(120,96,54,.1) 42%,transparent 72%);mix-blend-mode:screen;animation:glowBreathe 11s ease-in-out infinite}@keyframes glowBreathe{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}.hero-foot{position:absolute;left:0;right:0;bottom:0;z-index:15;pointer-events:none}.bigmark{position:relative;display:block;width:104%;margin-left:-2%;font-family:var(--cond);font-weight:800;font-size:clamp(4.5rem,23.2vw,23rem);line-height:.74;letter-spacing:-.025em;text-align:center;white-space:nowrap;padding-bottom:clamp(8px,1.2vw,22px);background:var(--metal);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 38%,rgba(0,0,0,.85) 58%,rgba(0,0,0,.25) 84%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 38%,rgba(0,0,0,.85) 58%,rgba(0,0,0,.25) 84%,transparent 100%);opacity:.94}.bigmark-glass{position:absolute;left:0;right:0;bottom:0;height:clamp(140px,26vw,360px);z-index:14;pointer-events:none;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 60%,#000 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 60%,#000 100%);background:linear-gradient(180deg,transparent,rgba(10,10,9,.35))}.meta-strip{display:flex;flex-wrap:wrap;gap:0 18px;padding:0 var(--gutter) 10px;font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim);opacity:.7}.meta-strip .dot{width:6px;height:6px;border-radius:50%;background:var(--green);display:inline-block;margin-right:7px;box-shadow:0 0 8px #6fa86fcc;animation:ledPulse 2.6s ease-in-out infinite}.meta-strip span{display:inline-flex;align-items:center}@keyframes ledPulse{0%,to{opacity:1;box-shadow:0 0 8px #6fa86fcc}50%{opacity:.4;box-shadow:0 0 2px #6fa86f4d}}.scroll-hint{position:absolute;left:50%;bottom:clamp(14px,2.4vw,30px);transform:translate(-50%);z-index:16;font-family:var(--mono);font-size:9px;letter-spacing:.34em;text-transform:uppercase;color:var(--ink-faint);display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none;mix-blend-mode:difference}.scroll-hint:after{content:"";width:1px;height:34px;background:linear-gradient(180deg,var(--ink-dim),transparent);animation:scrollPulse 2.4s ease-in-out infinite}@keyframes scrollPulse{0%,to{transform:scaleY(.4);opacity:.4;transform-origin:top}50%{transform:scaleY(1);opacity:1;transform-origin:top}}.section-head{display:flex;justify-content:space-between;align-items:baseline;padding:clamp(80px,12vw,180px) var(--gutter) clamp(40px,6vw,80px);gap:24px;flex-wrap:wrap}.section-head .idx{font-family:var(--mono);font-size:11px;letter-spacing:.3em;color:var(--ink-faint)}.section-head h2{font-family:var(--cond);font-weight:700;font-size:clamp(1.6rem,4vw,3rem);letter-spacing:-.01em;line-height:1;text-transform:uppercase}.section-head .sub{max-width:30ch;font-size:13px;color:var(--ink-dim);line-height:1.6}.projects{position:relative;padding:0 var(--gutter) clamp(60px,10vw,160px);perspective:1600px}.cards{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(20px,2.4vw,36px);align-items:start;transform-style:preserve-3d}.card:nth-child(1){grid-column:1 / 7;transform:translateY(0)}.card:nth-child(2){grid-column:8 / 13;transform:translateY(72px)}.card:nth-child(3){grid-column:2 / 8;transform:translateY(-26px)}.card:nth-child(4){grid-column:9 / 13;transform:translateY(34px)}.card{position:relative;display:block;color:inherit;padding:26px 26px 28px;border-radius:14px;background:linear-gradient(180deg,#ffffff0a,#ffffff03);border:.5px solid var(--line-bright);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 36px 70px -34px #000000d9,inset 0 1px #ffffff12;cursor:pointer;overflow:hidden;transform-style:preserve-3d;will-change:transform;transition:transform .55s var(--ease-out),box-shadow .55s var(--ease-out),border-color .55s var(--ease-out)}.card-corner{position:absolute;top:0;right:0;width:64px;height:64px;pointer-events:none}.card-corner:before{content:"";position:absolute;top:17px;right:-16px;width:64px;height:.5px;background:var(--line-bright);transform:rotate(-45deg)}@media(hover:hover){.card:hover{transform:translateY(-12px) translateZ(40px)!important;border-color:#ffffff42;box-shadow:0 50px 90px -36px #000000eb,inset 0 1px #ffffff1f,inset 0 0 60px #aa966e12}.card:hover .card-desc{letter-spacing:-.002em;color:var(--ink)}.card:hover .card-name{letter-spacing:-.028em}.card:hover .card-mark{opacity:1}}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:clamp(48px,8vw,96px)}.card-num{font-family:var(--mono);font-size:12px;letter-spacing:.24em;color:var(--ink-dim)}.card-status{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-dim)}.led{width:7px;height:7px;border-radius:50%;flex:none}.led.live{background:var(--green);box-shadow:0 0 8px #6fa86fcc;animation:ledPulse 2.4s ease-in-out infinite}.led.final{background:var(--ink-dim);box-shadow:0 0 6px #8a8a8280}.led.design{background:transparent;border:1px solid var(--ink-faint);box-shadow:none}.card-mark{position:absolute;top:22px;right:26px;width:46px;height:46px;color:var(--ink-faint);opacity:.66;transition:opacity .5s var(--ease-out)}.card-mark .spin{transform-origin:center;animation:markSpin 26s linear infinite}@keyframes markSpin{to{transform:rotate(360deg)}}.card-name{font-family:var(--cond);font-weight:700;font-size:clamp(2rem,4.6vw,3.4rem);line-height:.9;letter-spacing:-.02em;margin-bottom:14px;transition:letter-spacing .5s var(--ease-out)}.card-desc{font-family:var(--mono);font-weight:300;font-size:12.5px;line-height:1.65;color:var(--ink-dim);max-width:34ch;transition:color .5s var(--ease-out),letter-spacing .5s var(--ease-out)}.card-metric{position:absolute;right:18px;bottom:22px;writing-mode:vertical-rl;font-family:var(--mono);font-size:9px;letter-spacing:.28em;text-transform:uppercase;color:var(--ink-faint)}.studio{padding:clamp(80px,12vw,200px) var(--gutter);border-top:.5px solid var(--line)}.studio-note{max-width:600px}.studio-note .label{display:block;margin-bottom:32px}.studio-note p{font-family:var(--sans);font-size:clamp(1.15rem,2.3vw,1.65rem);line-height:1.6;color:var(--ink);letter-spacing:-.005em;margin-bottom:26px}.studio-note p em{font-family:var(--serif);font-style:italic;font-size:1.18em;color:var(--ink)}.studio-note .sign{font-family:var(--mono);font-size:11px;letter-spacing:.22em;color:var(--ink-dim);text-transform:uppercase;margin-top:36px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.6vw,24px);margin-top:clamp(60px,9vw,120px)}.stat{padding:28px 24px 26px;border:.5px solid var(--line);border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.018),transparent);transition:border-color .5s var(--ease-out),transform .5s var(--ease-out)}.stat:hover{border-color:var(--line-bright);transform:translateY(-4px)}.stat .v{font-family:var(--cond);font-weight:700;font-size:clamp(2.4rem,5vw,3.6rem);line-height:1;letter-spacing:-.02em}.stat .v.serif{font-family:var(--serif);font-style:italic;font-weight:400}.stat .k{font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim);margin-top:16px}.contact{position:relative;padding:clamp(90px,14vw,220px) var(--gutter) clamp(40px,6vw,80px);border-top:.5px solid var(--line);text-align:center;overflow:hidden}.contact .label{display:block;margin-bottom:clamp(28px,4vw,48px)}.contact h2{font-family:var(--cond);font-weight:800;font-size:clamp(3.2rem,15vw,13rem);line-height:.84;letter-spacing:-.03em;text-transform:uppercase}.wave{width:100%;height:60px;margin:clamp(24px,4vw,54px) 0;color:var(--ink-faint);overflow:visible}.wave path{animation:waveFlow 9s linear infinite}@keyframes waveFlow{to{transform:translate(-25%)}}.cta{display:inline-block;font-family:var(--mono);font-size:clamp(15px,2vw,22px);letter-spacing:.04em;color:var(--ink);position:relative;padding-bottom:6px}.cta:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--ink-dim);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease-out)}.cta:hover:after{transform:scaleX(1)}.footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;padding:clamp(40px,6vw,80px) var(--gutter) clamp(30px,4vw,50px);border-top:.5px solid var(--line)}.footer .col{display:flex;gap:22px;flex-wrap:wrap}.footer a,.footer span{font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim);transition:color .3s}.footer a:hover{color:var(--ink)}.reveal{will-change:transform,opacity}.proj{position:relative}.proj-hero{padding:clamp(120px,18vw,220px) var(--gutter) clamp(50px,8vw,90px);border-bottom:.5px solid var(--line)}.proj-hero .status-row{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:26px}.proj-hero h1{font-family:var(--cond);font-weight:800;font-size:clamp(3.4rem,13vw,11rem);line-height:.84;letter-spacing:-.03em;text-transform:uppercase;background:var(--metal);-webkit-background-clip:text;background-clip:text;color:transparent}.proj-hero .tagline{font-family:var(--serif);font-style:italic;font-size:clamp(1.3rem,3vw,2rem);color:var(--ink);margin-top:18px;max-width:24ch}.proj-meta{display:flex;flex-wrap:wrap;gap:0 18px;margin-top:36px;font-family:var(--mono);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim)}.proj-meta span:before{content:"· ";color:var(--ink-faint)}.proj-meta span:first-child:before{content:""}.proj-body{max-width:980px;padding:clamp(50px,8vw,90px) var(--gutter)}.proj-section{padding:clamp(36px,5vw,60px) 0;border-bottom:.5px solid var(--line)}.proj-section:last-of-type{border-bottom:none}.proj-section h2{font-family:var(--mono);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:24px}.proj-section p{font-size:clamp(1.05rem,2vw,1.4rem);line-height:1.6;color:var(--ink);max-width:60ch;margin-bottom:18px}.proj-section p.dim{color:var(--ink-dim);font-size:1rem}.spec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:.5px solid var(--line);border-radius:10px;overflow:hidden}.spec-grid div{background:var(--bg-warm);padding:18px 20px}.spec-grid dt{font-family:var(--mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:7px}.spec-grid dd{font-family:var(--cond);font-weight:600;font-size:18px;color:var(--ink)}.artifact{margin:8px 0 4px;height:clamp(180px,30vw,280px);border:.5px solid var(--line);border-radius:12px;background:radial-gradient(60% 70% at 50% 50%,rgba(126,100,56,.1),transparent 70%),var(--bg-warm);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.artifact-mark{width:clamp(120px,20vw,190px);height:clamp(120px,20vw,190px);color:var(--ink-dim);opacity:.55}.artifact canvas{width:100%;height:100%;display:block}.artifact .cap{position:absolute;bottom:12px;left:16px;font-family:var(--mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint)}.proj-cta-row{padding:clamp(40px,6vw,70px) 0 0}.btn{display:inline-flex;align-items:center;gap:12px;font-family:var(--mono);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--bg);background:var(--ink);padding:16px 24px;border-radius:8px;transition:transform .4s var(--ease-out),opacity .4s}.btn:hover{transform:translateY(-3px);opacity:.9}.btn .arrow{transition:transform .4s var(--ease-out)}.btn:hover .arrow{transform:translate(3px,-3px)}.proj-links{border-top:.5px solid var(--line);padding:clamp(50px,8vw,90px) var(--gutter) clamp(30px,5vw,50px)}.proj-links .label{display:block;margin-bottom:30px}.proj-links-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2vw,28px)}.proj-links-grid a{border:.5px solid var(--line);border-radius:10px;padding:22px 22px 26px;transition:border-color .4s var(--ease-out),transform .4s var(--ease-out)}.proj-links-grid a:hover{border-color:var(--line-bright);transform:translateY(-4px)}.proj-links-grid .n{font-family:var(--mono);font-size:10px;letter-spacing:.2em;color:var(--ink-faint)}.proj-links-grid .nm{font-family:var(--cond);font-weight:700;font-size:clamp(1.4rem,3vw,2rem);margin-top:14px;letter-spacing:-.02em}.journal-wrap{max-width:760px;padding:clamp(120px,18vw,200px) var(--gutter) clamp(60px,10vw,120px)}.journal-head{margin-bottom:clamp(40px,6vw,70px)}.journal-head h1{font-family:var(--cond);font-weight:800;font-size:clamp(2.8rem,9vw,6rem);line-height:.86;letter-spacing:-.03em;text-transform:uppercase}.journal-head .label{display:block;margin-bottom:20px}.journal-head .intro{font-family:var(--serif);font-style:italic;font-size:clamp(1.2rem,2.4vw,1.6rem);color:var(--ink-dim);margin-top:18px;max-width:40ch}.entry-list{display:flex;flex-direction:column}.entry-item{display:block;padding:clamp(28px,4vw,44px) 0;border-bottom:.5px solid var(--line);transition:opacity .3s}.entry-item:first-child{border-top:.5px solid var(--line)}.entry-item:hover{opacity:.7}.entry-item time{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint)}.entry-item h2{font-family:var(--cond);font-weight:700;font-size:clamp(1.8rem,5vw,3rem);line-height:.95;letter-spacing:-.02em;margin:14px 0 12px}.entry-item p{font-size:15px;line-height:1.6;color:var(--ink-dim);max-width:56ch}.entry-item .tags{margin-top:14px;font-family:var(--mono);font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint)}.entry-article{max-width:640px;margin:0 auto;padding:clamp(110px,16vw,180px) var(--gutter) clamp(60px,9vw,110px)}.entry-back{font-family:var(--mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-dim);transition:color .3s}.entry-back:hover{color:var(--ink)}.entry-article .entry-meta{margin:clamp(40px,6vw,64px) 0 18px;font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint)}.entry-article h1{font-family:var(--cond);font-weight:800;font-size:clamp(2.4rem,7vw,4.2rem);line-height:.9;letter-spacing:-.025em;margin-bottom:clamp(36px,6vw,60px)}.prose{font-size:1.12rem;line-height:1.75;color:var(--ink)}.prose p{margin-bottom:1.4em}.prose em,.prose i{font-family:var(--serif);font-style:italic;font-size:1.1em}.prose strong{font-weight:600}.prose h2{font-family:var(--cond);font-weight:700;font-size:1.7rem;letter-spacing:-.01em;margin:1.8em 0 .6em}.prose h3{font-family:var(--cond);font-weight:600;font-size:1.3rem;margin:1.5em 0 .5em}.prose a{color:var(--ink);border-bottom:1px solid var(--ink-dim)}.prose ul,.prose ol{margin:0 0 1.4em 1.2em}.prose li{margin-bottom:.5em}.prose blockquote{border-left:2px solid var(--line-bright);padding-left:20px;margin:1.6em 0;color:var(--ink-dim)}.prose code{font-family:var(--mono);font-size:.85em;background:var(--bg-warm);padding:2px 6px;border-radius:4px}.prose pre{background:var(--bg-warm);padding:18px 20px;border-radius:8px;overflow-x:auto;margin:1.4em 0;border:.5px solid var(--line)}.prose pre code{background:none;padding:0}.prose figcaption,.prose .caption{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--ink-faint)}.entry-nav{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:.5px solid var(--line);margin-top:clamp(50px,8vw,80px);padding-top:30px}.entry-nav a{font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim);transition:color .3s;max-width:45%}.entry-nav a:hover{color:var(--ink)}.entry-nav .next{text-align:right;margin-left:auto}.entry-nav .small{display:block;color:var(--ink-faint);font-size:9px;margin-bottom:6px}@media(max-width:860px){.menu{display:none}.hamburger{display:flex;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px 0}.hamburger span{width:26px;height:1.5px;background:var(--ink-dim);transition:transform .4s,opacity .3s}body.nav-open .hamburger span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}body.nav-open .hamburger span:nth-child(2){opacity:0}body.nav-open .hamburger span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.cards{display:flex;flex-direction:column}.card{transform:none!important}.card-top{margin-bottom:70px}.stats{grid-template-columns:repeat(2,1fr)}.spec-grid,.proj-links-grid{grid-template-columns:1fr}.footer{flex-direction:column;align-items:flex-start}}@media(max-width:480px){.meta-strip{font-size:8.5px;gap:0 12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.hero-glow,.scroll-hint:after{animation:none}}