:root{color-scheme:dark;--bg:#080e19;--text:#eaf3ff;--muted:#8da1bb;--line:#23344a;--cyan:#7bcbf7;--mint:#62dabe;--font:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid var(--mint);outline-offset:5px;border-radius:4px}.ambient{position:absolute;pointer-events:none;filter:blur(60px);border-radius:50%;z-index:-1}.ambient-a{width:560px;height:560px;top:0;left:50%;background:#1b456e29}.ambient-b{width:510px;height:510px;top:530px;right:-150px;background:#0d5b6230}.noise{position:fixed;inset:0;z-index:10;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}.site-shell{width:min(1152px,calc(100% - 64px));margin:0 auto}.site-header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:12px;font-size:21px;font-weight:800;letter-spacing:2px}.brand-mark{display:grid;place-items:center;height:42px;width:42px;border:1px solid #335575;background:#112237;border-radius:12px;color:#8bcaf7}.brand-mark svg{width:27px}.brand-dot,.period{color:var(--mint)}.header-right{display:flex;align-items:center;gap:20px}.header-line{width:52px;height:1px;background:#46607d}.header-caption{font-size:10px;letter-spacing:2px;color:#758da7;font-weight:700}.header-separator{padding:0 6px;color:#4f6e8b}.hero{min-height:508px;display:grid;grid-template-columns:1.16fr .84fr;align-items:center;gap:24px;padding:65px 0 62px;border-bottom:1px solid var(--line)}.hero-copy{position:relative;z-index:1}.eyebrow{display:flex;align-items:center;gap:12px;color:#93aec9;font-weight:700;letter-spacing:2px;font-size:10px}.signal,.count-dot{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 16px #5ee6c77d;flex:none}.eyebrow-number{color:#506987;margin-left:3px}.hero h1{font-size:clamp(43px,5.2vw,70px);letter-spacing:-3.6px;line-height:1.12;margin:26px 0 22px;font-weight:750;white-space:nowrap}.hero h1>span{color:#8ca8c6}.hero-description{font-size:16px;color:#9aaec5;line-height:1.8;max-width:490px;margin:0}.explore-link{display:inline-flex;align-items:center;gap:24px;margin-top:35px;padding:15px 0 12px;border-bottom:1px solid #4d9dc9;color:#c8ebff;font-size:13px;font-weight:650;transition:gap .2s,color .2s}.explore-link:hover{gap:32px;color:white}.explore-link span{font-size:19px}.hero-art{position:relative;min-height:345px;display:grid;place-items:center}.art-glow{position:absolute;width:290px;height:290px;border-radius:50%;background:#174d7280;filter:blur(75px)}.orbit-art{position:relative;width:min(100%,420px);animation:float 8s ease-in-out infinite}.art-index{position:absolute;bottom:15px;right:16px;font-size:10px;font-weight:700;color:#91a7bf;letter-spacing:2px}.art-index span{color:#50d3bc;margin-left:14px}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.projects-section{padding:70px 0 80px}.section-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:27px}.section-kicker{font-size:10px;letter-spacing:2px;color:#7591ad;font-weight:700}.section-kicker span{color:var(--mint);padding:0 6px}.section-header h2{font-size:39px;letter-spacing:-1.8px;margin:9px 0 0}.project-count{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;color:#dbe9f7}.project-count-label{color:#7890a8;font-size:10px;letter-spacing:1px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.project-card{border:1px solid #2a4058;border-radius:18px;padding:21px;background:linear-gradient(140deg,#132237,#101b2d);position:relative;overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.project-card:hover{transform:translateY(-5px);border-color:#49789a;box-shadow:0 22px 60px #0005,0 0 55px #23608416}.project-card-header,.visual-top,.project-title-row,.project-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.project-card-header{margin-bottom:16px}.project-category,.project-number{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;letter-spacing:1.4px;color:#87a5c2}.project-number{color:#648099}.project-visual{height:205px;border:1px solid #243d55;background:radial-gradient(ellipse at 50% 70%,#2143627d,#0b1829 65%);border-radius:11px;overflow:hidden;padding:16px 17px 0}.visual-top{font-size:8px;letter-spacing:1.4px;color:#5d809e;font-weight:700}.phase-visual{width:100%;height:170px;margin-top:1px}.phase-line{stroke-dasharray:650;stroke-dashoffset:650;animation:draw 2s ease-out forwards}@keyframes draw{to{stroke-dashoffset:0}}.project-info{padding:24px 2px 1px}.project-title-row h3{font-size:25px;letter-spacing:-.8px;margin:0}.status{display:inline-flex;align-items:center;gap:7px;border:1px solid #295a55;color:#8bdcca;background:#14352f69;border-radius:99px;padding:7px 9px;white-space:nowrap;font-size:10px;font-weight:650}.status-dot{width:5px;height:5px;background:#62dabe;border-radius:50%}.project-description{font-size:13px;color:#9cb1c8;line-height:1.85;margin:14px 0 25px;min-height:72px}.project-bottom{padding-top:20px;border-top:1px solid #2a4058}.project-version{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:1px;color:#728fa9;font-size:10px}.open-project{display:inline-flex;align-items:center;gap:18px;padding:12px 14px;background:#d0ecfc;color:#10253a;border-radius:9px;font-size:12px;font-weight:750;transition:background .2s,transform .2s}.open-project:hover{background:#fff;transform:translateY(-2px)}.open-project span{font-size:17px}.coming-card{min-height:468px;border:1px dashed #31455b;border-radius:18px;background:linear-gradient(140deg,#101927aa,#0c1523aa);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;text-align:center;padding:30px}.coming-symbol{display:grid;place-items:center;width:61px;height:61px;border:1px solid #344b64;border-radius:15px;font-size:33px;font-weight:200;color:#799ab7}.coming-card strong{font-size:18px;color:#adc0d4}.coming-card p{font-size:12px;line-height:1.7;color:#69839c;max-width:240px;margin:0}.closing-note{display:flex;justify-content:center;align-items:center;gap:26px;margin:0 0 73px}.closing-line{height:1px;background:#25374c;flex:1}.closing-note p{color:#829bb5;font-size:12px;white-space:nowrap}.closing-note em{color:#b8cde2;font-style:normal}.footer{border-top:1px solid var(--line);padding:27px 0 40px;display:flex;justify-content:space-between;gap:12px;color:#68819b;font-size:10px;letter-spacing:1.4px;font-weight:650}.footer-star{color:var(--mint);padding-left:7px;font-size:15px}@media(max-width:850px){.hero{grid-template-columns:1fr;padding-top:78px;padding-bottom:42px;gap:0}.hero-art{min-height:230px;max-height:255px;overflow:hidden}.orbit-art{width:290px}.art-index{bottom:15px;right:20px}.hero h1{white-space:normal}.project-grid{grid-template-columns:1fr}.coming-card{min-height:190px}.project-description{min-height:0}}@media(max-width:550px){.site-shell{width:min(100% - 34px,500px)}.site-header{height:80px}.brand{font-size:17px;letter-spacing:1px}.brand-mark{width:37px;height:37px}.header-line{display:none}.header-caption{font-size:8px;letter-spacing:1px}.header-separator{padding:0 2px}.hero{padding-top:65px}.hero h1{font-size:clamp(38px,10vw,51px);letter-spacing:-2.4px}.hero-description{font-size:14px}.hero-art{min-height:210px}.projects-section{padding:52px 0 60px}.section-header h2{font-size:33px}.project-card{padding:15px}.project-visual{height:177px;padding:13px 11px 0}.phase-visual{height:145px}.project-title-row{align-items:flex-start}.project-title-row h3{font-size:21px}.status{font-size:9px;padding:6px 8px}.project-description{font-size:12px}.project-version{font-size:9px}.open-project{padding:11px;font-size:11px;gap:6px}.closing-note{gap:8px;margin-bottom:40px}.closing-note p{white-space:normal;text-align:center;font-size:11px}.footer{font-size:9px;letter-spacing:1px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}