@import "https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Space+Grotesk:wght@400;500;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Space Grotesk,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px}h1,h2{font-family:Instrument Serif,Georgia,serif;font-weight:400}p,li,a,button,span,strong,small{letter-spacing:.01em}:root{--bg:#070b14;--surface:#090f1cd1;--surface-strong:#0c1321f0;--line:#8fa9d02e;--line-strong:#8fa9d04d;--text:#f4f7fb;--muted:#9ba8bf;--accent:#7dd3fc;--accent-strong:#38bdf8;--accent-soft:#38bdf826;--shadow:0 24px 80px #0000006b;--radius:28px;--max-width:1240px}body{color:var(--text);background:radial-gradient(circle at 0 0,#38bdf824,#0000 28%),radial-gradient(circle at 80% 10%,#eab3081a,#0000 20%),linear-gradient(#09101c 0%,#070b14 45%,#050810 100%);margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.site-shell{min-height:100vh}.topbar{z-index:20;max-width:calc(var(--max-width) + 3rem);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);justify-content:space-between;align-items:center;gap:1.5rem;margin:0 auto;padding:1rem 1.5rem;display:flex;position:sticky;top:0}.brand-mark{flex-direction:column;gap:.1rem;min-width:112px;display:inline-flex}.brand-mark span{letter-spacing:.22em;font-size:1rem;font-weight:700}.brand-mark small{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;font-size:.78rem}.topnav{flex-wrap:wrap;justify-content:flex-end;gap:.95rem;display:flex}.topnav a{color:var(--muted);font-size:.92rem;transition:color .18s,transform .18s}.topnav a:hover,.topnav a:focus-visible{color:var(--text);transform:translateY(-1px)}.section{max-width:var(--max-width);margin:0 auto;padding:4rem 1.5rem}.hero-section{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:center;gap:2rem;min-height:calc(100vh - 88px);padding-top:3rem;display:grid}.hero-copy{max-width:760px}.eyebrow{border:1px solid var(--line);color:#d8f1fc;background:#7dd3fc12;border-radius:999px;align-items:center;gap:.6rem;padding:.65rem .95rem;display:inline-flex}.hero-kicker,.section-label,.project-category,.timeline-period{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;font-size:.76rem;font-weight:700}.hero-section h1,.section h2{letter-spacing:-.04em;margin:1.15rem 0 0;line-height:.95}.hero-section h1{max-width:11ch;font-size:clamp(3.5rem,8vw,7.5rem)}.section h2{max-width:16ch;font-size:clamp(2.2rem,4.6vw,4rem)}.hero-description,.section p,.card p,.stack-list li,.accent-list li{color:var(--muted);font-size:1.02rem;line-height:1.75}.hero-description{max-width:60ch;margin-top:1.25rem}.hero-description.muted{color:#c4cee0}.hero-actions{flex-wrap:wrap;gap:1rem;margin-top:2rem;display:flex}.button{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.6rem;min-height:52px;padding:.95rem 1.35rem;transition:transform .18s,border-color .18s,background-color .18s;display:inline-flex}.button:hover,.button:focus-visible{transform:translateY(-2px)}.button-primary{color:#07111c;background:linear-gradient(135deg,#f7fafc 0%,#d7ecf9 100%)}.button-secondary{border-color:var(--line-strong);background:#ffffff05}.hero-panel,.card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg, var(--surface-strong) 0%, var(--surface) 100%);box-shadow:var(--shadow);position:relative;overflow:hidden}.hero-panel{min-height:480px;padding:1.5rem}.panel-glow{pointer-events:none;background:radial-gradient(circle at 100% 0,#38bdf82e,#0000 26%),radial-gradient(circle at 0 100%,#eab30814,#0000 20%);position:absolute;inset:0}.hero-metrics{z-index:1;gap:1rem;display:grid;position:relative}.hero-metrics article{background:#060c1675;border:1px solid #8fa9d024;border-radius:24px;padding:1.2rem}.hero-metrics strong{margin-bottom:.45rem;font-size:1.05rem;display:block}.hero-metrics span{color:var(--muted);line-height:1.65}.signal-grid{grid-template-columns:repeat(2,minmax(84px,1fr));gap:.9rem;width:min(100%,240px);display:grid;position:absolute;bottom:1.5rem;right:1.5rem}.signal-grid span{aspect-ratio:1;background:linear-gradient(145deg,#38bdf814,#0000 60%),#ffffff05;border:1px solid #8fa9d01f;border-radius:22px}.section-heading{margin-bottom:2rem}.section-heading.compact h2{max-width:14ch}.grid{gap:1.25rem;display:grid}.three-columns,.interests-grid,.project-grid,.method-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.principle-grid,.two-column-layout,.stack-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}.principle-grid{margin-top:1.25rem}.card{padding:1.5rem;transition:transform .18s,border-color .18s,background-color .18s}.card:hover,.card:focus-within{border-color:#7dd3fc52;transform:translateY(-4px)}.icon-badge,.stack-card-header{align-items:center;gap:.65rem;display:inline-flex}.icon-badge{background:var(--accent-soft);color:#b8ebff;border-radius:14px;justify-content:center;width:44px;height:44px}.stack-list{gap:.85rem;margin:1.2rem 0 0;padding:0;list-style:none;display:grid}.stack-list li{justify-content:space-between;align-items:center;gap:1rem;display:flex}.stack-list strong{color:#e7f5ff;background:#ffffff0d;border-radius:999px;padding:.25rem .75rem;font-size:.85rem}.section-highlight .card,.manifesto-main,.contact-card{background:radial-gradient(circle at 100% 0,#38bdf81f,#0000 30%),linear-gradient(#0b1220f5 0%,#0a111de6 100%)}.accent-list{gap:.9rem;margin:0;padding:0;list-style:none;display:grid}.accent-list li,.project-highlights li{padding-left:1rem;position:relative}.accent-list li:before,.project-highlights li:before{content:"";background:var(--accent-strong);border-radius:999px;width:.42rem;height:.42rem;position:absolute;top:.75rem;left:0}.method-card svg,.stack-card-header svg{color:var(--accent)}.timeline{gap:1rem;display:grid;position:relative}.timeline:before{content:"";background:linear-gradient(#7dd3fc80,#7dd3fc1a);width:1px;position:absolute;top:0;bottom:0;left:13px}.timeline-item{padding-left:2.6rem;position:relative}.timeline-marker{background:radial-gradient(circle,#7dd3fccc 0%,#38bdf826 36%,#0000 70%),#08111f;border:1px solid #7dd3fc80;border-radius:50%;width:28px;height:28px;position:absolute;top:1.5rem;left:0}.project-filters{flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;display:flex}.filter-pill{border:1px solid var(--line);min-height:42px;color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;padding:.7rem 1rem;transition:border-color .18s,color .18s,background-color .18s}.filter-pill:hover,.filter-pill:focus-visible,.filter-pill.active{color:var(--text);background:#7dd3fc14;border-color:#7dd3fc59}.project-subtitle{color:#dbe7fb;margin-top:.35rem}.project-highlights{gap:.55rem;margin:1.25rem 0 0;padding:0;list-style:none;display:grid}.project-highlights li{color:var(--muted)}.manifesto-section{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:1.25rem;display:grid}.manifesto-side{gap:1.25rem;display:grid}.contact-section{padding-bottom:6rem}.contact-card{text-align:center;padding:2.4rem}.contact-card h2{letter-spacing:-.04em;max-width:18ch;margin:.4rem auto 1rem;font-size:clamp(2rem,4vw,3.6rem);line-height:1.02}@media (width<=1100px){.hero-section,.manifesto-section,.stack-groups,.three-columns,.interests-grid,.project-grid,.method-grid,.principle-grid,.two-column-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-section{min-height:auto}}@media (width<=840px){.topbar{flex-direction:column;align-items:flex-start;position:static}.topnav{justify-content:flex-start}.hero-section,.manifesto-section,.stack-groups,.three-columns,.interests-grid,.project-grid,.method-grid,.principle-grid,.two-column-layout{grid-template-columns:1fr}.hero-panel{min-height:360px}.signal-grid{width:180px}}@media (width<=540px){.section{padding:3rem 1rem}.hero-section{padding-top:1.5rem}.hero-section h1{font-size:clamp(2.8rem,16vw,4.2rem)}.section h2,.contact-card h2{font-size:clamp(1.8rem,10vw,2.6rem)}.button,.filter-pill{width:100%}.hero-actions{flex-direction:column}.card,.hero-panel{padding:1.2rem}}