:root{color-scheme:dark;--bg:#0b0f13;--surface:#111820;--border:#283139;--border-weak:#202831;--text:#f2f6f7;--muted:#95a3ad;--soft:#697985;--mint:#8fe5c1;--mint-strong:#65d3a7;--red:#e77a7b;--amber:#f1bd65;--green:#70d5a5}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--bg);font-family:'DM Sans',system-ui,sans-serif;color:var(--text);font-size:14px;line-height:1.55;min-width:320px}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%}::selection{background:#4c987d;color:#fff}:focus-visible{outline:2px solid var(--mint);outline-offset:4px}.shell{max-width:1180px;width:calc(100% - 72px);margin:0 auto}.ambient{pointer-events:none;position:absolute;z-index:-1}.ambient-one{top:0;left:0;width:100%;height:620px;background:radial-gradient(ellipse at 76% 20%,rgba(37,76,70,.20),transparent 42%),linear-gradient(180deg,#111821 0%,var(--bg) 95%)}.ambient-two{top:86px;left:0;width:100%;height:510px;opacity:.48;background-image:radial-gradient(#466052 0.65px,transparent .75px);background-size:27px 27px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.3),transparent 88%)}
.site-header{height:82px;border-bottom:1px solid #ffffff12;position:relative;z-index:3;background:rgba(11,15,19,.72);backdrop-filter:blur(12px)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px}.brand-symbol{width:29px;height:29px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:4px;transform:rotate(-5deg)}.brand-symbol i{border:2px solid var(--mint);border-radius:2px}.brand-symbol i:nth-child(2){background:var(--mint)}.brand-symbol i:nth-child(3){background:var(--mint);opacity:.52}.brand-name{font:700 16px/1 'Space Grotesk',sans-serif;letter-spacing:.05em}.brand-dot{color:var(--mint)}.main-nav{display:flex;gap:36px;margin-left:auto;margin-right:44px;align-items:center}.main-nav a{font-weight:600;color:#9da9b2;transition:color .2s}.main-nav a:hover,.main-nav a.nav-active{color:var(--text)}.contact-button{background:transparent;border:1px solid #405149;border-radius:8px;padding:10px 15px;color:#deeee7;font-weight:700;font-size:13px;white-space:nowrap}.contact-button span{color:var(--mint);margin-left:13px}.contact-button:hover{border-color:var(--mint)}
.hero{display:grid;grid-template-columns:minmax(0,1fr) 310px;align-items:center;gap:62px;padding:98px 0 101px}.hero-copy{max-width:680px}.eyebrow{display:flex;align-items:center;gap:12px;color:var(--mint);font:700 11px/1.4 'Space Grotesk',sans-serif;letter-spacing:.18em}.live-dot{width:7px;height:7px;border-radius:50%;background:#74e0b3;box-shadow:0 0 0 5px rgba(105,222,173,.1)}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'Space Grotesk',sans-serif}h1{font-size:clamp(51px,6.2vw,80px);letter-spacing:-.065em;line-height:1.07;font-weight:700;margin:0 0 24px}h1 span{color:var(--mint)}.hero-copy>p{font-size:16px;line-height:1.8;color:#a0adb6;max-width:525px}.primary-button{display:inline-flex;align-items:center;gap:47px;background:var(--mint);color:#091c17;padding:14px 18px;border-radius:8px;font-weight:700;margin-top:27px;transition:background .2s,transform .2s}.primary-button:hover{background:#b4f4d9;transform:translateY(-2px)}.primary-button span{font-size:18px;line-height:1}
.overview{background:linear-gradient(145deg,#18262a 0%,#151c22 51%,#101820 100%);border:1px solid #365047;box-shadow:0 24px 50px #0003;border-radius:14px;padding:23px 23px 20px;min-height:0}.overview-heading{color:#b4c6c7;font:700 11px 'Space Grotesk',sans-serif;letter-spacing:.12em;display:flex;align-items:center;gap:10px}.tiny-led{width:6px;height:6px;background:#70d5a5;display:inline-block;border-radius:50%;box-shadow:0 0 12px #70d5a5}.overview-icon{margin-left:auto;color:var(--mint);font-size:20px;font-family:sans-serif;letter-spacing:0}.overview-number{font:700 73px/1 'Space Grotesk',sans-serif;letter-spacing:-.055em;margin-top:4px}.overview-caption{color:#9eb0b8;font-size:12px;margin-top:7px}.overview-divider{height:1px;background:#344047;margin:25px 0 20px}.overview-row{display:flex;justify-content:space-between;margin-top:12px;font-size:13px}.overview-row>span{color:#b0c0c5;display:flex;align-items:center;gap:8px}.overview-row strong{font:700 15px 'Space Grotesk',sans-serif}.status-spark{width:7px;height:7px;border-radius:2px}.status-spark.green{background:var(--green)}.status-spark.yellow{background:var(--amber)}
.projects-section{padding-bottom:103px}.section-topline{display:flex;justify-content:space-between;color:#71828e;border-top:1px solid #293239;padding-top:24px;font:700 10px/1 'Space Grotesk',sans-serif;letter-spacing:.17em}.section-topline span:first-child{color:var(--mint)}.section-intro{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-top:22px}.section-intro h2{font-weight:700;font-size:clamp(31px,3.6vw,43px);letter-spacing:-.048em}.section-intro h2 span{color:var(--mint)}.section-intro p{color:#91a0ac;font-size:14px;margin-top:7px}.item-total{color:#8fa0aa;font:700 11px 'Space Grotesk',sans-serif;letter-spacing:.08em;white-space:nowrap;padding-bottom:9px}.small-grid-icon{font-size:17px;color:#98b9ad;vertical-align:-1px;margin-right:4px}.toolbar{margin:22px 0 23px;display:flex;gap:20px;justify-content:space-between;align-items:center}.filter-tabs{display:flex;gap:4px;background:#111820;border:1px solid #283039;padding:4px;border-radius:8px}.tab{border:0;border-radius:5px;padding:9px 17px;color:#85949e;background:transparent;font-size:12px;font-weight:700;transition:color .2s,background .2s}.tab:hover{color:var(--text)}.tab.active{background:#263630;color:var(--mint)}.tab-count{color:#91cbae;background:#36584b;border-radius:4px;font-size:10px;padding:2px 6px;margin-left:4px}.search-box{min-width:246px;display:flex;align-items:center;gap:10px;background:#111820;border:1px solid #283039;border-radius:8px;padding:9px 12px;color:#72838e}.search-box:focus-within{border-color:#558e78}.search-box input{background:transparent;color:var(--text);border:0;outline:0;min-width:0;flex:1;font-size:12px}.search-box input::placeholder{color:#73818b}.search-box kbd{border:1px solid #34404a;border-radius:4px;font:11px 'Space Grotesk',sans-serif;padding:0 5px;color:#667782}
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.project-card{background:linear-gradient(160deg,#161d25,#121920);border:1px solid #2a343d;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;min-width:0;transition:border-color .2s,transform .2s,box-shadow .2s}.project-card:hover{border-color:#548975;transform:translateY(-4px);box-shadow:0 16px 30px #0004}.card-media{position:relative;aspect-ratio:1.76;overflow:hidden;background:#202b35}.card-media:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,12,18,.38),transparent 35%);pointer-events:none}.card-media img{width:100%;height:100%;object-fit:cover;transition:transform .55s;filter:saturate(.83) contrast(1.03)}.project-card:hover .card-media img{transform:scale(1.04)}.media-category{position:absolute;z-index:1;top:13px;left:13px;backdrop-filter:blur(12px);background:#0b101acc;border:1px solid #eef3f332;border-radius:5px;color:#e8efed;padding:5px 9px;font:700 10px 'Space Grotesk',sans-serif;letter-spacing:.07em;text-transform:uppercase}.card-body{padding:19px 19px 18px;flex:1;display:flex;flex-direction:column}.card-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.card-title{font-size:18px;line-height:1.25;letter-spacing:-.035em;font-weight:700}.release-tag{border-radius:5px;padding:5px 7px;font:700 10px 'Space Grotesk',sans-serif;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.release-tag:before{content:'';height:5px;width:5px;border-radius:50%;background:currentColor}.release-tag.released{background:#1e4235;border:1px solid #345b4c;color:#7fe1b0}.release-tag.unreleased{background:#403528;border:1px solid #5a4930;color:#edbf79}.card-summary{color:#9ba8b3;font-size:12.5px;line-height:1.65;margin:12px 0 19px;min-height:41px}.card-bottom{margin-top:auto}.progress-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;font:700 10px 'Space Grotesk',sans-serif;letter-spacing:.09em;color:#8496a2}.progress-top strong{color:#d6e0e2;font-size:12px;letter-spacing:0}.progress-segments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.segment{height:7px;border-radius:2px;overflow:hidden;position:relative;background:#28343a}.segment-fill{display:block;height:100%;width:0;border-radius:inherit;transition:width .45s ease}.segment:nth-child(1) .segment-fill{background:var(--red)}.segment:nth-child(2) .segment-fill{background:var(--amber)}.segment:nth-child(3) .segment-fill{background:var(--green)}.card-divider{background:#2a333b;height:1px;margin:19px 0 14px}.card-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:#788996}.card-meta strong{font:700 11px 'Space Grotesk',sans-serif;color:var(--mint);white-space:nowrap}.card-meta strong span{margin-left:6px;font-size:15px}.empty-state{text-align:center;background:#111820;border:1px dashed #3c4a4a;border-radius:12px;padding:80px 10px}.empty-state[hidden]{display:none}.empty-state>span{font-size:35px;color:var(--mint)}.empty-state h3{margin-top:10px;font-size:20px}.empty-state p{color:var(--muted);margin-top:5px}.progress-legend{display:flex;gap:19px;align-items:center;flex-wrap:wrap;color:#8998a1;font-size:11px;padding:24px 0 0}.legend-label{color:#738691;font:700 10px 'Space Grotesk',sans-serif;letter-spacing:.09em;margin-right:7px}.progress-legend>span:not(.legend-label){display:flex;align-items:center;gap:7px}.legend-swatch{height:6px;width:15px;border-radius:2px;display:inline-block}.legend-swatch.red{background:var(--red)}.legend-swatch.amber{background:var(--amber)}.legend-swatch.green{background:var(--green)}.legend-note{margin-left:auto;color:#6b7c85}
.about-section{border-top:1px solid #293239;padding:66px 0 100px;display:grid;grid-template-columns:1fr .83fr;gap:90px}.eyebrow-line{color:var(--mint);font:700 11px 'Space Grotesk',sans-serif;letter-spacing:.12em}.about-section h2{font-size:clamp(31px,3.8vw,47px);line-height:1.2;margin-top:18px;letter-spacing:-.05em}.about-section h2 em{color:var(--mint);font-style:normal}.about-body{padding-top:33px}.about-body p{color:#a5b3bb;font-size:15px;line-height:1.85}.about-body>a{color:var(--mint);display:inline-block;margin-top:24px;border-bottom:1px solid #609480;padding-bottom:5px;font-weight:700}.about-body>a span{padding-left:35px}.site-footer{border-top:1px solid #293239;background:#0a0e12}.footer-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:16px;font:700 10px 'Space Grotesk',sans-serif;letter-spacing:.07em;color:#72828c}.footer-spark{color:var(--mint);font-size:15px;margin-left:6px}.footer-inner a{color:#9cafa9}
.project-dialog{background:#151d24;color:var(--text);border:1px solid #3c514e;border-radius:14px;padding:0;max-width:610px;width:calc(100% - 32px);max-height:88vh;box-shadow:0 30px 100px #000b;overflow-y:auto}.project-dialog::backdrop{background:#02080ad9;backdrop-filter:blur(6px)}.dialog-close{position:absolute;z-index:3;top:15px;right:15px;height:33px;width:33px;border-radius:50%;background:#0d161fe0;color:#eaf5ef;border:1px solid #ffffff77}.dialog-image{position:relative;aspect-ratio:2;overflow:hidden;background:#25343d}.dialog-image img{width:100%;height:100%;object-fit:cover}.dialog-category{position:absolute;bottom:17px;left:26px;background:#142320e0;border:1px solid #809a8a80;padding:6px 9px;border-radius:5px;font:700 10px 'Space Grotesk',sans-serif;letter-spacing:.09em;text-transform:uppercase}.dialog-content{padding:27px 30px 32px}.dialog-content h2{font-size:34px;letter-spacing:-.045em;margin:13px 0 8px}.dialog-summary,.dialog-details{color:#acbbc1;line-height:1.8}.dialog-summary{font-size:15px}.dialog-progress{background:#0f171d;border:1px solid #304047;padding:16px;border-radius:8px;margin-top:23px}.dialog-progress-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;color:#889aa1;font:700 11px 'Space Grotesk',sans-serif;letter-spacing:.09em}.dialog-progress-top strong{color:#e8f4ef;font-size:14px}.dialog-section-label{font:700 10px 'Space Grotesk',sans-serif;letter-spacing:.16em;color:var(--mint);margin:26px 0 9px}.dialog-update{margin-top:17px;border-left:2px solid var(--mint);padding-left:12px;color:#afc5c0;font-size:12px}.dialog-update:empty{display:none}.dialog-link{margin-top:23px;display:inline-flex;gap:38px;align-items:center;background:var(--mint);color:#081910;padding:10px 14px;border-radius:6px;font-weight:700}.dialog-link[hidden]{display:none}
@media (max-width:1050px){.hero{grid-template-columns:1fr 280px;gap:30px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding:75px 0}.legend-note{margin-left:0}}@media(max-width:700px){.shell{width:calc(100% - 36px)}.site-header{height:68px}.brand-name{font-size:14px}.main-nav{gap:15px;margin:0}.main-nav a{font-size:12px}.contact-button{display:none}.hero{grid-template-columns:1fr;padding:64px 0 74px;gap:36px}.hero h1{font-size:clamp(46px,11vw,68px)}.overview{max-width:none;min-height:0}.overview-number{font-size:58px;margin-top:10px}.overview-divider{margin:15px 0}.section-topline span:not(:first-child):last-child{display:none}.section-intro{align-items:start}.item-total{display:none}.toolbar{display:block;margin-top:23px}.filter-tabs{width:100%;justify-content:space-between}.tab{padding:9px 10px;flex:1}.search-box{margin-top:13px;min-width:0}.project-grid{grid-template-columns:1fr}.card-media{aspect-ratio:1.85}.card-summary{min-height:0}.progress-legend{gap:11px}.legend-label{width:100%}.about-section{grid-template-columns:1fr;gap:10px;padding:55px 0}.about-body{padding-top:0}.footer-inner{flex-wrap:wrap;justify-content:space-between;padding:18px 0;min-height:0}.footer-inner>span:nth-child(2){display:none}.dialog-content{padding:22px}.dialog-content h2{font-size:26px}}
@media(min-width:701px) and (max-width:800px){.shell{width:calc(100% - 46px)}.main-nav{margin-right:0}.hero{grid-template-columns:1fr}.overview{max-width:350px}.about-section{gap:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}