@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#090a0c;--panel:#111317;--panel2:#171a1f;--silver:#c6cbd2;--muted:#8b929c;--white:#f4f5f6;--line:rgba(220,226,235,.14);--accent:#aeb7c2}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}.topbar{height:84px;padding:0 7vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:absolute;z-index:5;top:0;left:0;width:100%;background:rgba(9,10,12,.68);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:36px;height:36px;border:1px solid #d8dde3;color:#f5f6f7;display:grid;place-items:center;font:800 22px Manrope;transform:skew(-8deg);background:linear-gradient(145deg,#333a43,#0b0d10)}.brand-name{font:800 14px Manrope;letter-spacing:2.4px}.brand-name span{display:block;font-size:9px;letter-spacing:4.3px;color:#9da5af;margin-top:3px}.nav{display:flex;align-items:center;gap:38px;color:#c0c5cc;font-size:13px}.nav a:hover,.text-link:hover,.arrow-link:hover{color:white}.nav-cta{border:1px solid #606873;padding:12px 17px}.nav-cta span{margin-left:12px}.menu-toggle{display:none;background:none;border:0;color:white;font-size:24px}.hero{min-height:760px;padding:190px 7vw 65px;position:relative;overflow:hidden;display:flex;align-items:center}.hero-glow{position:absolute;width:680px;height:680px;border-radius:50%;right:5%;top:5%;background:radial-gradient(circle,rgba(148,160,176,.15),rgba(9,10,12,0) 67%);pointer-events:none}.hero-content{position:relative;z-index:2;max-width:640px}.eyebrow,.section-kicker{font-size:10px;letter-spacing:2.5px;color:#aeb6c0;font-weight:700}.eyebrow span{display:inline-block;width:24px;height:1px;background:#d6dbe1;vertical-align:middle;margin-right:10px}.hero h1{font:800 clamp(64px,9vw,120px)/.98 Manrope;letter-spacing:-7px;margin:32px 0}.hero h1 em,.contact h2 em{font-style:normal;color:#9fa8b3}.hero-copy{font-size:17px;line-height:1.8;color:#aeb4bd;max-width:475px}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:38px}.button{display:inline-flex;align-items:center;gap:30px;padding:16px 20px;font-size:12px;font-weight:700;letter-spacing:.3px}.button-light{background:#e7e9ec;color:#101216}.button-light:hover{background:white}.text-link,.arrow-link{font-size:12px;color:#c4cad1}.text-link span,.arrow-link span{margin-left:10px}.hero-art{position:absolute;right:8%;top:22%;width:410px;height:410px;display:grid;place-items:center;opacity:.85}.core{width:145px;height:145px;border:1px solid #8d98a6;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 90px rgba(182,193,207,.15),inset 0 0 40px rgba(182,193,207,.12);background:radial-gradient(circle,#303842,#0c0e11 70%)}.core span{font:800 76px Manrope;color:#d7dce2}.orbit{position:absolute;border:1px solid rgba(189,199,211,.28);border-radius:50%;transform:rotate(-25deg)}.orbit-one{width:310px;height:190px}.orbit-two{width:390px;height:280px;transform:rotate(50deg)}.orbit-label{position:absolute;font-size:9px;letter-spacing:2px;color:#aeb8c4}.label-one{top:27px;left:80px}.label-two{right:-10px;top:180px}.label-three{bottom:35px;left:110px}.hero-bottom{position:absolute;bottom:35px;left:7vw;right:7vw;border-top:1px solid var(--line);padding-top:17px;display:flex;justify-content:space-between;color:#737b85;font-size:9px;letter-spacing:2px}.section{padding:120px 10vw}.intro{background:#f0f1f2;color:#111419}.section-kicker{color:#747d88}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-top:45px}.intro h2,.section-heading h2{font:800 clamp(42px,5.5vw,72px)/1.08 Manrope;letter-spacing:-3px;margin:0}.intro h2 span,.section-heading h2 span{color:#8b949f}.intro-text{max-width:490px}.intro-text p{color:#646c76;line-height:1.85;font-size:14px}.intro-text .lead{font-size:19px;line-height:1.65;color:#242a31}.arrow-link{display:inline-block;color:#20262d;margin-top:22px;border-bottom:1px solid #9ba2aa;padding-bottom:10px}.pillars,.projects{background:#0d0f12}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:40px 0 55px}.section-heading p{max-width:290px;color:#8d949e;font-size:14px;line-height:1.8}.pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.pillar-card{background:linear-gradient(145deg,#171b20,#101216);border:1px solid var(--line);padding:30px;min-height:290px;position:relative}.card-number{font-size:10px;color:#727b86;letter-spacing:2px}.line-icon{font-size:30px;color:#b9c1cb;margin:32px 0 22px}.pillar-card h3,.project-row h3{font:700 20px Manrope;margin:0 0 12px}.pillar-card p,.project-row p{font-size:13px;color:#929aa4;line-height:1.8;margin:0}.projects{background:#111419}.project-list{border-top:1px solid var(--line)}.project-row{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:25px;padding:30px 0;border-bottom:1px solid var(--line)}.project-index{font-size:11px;color:#77818d}.status{font-size:9px;letter-spacing:1.6px;color:#aab3bd;border:1px solid #515a65;padding:9px 12px}.project-note{font-size:11px;color:#747d87;line-height:1.7;margin-top:20px}.contact{padding-top:110px;padding-bottom:110px}.contact-panel{margin-top:35px;padding:65px;background:linear-gradient(120deg,#20252c,#101216 65%);border:1px solid #343b44;display:grid;grid-template-columns:1.2fr .8fr;gap:10%;align-items:center}.contact h2{font:800 clamp(42px,5vw,66px)/1.08 Manrope;letter-spacing:-3px;margin:28px 0 0}.contact-side p{font-size:14px;color:#a0a8b2;line-height:1.8;margin:0 0 25px}.contact-side small{display:block;margin-top:24px;color:#bfc5cc;font-size:12px;line-height:1.8}.contact-side small span{color:#7d8792;font-size:10px}.footer{border-top:1px solid var(--line);padding:28px 7vw;display:flex;justify-content:space-between;align-items:center;gap:20px}.footer p,.back-top{font-size:10px;color:#828b95;letter-spacing:1px}.back-top{font-weight:700}
@media(max-width:800px){.topbar{height:70px;padding:0 6vw}.menu-toggle{display:block}.nav{display:none;position:absolute;top:69px;left:0;right:0;padding:25px 6vw;background:#111419;flex-direction:column;align-items:flex-start;gap:22px;border-bottom:1px solid var(--line)}.nav.open{display:flex}.hero{min-height:760px;padding:155px 7vw 90px;align-items:flex-start}.hero h1{letter-spacing:-4px;font-size:clamp(60px,16vw,90px)}.hero-art{width:260px;height:260px;right:-45px;top:48%;opacity:.42}.core{width:100px;height:100px}.core span{font-size:52px}.orbit-one{width:210px;height:130px}.orbit-two{width:260px;height:180px}.hero-bottom{font-size:7px;left:7vw;right:7vw}.section{padding:85px 7vw}.intro-grid,.contact-panel{grid-template-columns:1fr;gap:35px}.intro h2,.section-heading h2{letter-spacing:-2px}.section-heading{display:block}.section-heading p{margin-top:22px}.pillar-grid{grid-template-columns:1fr}.pillar-card{min-height:230px}.project-row{grid-template-columns:32px 1fr;gap:15px}.status{grid-column:2;justify-self:start}.contact-panel{padding:35px 25px}.footer{padding:25px 7vw;flex-wrap:wrap}.footer p{order:3;width:100%}}

/* Project descriptions share a readable measure and consistent alignment. */
.projects .project-row{grid-template-columns:44px minmax(0,1fr) auto;gap:24px;padding:36px 0;align-items:start}
.projects .project-index{padding-top:6px;font-variant-numeric:tabular-nums;letter-spacing:1px}
.projects .project-row h3{font-size:clamp(20px,2.2vw,26px);letter-spacing:-.5px;margin-bottom:14px}
.projects .project-row p{max-width:64ch;font-size:14px;line-height:1.85}
.projects .status{margin-top:4px;white-space:nowrap}
@media(max-width:1100px){.projects .project-row{grid-template-columns:32px minmax(0,1fr);gap:16px}.projects .status{grid-column:2;justify-self:start;margin-top:0}}
@media(max-width:800px){.projects .project-row{padding:28px 0}}
