@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#090f1d;--surface:#101a2b;--surface2:#142238;--text:#f2f5ff;--muted:#a7b3c8;--line:#2a3b51;--accent:#71e3ca;--accent2:#9da8ff;--nav:rgba(9,15,29,.87)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 'DM Sans',sans-serif}body.light{--bg:#f7f9fc;--surface:#fff;--surface2:#eaf0f8;--text:#172238;--muted:#53657b;--line:#d7e1eb;--accent:#087c70;--accent2:#5154b4;--nav:rgba(247,249,252,.9)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}.shell{width:min(1180px,calc(100% - 48px));margin:auto}.skip{position:absolute;left:-999px}.skip:focus{left:20px;top:20px;z-index:30;background:var(--accent);color:var(--bg);padding:12px}.progress{position:fixed;top:0;left:0;height:3px;background:var(--accent);width:0;z-index:30}.topbar{position:sticky;top:0;z-index:20;background:var(--nav);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:-.03em}.brand-icon{background:var(--accent);color:#071323;padding:7px 9px;border-radius:10px;font-family:'Space Grotesk'}.nav-links{display:flex;align-items:center;gap:26px;font-size:14px}.nav-links a:hover,.small-links a:hover{color:var(--accent)}.theme-toggle,.menu-toggle{background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:8px 13px}.menu-toggle{display:none}.hero{min-height:730px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:55px;padding-top:80px;padding-bottom:110px}.overline,.eyebrow{font-size:12px;letter-spacing:.17em;font-weight:700;color:var(--accent);text-transform:uppercase}.status{display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:99px;padding:7px 13px;font-size:13px;color:var(--muted);margin-bottom:30px}.pulse{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px rgba(113,227,202,.12)}h1,h2,h3{font-family:'Space Grotesk',sans-serif;line-height:1.13;letter-spacing:-.055em}h1{font-size:clamp(46px,5.6vw,78px);margin:14px 0 24px}h2{font-size:clamp(35px,4vw,55px);max-width:760px;margin:10px 0 30px}h3{font-size:22px;margin:12px 0}h1 em,h2 em{font-style:normal;color:var(--accent)}.lead{font-size:18px;color:var(--muted);max-width:660px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:32px 0}.btn{display:inline-flex;justify-content:center;align-items:center;gap:16px;border-radius:12px;padding:13px 22px;font-weight:700;border:1px solid var(--line)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#081527}.btn.secondary{background:var(--surface);color:var(--text)}.btn:hover{transform:translateY(-2px)}.hero-stats{display:flex;gap:30px;flex-wrap:wrap;margin-top:50px}.hero-stats div{display:flex;flex-direction:column;border-left:2px solid var(--line);padding-left:18px}.hero-stats strong{font-size:19px}.hero-stats span{font-size:12px;color:var(--muted)}.hero-art{position:relative;aspect-ratio:1;display:grid;place-items:center}.orbit{position:absolute;border:1px solid var(--line);border-radius:50%;width:100%;aspect-ratio:1}.orbit-a{width:77%;border-style:dashed;animation:spin 40s linear infinite}.orbit-b{width:53%;box-shadow:0 0 90px rgba(113,227,202,.1)}.core{width:45%;aspect-ratio:1;border-radius:30%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(145deg,#203b56,#0d1c2e);box-shadow:0 0 100px rgba(113,227,202,.14);font:700 clamp(50px,7vw,92px) 'Space Grotesk';color:#71e3ca;transform:rotate(-9deg)}.core span{font:700 10px/1.6 'DM Sans';letter-spacing:.2em;text-align:center;color:#d8fff5}.floating{position:absolute;padding:10px 15px;border:1px solid var(--line);border-radius:12px;background:var(--surface);font-size:13px;box-shadow:0 15px 40px #0002}.f1{top:15%;left:0}.f2{right:-3%;top:35%}.f3{bottom:12%;left:9%}@keyframes spin{to{transform:rotate(360deg)}}.section{padding:110px 0}.section-alt{background:var(--surface)}.two-col{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.body-copy p,.timeline p,.info-card p,.project-card p,.section-heading p{color:var(--muted)}.pill-list{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0}.pill-list span{padding:6px 12px;border-radius:99px;border:1px solid var(--line);font-size:12px;color:var(--muted)}.small-links{display:flex;gap:24px;font-weight:700}.timeline{margin-top:40px}.timeline-item{display:grid;grid-template-columns:230px 1fr;gap:25px;padding:32px 0;border-top:1px solid var(--line)}.time{color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.1em}.org{font-weight:700}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:35px}.section-heading p{max-width:350px}.filters{display:flex;flex-wrap:wrap;gap:9px;margin:28px 0}.filter{border:1px solid var(--line);border-radius:99px;padding:9px 15px;background:transparent;color:var(--muted)}.filter.active{background:var(--accent);border-color:var(--accent);color:#081527;font-weight:700}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.project-card{background:var(--bg);border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:transform .2s,border-color .2s}.project-card:hover{transform:translateY(-5px);border-color:var(--accent)}.project-card[hidden]{display:none}.project-media{height:195px;background:radial-gradient(circle at 25% 25%,#235c64,#14263d 65%);display:flex;align-items:center;justify-content:center;overflow:hidden}.project-media img{width:100%;height:100%;object-fit:cover}.graphic{font:700 24px 'Space Grotesk';color:#8ef8e1;letter-spacing:.16em}.project-content{padding:24px}.project-content p{font-size:14px;min-height:95px}.project-links{display:flex;flex-wrap:wrap;gap:10px}.project-links a{font-size:13px;font-weight:700;color:var(--accent)}.count,.education-note,.form-note{font-size:13px;color:var(--muted)}.education-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.info-card{background:var(--surface);border:1px solid var(--line);padding:26px;border-radius:18px}.info-card.featured{grid-column:span 2;background:linear-gradient(120deg,var(--surface2),var(--surface))}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px}.contact-form{display:flex;flex-direction:column;gap:9px}.contact-form label{font-size:13px;font-weight:700}.contact-form input,.contact-form textarea{background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:13px;margin-bottom:13px;width:100%}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid var(--accent)}.contact-form .hidden{position:absolute;left:-9999px;width:1px}.footer{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding-top:32px;padding-bottom:32px;color:var(--muted);font-size:13px}.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s,transform .65s}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:0}.hero-art{max-width:450px;width:100%;margin:auto}.two-col,.contact-layout{grid-template-columns:1fr;gap:30px}.project-grid,.education-grid{grid-template-columns:repeat(2,1fr)}.nav-links{gap:14px}}@media(max-width:640px){.shell{width:min(100% - 34px,1180px)}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:78px;left:0;right:0;background:var(--surface);padding:24px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.nav-links.open{display:flex}.hero{padding-top:65px;padding-bottom:70px}.hero-art{max-width:310px}.floating{font-size:10px}.section{padding:75px 0}.project-grid,.education-grid{grid-template-columns:1fr}.info-card.featured{grid-column:span 1}.timeline-item{grid-template-columns:1fr;gap:4px}.section-heading{display:block}.hero-stats{gap:16px}.project-content p{min-height:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}