@layer reset, base, components, utilities;
@layer reset {
*,*::before,*::after{box-sizing:border-box}*{margin:0}html{scroll-behavior:smooth;scroll-padding-top:7rem}img,svg{display:block;max-width:100%}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}ul{list-style:none}
}
@layer base {
:root{color-scheme:dark;--bg:#090e18;--surface:#101724;--raised:#151e2e;--ink:#f1f3f9;--muted:#a6b0c3;--line:#253044;--cyan:#76e4df;--violet:#a89afa;--max:1200px}
body{font-family:Inter,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--ink);font-size:1rem;line-height:1.65;-webkit-font-smoothing:antialiased}
body::before{content:"";position:absolute;z-index:-1;inset:0 0 auto;height:900px;background:radial-gradient(ellipse at 80% 20%,#40366c20,transparent 55%),radial-gradient(ellipse at 10% 20%,#1779790a,transparent 45%);pointer-events:none}
::selection{background:var(--cyan);color:var(--bg)}:focus-visible{outline:2px solid var(--cyan);outline-offset:5px;border-radius:3px}h1,h2,h3{line-height:1.12;letter-spacing:-.045em;font-weight:600}h1{font-size:clamp(2.7rem,5.5vw,5.3rem)}h2{font-size:clamp(2rem,3.4vw,3.2rem)}h3{font-size:1.45rem;letter-spacing:-.025em}p{color:var(--muted)}p+p{margin-top:1rem}a,button{touch-action:manipulation}button{color:inherit}small{font-size:.8rem}[hidden]{display:none!important}
}
@layer components {
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.container{width:min(var(--max),calc(100% - 5rem));margin-inline:auto}.skip-link{position:fixed;z-index:100;left:1rem;top:-100px;background:var(--cyan);color:var(--bg);padding:.7rem 1rem}.skip-link:focus{top:1rem}
.site-header{position:relative;z-index:20;border-bottom:1px solid #ffffff0d;background:#090e18db}.header-inner{min-height:98px;display:flex;align-items:center;gap:2rem}.brand{display:inline-flex;align-items:center;gap:.8rem;font-size:1.05rem;font-weight:600;letter-spacing:-.035em;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid #6fe0d740;background:#76e4df08;border-radius:10px;color:var(--cyan);font:600 .85rem/1 ui-monospace,Consolas,monospace;letter-spacing:-.1em}.brand-mark span{transform:translateX(-1px)}.navigation{display:flex;gap:1.8rem;align-items:center;margin-left:auto}.navigation>a{font-size:.84rem;color:var(--muted);padding:.55rem 0;transition:color .2s}.navigation>a:hover,.navigation>a[aria-current=page]{color:var(--ink)}.navigation>a[aria-current=page]:not(.nav-contact){box-shadow:0 2px var(--cyan)}.navigation>.nav-contact{margin-left:.5rem;border:1px solid #ffffff28;border-radius:7px;padding:.55rem 1rem;color:var(--ink)}.nav-contact span{margin-left:.65rem;color:var(--cyan)}.menu-toggle{display:none;margin-left:auto;background:none;border:1px solid var(--line);padding:.45rem .7rem;border-radius:6px;min-height:44px}
.eyebrow{font-family:ui-monospace,"Cascadia Code",Consolas,monospace;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);display:flex;align-items:center;gap:.7rem;margin-bottom:1.6rem}.eyebrow::before{content:"";width:24px;height:1px;background:currentColor}.hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:2rem;padding-block:6.3rem 5.4rem}.hero h1{font-size:clamp(2.8rem,4.55vw,4.8rem);line-height:1.08;max-width:700px}.gradient-text{color:var(--cyan);background:linear-gradient(100deg,#a3f2e9,#8ea8ff 95%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-description{font-size:1.06rem;max-width:500px;margin-top:1.8rem;line-height:1.8}.hero-actions{display:flex;gap:.85rem;flex-wrap:wrap;margin-top:2rem}.button{display:inline-flex;justify-content:center;align-items:center;gap:1.6rem;min-height:48px;padding:.75rem 1.25rem;border:1px solid var(--line);border-radius:6px;font-size:.8rem;font-weight:600;transition:background .2s,transform .2s}.button:hover{background:#ffffff0a;transform:translateY(-2px)}.button-primary{background:var(--cyan);border-color:var(--cyan);color:#092023}.button-primary:hover{background:#9af4eb}.button-secondary{background:#ffffff03}.hero-footnote{font-size:.72rem;margin-top:2rem;display:flex;gap:.6rem;align-items:center}.hero-footnote span{height:5px;width:5px;border-radius:50%;background:var(--cyan)}.hero-visual{position:relative;min-width:0;padding-top:1rem}.hero-visual::before{content:"";position:absolute;inset:18% 8%;background:#7465d91a;filter:blur(75px);border-radius:50%;z-index:-1}.hero-art{width:100%;height:auto}.visual-topline,.visual-bottomline{display:flex;justify-content:space-between;font: .58rem/1.5 ui-monospace,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase;color:#75839b;padding-inline:1.2rem}.visual-topline span:last-child{color:var(--cyan)}.visual-bottomline{margin-top:-.2rem}.hero-visual .art-caption{font-size:.65rem;text-align:right;color:#7f8ca2;margin-top:1.2rem}
.discipline-strip{display:grid;grid-template-columns:1fr 1fr 1fr;border-block:1px solid var(--line);padding:1.5rem 0;gap:2.5rem}.discipline-strip>div{display:flex;gap:1rem;align-items:center}.strip-icon{font-size:1.5rem;color:var(--cyan);font-weight:300}.strip-title{font-size:.83rem;font-weight:500}.strip-detail{font-size:.7rem;color:var(--muted);margin-top:.15rem}.discipline-strip>div+div{border-left:1px solid var(--line);padding-left:2.5rem}
.section{padding-block:5.4rem}.section-header{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2.2rem}.section-header .eyebrow{margin-bottom:.9rem}.section-header p{max-width:420px;font-size:.92rem}.text-link{display:inline-flex;align-items:center;gap:1.25rem;font-size:.8rem;font-weight:500;padding-block:.4rem}.text-link span{color:var(--cyan);flex-shrink:0}.text-link:hover{color:var(--cyan)}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.project-card{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:linear-gradient(145deg,#121b2a,#0e1521);transition:border-color .25s,transform .25s}.project-card:hover{transform:translateY(-5px);border-color:#6f889d}.project-art{display:block;aspect-ratio:1.7;background:#0c1420;overflow:hidden;border-bottom:1px solid var(--line)}.project-art img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.project-card:hover .project-art img{transform:scale(1.035)}.project-content{padding:1.4rem 1.5rem 1.5rem}.project-meta{display:flex;align-items:center;justify-content:space-between;color:var(--cyan);font:.6rem/1.4 ui-monospace,Consolas,monospace;text-transform:uppercase;letter-spacing:.1em;margin-bottom:1rem}.project-meta .private{color:var(--violet)}.project-title{display:flex;align-items:center;justify-content:space-between;gap:1rem}.project-title span{font-size:1.3rem;color:var(--muted);font-weight:300}.project-content h3{font-size:1.35rem}.project-content p{font-size:.82rem;margin-top:.8rem;min-height:4.1em}.tags{display:flex;gap:.45rem;flex-wrap:wrap;margin-top:1.3rem}.tag{font-size:.6rem;border:1px solid var(--line);border-radius:4px;color:#afbdd1;padding:.18rem .5rem;background:#ffffff02}
.two-worlds{display:grid;grid-template-columns:.9fr 1.1fr;gap:5rem;border-top:1px solid var(--line);padding-top:4.5rem}.two-worlds h2{max-width:390px}.two-worlds>div>p{margin-top:1.5rem;max-width:410px;font-size:.92rem}.capability-list>li{border-bottom:1px solid var(--line);padding:1.2rem 0;display:grid;grid-template-columns:2rem 1fr auto;gap:1rem;align-items:start}.capability-list>li:first-child{padding-top:0}.list-number{font:.65rem/1.8 ui-monospace,Consolas,monospace;color:var(--cyan)}.capability-list h3{font-size:1.1rem;line-height:1.4}.capability-list p{font-size:.82rem;margin-top:.35rem;max-width:400px}.capability-list .list-arrow{color:var(--muted)}
.cta{margin-block:1rem 5rem;padding:3rem 3.2rem;border:1px solid #374158;border-radius:10px;background:radial-gradient(ellipse at 100% 0,#6761b924,transparent 65%),#111927;display:flex;justify-content:space-between;gap:2rem;align-items:center}.cta h2{font-size:clamp(1.75rem,2.6vw,2.5rem)}.cta p{font-size:.9rem;margin-top:.7rem}.cta .eyebrow{margin-bottom:.8rem}.site-footer{border-top:1px solid var(--line);padding-block:2rem}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:2rem}.footer-brand p{font-size:.72rem;margin-top:.6rem}.footer-links{display:flex;gap:1.5rem;font-size:.75rem;color:var(--muted)}.footer-links a:hover{color:var(--cyan)}.footer-bottom{display:flex;justify-content:space-between;gap:1.5rem;font-size:.65rem;color:#7d8aa0;border-top:1px solid #ffffff08;padding-top:1.3rem;margin-top:1.7rem}.footer-bottom span:last-child{display:flex;gap:.5rem;align-items:center}.tiny-dot{width:4px;height:4px;background:var(--cyan);border-radius:50%}
.page-intro{padding-block:5rem 3.2rem;max-width:850px}.page-intro h1{font-size:clamp(2.6rem,5vw,4.6rem)}.page-intro>p{max-width:670px;font-size:1.05rem;margin-top:1.5rem}.page-intro .eyebrow{margin-bottom:1.3rem}.page-content{padding-bottom:5rem}.feature-panel{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:2.5rem}.feature-panel h2{font-size:1.8rem}.feature-panel p{font-size:.95rem;margin-top:1rem}.split{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.field-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:2rem}.field-card{border:1px solid var(--line);border-radius:8px;padding:1.7rem;background:#ffffff02}.field-card .list-number{display:block;margin-bottom:1.5rem}.field-card h3{font-size:1.2rem}.field-card p{font-size:.85rem;margin-top:1rem}.section-note{margin-top:2rem;border-left:2px solid var(--cyan);padding:.3rem 0 .3rem 1.2rem;font-size:.85rem}.subsection{margin-top:4rem}.subsection>h2{font-size:2rem;margin-bottom:1.7rem}.stack-list{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1.6rem}.stack-list span{border:1px solid var(--line);padding:.5rem .9rem;border-radius:5px;font:.75rem/1.5 ui-monospace,Consolas,monospace;color:#c5cee1}.filter-bar{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:2rem}.filter-button{border:1px solid var(--line);border-radius:30px;padding:.55rem 1rem;background:none;font-size:.75rem;min-height:44px}.filter-button[aria-pressed=true]{background:var(--cyan);color:#0b2528;border-color:var(--cyan)}.filter-status{font-size:.75rem;min-height:1.5em;margin-bottom:1rem}.breadcrumbs{display:flex;gap:.75rem;flex-wrap:wrap;font-size:.75rem;color:var(--muted);padding-top:2rem}.breadcrumbs a:hover{color:var(--cyan)}.detail-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:3.5rem;align-items:start}.detail-copy h2{font-size:1.8rem;margin-bottom:1.2rem}.detail-copy p{font-size:.95rem}.detail-copy h2:not(:first-child){margin-top:2.8rem}.detail-visual{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--surface)}.detail-visual img{width:100%;height:auto}.detail-visual figcaption{font-size:.7rem;color:var(--muted);padding:1.2rem;border-top:1px solid var(--line)}.facts{display:grid;gap:1rem;padding:1.5rem;border:1px solid var(--line);border-radius:8px;margin-top:1.5rem}.facts>div{display:flex;justify-content:space-between;gap:1rem;font-size:.78rem}.facts dt{color:var(--muted)}.facts dd{text-align:right;color:#d7dfed}.note-label{display:inline-block;font:.65rem/1.5 ui-monospace,Consolas,monospace;color:var(--cyan);letter-spacing:.09em;text-transform:uppercase}.contact-panel{max-width:800px;padding:3rem}.contact-panel h2{margin-top:1rem}.contact-options{margin-top:2rem;border-top:1px solid var(--line)}.contact-options>div{display:flex;gap:1.5rem;justify-content:space-between;padding:1.1rem 0;border-bottom:1px solid var(--line);font-size:.85rem}.contact-options dt{color:#dce3f1}.contact-options dd{color:var(--muted);text-align:right}.prose{max-width:700px}.prose h2{font-size:1.9rem;margin:2.7rem 0 1rem}.prose p{font-size:.97rem}.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem}.principle-grid h3{font-size:1.1rem;margin-bottom:.6rem}.principle-grid p{font-size:.82rem}.reveal{animation:fade-in .7s ease-out both}@keyframes fade-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.hero{padding-block:7rem 6rem}}
@media(max-width:1000px){.container{width:calc(100% - 3rem)}.navigation{gap:1.1rem}.header-inner{gap:1rem}.hero{gap:.5rem;padding-top:4.5rem}.hero h1{font-size:3.25rem}.hero-description{font-size:.95rem}.two-worlds{gap:3rem}.project-content{padding:1.2rem}.project-content h3{font-size:1.2rem}.discipline-strip{gap:1.5rem}.discipline-strip>div+div{padding-left:1.5rem}.field-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.container{width:calc(100% - 2.5rem)}.header-inner{min-height:78px;flex-wrap:wrap;gap:0;padding-block:1rem}.brand{font-size:1rem}.menu-toggle{display:block}.navigation{width:100%;gap:0;display:flex;flex-wrap:wrap;padding-top:1rem;justify-content:space-between}.navigation>a{font-size:.78rem;min-height:44px;display:flex;align-items:center}.navigation>.nav-contact{margin:0;padding:.4rem .7rem}.js .navigation{display:none;flex-direction:column;align-items:stretch}.js .navigation.is-open{display:flex}.js .navigation>a{padding:.75rem .5rem;box-shadow:none}.js .navigation>a[aria-current=page]{color:var(--cyan)}.js .navigation>.nav-contact{margin-top:.5rem;padding:.65rem .8rem}.hero{grid-template-columns:1fr;padding:3.5rem 0 3rem;gap:2.5rem}.hero h1{font-size:clamp(2.9rem,9.5vw,4.3rem)}.hero-description{font-size:1rem;max-width:520px}.hero-visual{max-width:540px;width:100%;justify-self:center}.hero-footnote{margin-top:1.5rem}.hero-visual .art-caption{margin-top:.6rem}.visual-topline{flex-wrap:wrap;gap:.4rem 1rem}.discipline-strip{grid-template-columns:1fr;gap:1.1rem;padding-block:1.5rem}.discipline-strip>div+div{padding:0;border:0}.strip-detail{margin:0}.strip-title{font-size:.85rem}.strip-icon{min-width:1.5rem}.section{padding-block:3.5rem}.section-header{align-items:start;flex-direction:column;gap:.8rem;margin-bottom:1.8rem}.project-grid{grid-template-columns:1fr}.project-content{padding:1.5rem}.project-content p{min-height:0;font-size:.9rem}.project-content h3{font-size:1.4rem}.project-art{aspect-ratio:1.9}.project-meta{font-size:.65rem}.two-worlds{grid-template-columns:1fr;gap:2.5rem;padding-top:3rem}.two-worlds h2{max-width:none}.two-worlds>div>p{max-width:none}.cta{padding:2rem;align-items:start;flex-direction:column;margin-bottom:3.5rem}.footer-top{align-items:start;flex-direction:column;gap:1.5rem}.footer-links{flex-wrap:wrap;gap:1.5rem}.footer-bottom{flex-direction:column;gap:.5rem}.page-intro{padding-block:3.5rem 2.5rem}.page-intro>p{font-size:1rem}.split,.detail-layout{grid-template-columns:1fr}.field-list{grid-template-columns:1fr}.feature-panel{padding:1.8rem}.principle-grid{grid-template-columns:1fr;gap:1.8rem}.contact-options>div{flex-direction:column;gap:.25rem}.contact-options dd{text-align:left}.detail-layout{gap:2rem}.detail-visual{max-width:500px}.facts{max-width:500px}.page-content{padding-bottom:3.5rem}.breadcrumbs{font-size:.7rem}.contact-panel{padding:1.7rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
@media print{body{background:white;color:#111}.site-header,.site-footer,.hero-actions,.filter-bar,.cta{display:none}.container{width:100%}p{color:#333}.project-card,.feature-panel,.field-card{background:white;break-inside:avoid}.gradient-text{-webkit-text-fill-color:currentColor}.section{padding:1rem 0}a{text-decoration:underline}}
}