:root{color-scheme:dark;--bg: #060708;--ink: #f5f7f7;--muted: rgba(245, 247, 247, .66);--line: rgba(255, 255, 255, .16);--panel: rgba(12, 16, 18, .42);--panel-bright: rgba(220, 238, 239, .12);--accent: #8fe8ff;--accent-warm: #d5b37a;--mx: 0px;--my: 0px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:auto}body{margin:0;min-width:320px;color:var(--ink);background:radial-gradient(circle at 18% 12%,rgba(144,232,255,.08),transparent 28rem),linear-gradient(180deg,#080909,#101314 48%,#070808);overflow-x:hidden}button,a{font:inherit}button{color:inherit}#webgl{position:fixed;inset:0;width:100%;height:100%;display:block;z-index:0}.grain{position:fixed;inset:0;pointer-events:none;z-index:2;opacity:.13;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 82%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 82%,transparent 100%)}.cursor-light{position:fixed;left:0;top:0;width:34rem;height:34rem;z-index:1;pointer-events:none;opacity:.34;transform:translate3d(calc(var(--mx) - 17rem),calc(var(--my) - 17rem),0);background:radial-gradient(circle,rgba(143,232,255,.18),transparent 66%);mix-blend-mode:screen}.topbar{position:fixed;left:clamp(1rem,4vw,3rem);right:clamp(1rem,4vw,3rem);top:1.25rem;z-index:10;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:.7rem .75rem;border:1px solid var(--line);border-radius:6px;background:#070a0b7a;-webkit-backdrop-filter:blur(22px) saturate(1.3);backdrop-filter:blur(22px) saturate(1.3);box-shadow:0 24px 80px #0000003d}.brand{display:inline-flex;align-items:center;gap:.68rem;min-width:0;color:var(--ink);text-decoration:none;font-weight:800;letter-spacing:.08em;font-size:.86rem}.brand-mark{position:relative;width:2.1rem;height:1.45rem;display:grid;grid-template-columns:repeat(3,1fr);gap:.16rem}.brand-mark i{display:block;background:linear-gradient(180deg,#f8fbfb,#8b9294);transform:skewY(-28deg)}.brand-mark i:nth-child(2){opacity:.78}.brand-mark i:nth-child(3){opacity:.54}.nav{justify-self:center;display:flex;align-items:center;gap:clamp(.5rem,2vw,1.35rem)}.nav a,.progress-rail a{color:var(--muted);text-decoration:none}.nav a{position:relative;padding:.5rem .1rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}.nav a:after{content:"";position:absolute;left:0;right:0;bottom:.18rem;height:1px;transform:scaleX(0);transform-origin:left;background:var(--accent);transition:transform .35s ease}.nav a.is-active,.nav a:hover{color:var(--ink)}.nav a.is-active:after,.nav a:hover:after{transform:scaleX(1)}.wire-button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.35rem;padding:0 .78rem;border:1px solid rgba(143,232,255,.42);border-radius:6px;background:#8fe8ff14;cursor:pointer;color:var(--ink);text-transform:uppercase;font-size:.7rem;letter-spacing:.14em}.cad-icon{position:relative;width:1rem;height:.86rem;flex:0 0 auto;border:1px solid currentColor;transform:skewY(-18deg)}.cad-icon:before,.cad-icon:after,.cad-icon i{content:"";position:absolute;pointer-events:none;background:currentColor;opacity:.72}.cad-icon:before{left:.18rem;right:.18rem;top:50%;height:1px}.cad-icon:after{top:.17rem;bottom:.17rem;left:50%;width:1px}.cad-icon i{width:.22rem;height:.22rem;border-radius:50%;box-shadow:0 0 10px #8fe8ffb8}.cad-icon i:nth-child(1){left:-.12rem;top:-.12rem}.cad-icon i:nth-child(2){right:-.12rem;top:-.12rem}.cad-icon i:nth-child(3){right:-.12rem;bottom:-.12rem}.wire-label{line-height:1}.wire-button[aria-pressed=true]{color:#061014;background:var(--accent)}.progress-rail{position:fixed;right:clamp(1rem,3vw,2.5rem);top:50%;z-index:8;display:grid;gap:.68rem;transform:translateY(-50%)}.progress-rail a{width:.56rem;height:.56rem;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:#ffffff14;transition:transform .35s ease,background .35s ease,border-color .35s ease}.progress-rail a.is-active{transform:scale(1.55);border-color:var(--accent);background:var(--accent)}#scroll-stage{position:relative;z-index:4}.chapter{position:relative;min-height:128vh;padding:clamp(6.5rem,11vh,9rem) clamp(1.2rem,7vw,6rem);pointer-events:none}.chapter:first-child{min-height:136vh}.chapter:last-child{min-height:116vh}.chapter-ui,.floating-spec{transform:translate3d(calc(var(--mx) * .015),calc(var(--my) * .015),0)}.chapter-ui{position:sticky;top:22vh;width:min(38rem,92vw);padding:clamp(1rem,2vw,1.35rem);border:1px solid var(--line);border-radius:6px;background:linear-gradient(135deg,#ffffff1f,#ffffff09),var(--panel);-webkit-backdrop-filter:blur(24px) saturate(1.3);backdrop-filter:blur(24px) saturate(1.3);box-shadow:0 26px 90px #00000047;opacity:0}.hero-copy{margin-top:2rem;border-color:#ffffff1f;background:linear-gradient(135deg,#080c0d38,#080c0d0a)}.narrow{margin-left:auto;width:min(34rem,92vw)}.configurator-ui{pointer-events:auto}.portfolio-ui{margin-left:auto}.contact-ui{margin-inline:auto;width:min(52rem,92vw)}.eyebrow{margin:0 0 .9rem;color:var(--accent);font-size:.68rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase}h1,h2{margin:0;font-weight:800;line-height:.88;letter-spacing:0}h1{font-size:clamp(3.4rem,8.4vw,7.8rem);white-space:nowrap}h2{max-width:12ch;font-size:clamp(2.6rem,7vw,6.8rem)}.chapter-ui h2{max-width:100%;font-size:clamp(2.35rem,5.2vw,4.4rem);line-height:.94}.word{display:inline-block;white-space:nowrap}.char{display:inline-block;will-change:transform,opacity}.space{display:inline-block;width:.28em}.lead,.chapter-ui p:not(.eyebrow){max-width:42rem;margin:1.1rem 0 0;color:var(--muted);font-size:clamp(1rem,1.45vw,1.24rem);line-height:1.55}.floating-spec{position:absolute;right:clamp(1.2rem,8vw,8rem);top:64vh;bottom:auto;width:min(18rem,78vw);padding:1rem;border:1px solid rgba(143,232,255,.24);border-radius:6px;background:#050c0e61;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 20px 70px #00000038;opacity:0}.floating-spec span,.contact-grid span{display:block;color:var(--accent);font-size:.66rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.floating-spec strong,.contact-grid strong{display:block;margin-top:.38rem;color:var(--ink);font-size:1.1rem}.floating-spec small,.contact-grid small{display:block;margin-top:.32rem;color:#f5f7f78c;line-height:1.45}.data-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.65rem;margin:1.4rem 0 0}.data-grid div,.contact-grid div{min-width:0;padding:.8rem;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:#ffffff0b}.data-grid dt{margin:0;color:#fff;font-size:clamp(1.3rem,2.5vw,2.2rem);font-weight:800}.data-grid dd{margin:.22rem 0 0;color:var(--muted);font-size:.75rem;line-height:1.35}.control-row,.project-list,.contact-grid{display:grid;gap:.65rem;margin-top:1rem}.control-row{grid-template-columns:repeat(2,minmax(0,1fr))}.material-chip,.project-list button{border:1px solid rgba(255,255,255,.14);border-radius:6px;background:#ffffff0e;color:var(--ink);cursor:pointer;transition:border-color .3s ease,background .3s ease,transform .3s ease}.material-chip{display:flex;align-items:center;justify-content:flex-start;gap:.62rem;min-height:3rem;padding:.55rem .7rem;font-size:.82rem}.material-chip:hover,.material-chip.is-active,.project-list button:hover,.project-list button.is-active{border-color:#8fe8ffb3;background:#8fe8ff1c;transform:translateY(-1px)}.swatch{flex:0 0 auto;width:1.35rem;height:1.35rem;border:1px solid rgba(255,255,255,.28);border-radius:50%}.steel{background:linear-gradient(135deg,#f8fbfb,#8a9092 45%,#f7ffff 54%,#555d5f)}.black{background:linear-gradient(135deg,#171b1d,#050506)}.glass-clear{background:linear-gradient(135deg,#bdf2ffe6,#ffffff1f)}.glass-frosted{background:linear-gradient(135deg,#def5f8d1,#a1afb159)}.project-list{pointer-events:auto;grid-template-columns:repeat(2,minmax(0,1fr))}.project-list button{min-height:4.2rem;padding:.9rem;text-align:left;font-weight:800;letter-spacing:.02em}.project-list span{display:block;margin-top:.35rem;color:var(--muted);font-size:.74rem;font-weight:500}.contact-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:860px){.topbar{grid-template-columns:1fr auto;gap:.6rem}.nav{grid-column:1 / -1;justify-self:start;width:100%;overflow-x:auto;padding-bottom:.1rem}.wire-button{min-height:2.1rem}.chapter{padding-inline:1rem}.chapter-ui,.narrow,.portfolio-ui,.contact-ui{width:min(100%,34rem);margin-left:0}.floating-spec{left:1rem;right:auto;top:64vh;bottom:auto}.progress-rail{display:none}.control-row,.project-list,.contact-grid,.data-grid{grid-template-columns:1fr}h1{font-size:clamp(3rem,16vw,5.2rem)}h2{font-size:clamp(2.4rem,13vw,4.5rem)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}