:root{--font-sans:Arial,Helvetica,sans-serif;--font-mono:"Courier New",monospace}
:root{--ink:#080a0c;--paper:#ebe9e1;--blue:#3f6fff;--amber:#ffb347;--line:rgba(235,233,225,.18);--mx:50vw;--my:50vh}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--font-sans),Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.cursor-glow{position:fixed;width:26rem;height:26rem;border-radius:50%;left:var(--mx);top:var(--my);transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(63,111,255,.08),transparent 67%);pointer-events:none;z-index:20}.nav{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 3.5vw;border-bottom:1px solid var(--line);position:absolute;top:0;width:100%;z-index:10}.mark{font-size:1.35rem;font-weight:800;letter-spacing:-.08em}.mark span{color:var(--amber);margin-left:2px}.navlinks{display:flex;gap:2.4rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.16em}.navlinks a,.contact-link{transition:opacity .2s}.navlinks a:hover,.contact-link:hover{opacity:.55}.contact-link{font:600 .69rem var(--font-mono);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--paper);padding-bottom:.35rem}
.hero{height:min(940px,100svh);min-height:720px;padding:150px 3.5vw 45px;position:relative;overflow:hidden;background:radial-gradient(circle at 72% 44%,#172043 0,transparent 27%),linear-gradient(118deg,#080a0c 55%,#0b0e13)}.hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,transparent 40%,#000);pointer-events:none}.hero-kicker,.eyebrow{font:500 .66rem var(--font-mono);letter-spacing:.15em;text-transform:uppercase}.pulse{width:7px;height:7px;background:var(--amber);display:inline-block;border-radius:50%;box-shadow:0 0 0 5px rgba(255,179,71,.12);margin-right:.65rem}.hero h1{font-size:clamp(5rem,11.9vw,11rem);letter-spacing:-.08em;line-height:.77;margin:10vh 0 0;position:relative;z-index:2;font-weight:580}.hero h1 span{display:block}.hero h1 .outline{color:transparent;-webkit-text-stroke:1px rgba(235,233,225,.55);margin-left:13vw;font-style:italic;font-weight:300}.hero-bottom{position:absolute;bottom:55px;left:3.5vw;right:3.5vw;display:flex;justify-content:space-between;align-items:end;z-index:3}.hero-bottom p{width:min(420px,36vw);font-size:1rem;line-height:1.6;color:#aaa9a3}.hero-bottom em{color:var(--paper);font-family:Georgia,serif}.scroll-note{font:500 .58rem var(--font-mono);letter-spacing:.13em;writing-mode:vertical-rl;display:flex;align-items:center;gap:1rem}.scroll-note b{font-size:1rem}.hero-index{position:absolute;right:3.5vw;top:116px;font:500 .58rem var(--font-mono);letter-spacing:.15em;color:#777}.joint{position:absolute;width:33vw;height:33vw;min-width:420px;min-height:420px;right:4vw;top:20%;z-index:1;filter:drop-shadow(0 30px 80px rgba(25,72,255,.2));animation:float 7s ease-in-out infinite}.joint-core{position:absolute;inset:22%;border-radius:38% 62% 55% 45%;background:radial-gradient(circle at 36% 30%,#d5e0ff,transparent 7%),radial-gradient(circle at 42% 38%,#638bff 0,#1d42c7 28%,#081436 62%,#030508 75%);box-shadow:inset -30px -30px 60px #000,inset 10px 10px 30px rgba(255,255,255,.28),0 0 40px #1d42c7;transform:rotate(-22deg)}.joint-ring{position:absolute;border:1px solid rgba(255,179,71,.5);border-radius:50%;inset:4%;transform:rotateX(67deg) rotateZ(-20deg)}.ring-b{inset:10%;transform:rotateY(66deg) rotateZ(24deg);border-color:rgba(98,139,255,.6)}.joint-label{position:absolute;right:-1rem;bottom:15%;font:500 .54rem/1.6 var(--font-mono);letter-spacing:.15em;color:var(--amber)}@keyframes float{50%{transform:translateY(-18px) rotate(2deg)}}
.manifesto,.research,.about{padding:115px 3.5vw}.manifesto{background:var(--paper);color:var(--ink)}.eyebrow{margin-bottom:70px;color:#777}.statement{font-size:clamp(3rem,7vw,7rem);line-height:.95;letter-spacing:-.065em;margin:0 0 90px}.statement span{color:#aaa8a1;font-family:Georgia,serif;font-style:italic}.discipline-grid{display:grid;grid-template-columns:1fr 1.2fr;border-top:1px solid #aaa}.discipline-tabs button{display:grid;grid-template-columns:50px 1fr 30px;align-items:center;width:100%;text-align:left;padding:25px 0;border:0;border-bottom:1px solid #bbb;background:none;color:#8c8a85;cursor:pointer}.discipline-tabs button span{font-size:clamp(1.5rem,3vw,3.2rem);letter-spacing:-.05em}.discipline-tabs button small{font:500 .6rem var(--font-mono)}.discipline-tabs button b{font-size:1.5rem;font-weight:300}.discipline-tabs button.active{color:var(--ink)}.discipline-panel{margin-left:7vw;position:relative;padding:28px 0;min-height:390px;overflow:hidden}.discipline-panel>span{font:500 .58rem var(--font-mono);letter-spacing:.14em;color:#777}.discipline-panel>p{font:400 1.2rem/1.6 Georgia,serif;width:70%;position:relative;z-index:2}.mode{position:absolute;width:250px;height:250px;right:0;bottom:-5px;transition:.5s}.mode i{position:absolute;display:block;border-radius:50%;border:1px solid var(--blue)}.mode i:nth-child(1){inset:10%;box-shadow:inset 0 0 50px rgba(63,111,255,.4)}.mode i:nth-child(2){inset:25%;background:var(--blue);filter:blur(1px);box-shadow:0 0 70px var(--blue)}.mode i:nth-child(3){width:100%;height:25%;top:38%;border-color:var(--amber);transform:rotate(-25deg)}.mode-1{transform:rotate(90deg);filter:hue-rotate(20deg)}.mode-2{transform:scale(.8) rotate(220deg);filter:hue-rotate(165deg)}
.research{background:#0b0d10}.feature-card{min-height:640px;background:#d7d6d1;color:#0b0d10;padding:34px;position:relative;overflow:hidden}.feature-meta,.feature-footer{display:flex;justify-content:space-between;font:500 .58rem var(--font-mono);letter-spacing:.13em}.feature-card h2{font-size:clamp(4rem,8vw,8rem);line-height:.8;letter-spacing:-.07em;margin:110px 0 35px;position:relative;z-index:2}.feature-card>p{max-width:430px;font:1.05rem/1.55 Georgia,serif;position:relative;z-index:2}.feature-footer{position:absolute;bottom:30px;left:34px;right:34px;border-top:1px solid #999;padding-top:18px;z-index:2}.xray-object{position:absolute;width:50%;height:120%;right:-3%;top:-10%;transform:rotate(18deg)}.xray-object span{display:block;position:absolute;border-radius:45%;background:radial-gradient(ellipse,#6888ff 0,#1739a3 30%,#08102b 65%);box-shadow:inset 20px 5px 30px rgba(255,255,255,.3),0 0 40px rgba(45,80,220,.4)}.xray-object span:nth-child(1){width:40%;height:45%;left:35%;top:3%;transform:rotate(-12deg)}.xray-object span:nth-child(2){width:33%;height:55%;left:17%;top:39%;transform:rotate(12deg)}.xray-object span:nth-child(3){width:18%;height:50%;left:56%;top:42%;transform:rotate(-5deg)}.work-pair{display:grid;grid-template-columns:1fr 1fr}.mini-card{min-height:480px;padding:36px;position:relative;color:#090b0d}.mini-card span{font:600 .58rem var(--font-mono);letter-spacing:.13em}.mini-card h3{font-size:clamp(3rem,5vw,5.5rem);line-height:.87;letter-spacing:-.06em;margin:110px 0 30px}.mini-card p{max-width:390px;line-height:1.5}.mini-card>b{position:absolute;right:30px;bottom:25px;font:500 .7rem var(--font-mono)}.mini-card a{display:inline-block;margin-top:25px;border-bottom:1px solid;padding-bottom:3px;font:600 .7rem var(--font-mono)}.amber{background:var(--amber)}.blue{background:var(--blue);color:var(--paper)}
.about{background:var(--paper);color:var(--ink)}.about-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:10vw}.about h2{font-size:clamp(3rem,5vw,6rem);letter-spacing:-.065em;line-height:.95;margin:0}.about h2 span{font:italic 400 1em Georgia,serif;color:#97958f}.about-grid>div>p{max-width:520px;font:1.1rem/1.65 Georgia,serif;margin-top:45px}.time-row{display:grid;grid-template-columns:100px 1fr;border-top:1px solid #aaa;padding:25px 0}.time-row small{font:500 .58rem var(--font-mono)}.time-row h3{font-size:1.2rem;margin:0}.time-row p{grid-column:2;color:#777;margin:8px 0 0;font-size:.8rem}.credentials{margin-top:100px;border-top:1px solid #aaa;border-bottom:1px solid #aaa;padding:20px 0;display:flex;justify-content:space-between;gap:20px;font:500 .57rem var(--font-mono);letter-spacing:.1em}
footer{min-height:650px;padding:110px 3.5vw 30px;position:relative;overflow:hidden;background:#080a0c}.footer-kicker{text-align:center;font:italic 1.2rem Georgia,serif;color:#8d8d89}.footer-mail{display:flex;justify-content:center;align-items:center;gap:2vw;font-size:clamp(3.5rem,8.5vw,9rem);letter-spacing:-.075em;margin-top:80px;position:relative;z-index:2}.footer-mail span{color:var(--amber);font-weight:200}.footer-base{position:absolute;bottom:25px;left:3.5vw;right:3.5vw;border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;font:500 .57rem var(--font-mono);letter-spacing:.1em}.footer-orbit{position:absolute;width:600px;height:600px;left:50%;top:53%;transform:translate(-50%,-50%)}.footer-orbit i{position:absolute;inset:20%;border:1px solid rgba(63,111,255,.4);border-radius:50%;transform:rotateX(65deg);box-shadow:0 0 70px rgba(63,111,255,.2)}.footer-orbit i+i{transform:rotateY(65deg);border-color:rgba(255,179,71,.3)}
@media(max-width:800px){.nav{height:70px;padding:0 20px}.navlinks{display:none}.contact-link{font-size:.57rem}.hero{padding:120px 20px 40px;height:820px}.hero h1{font-size:18vw;line-height:.84;margin-top:15vh}.hero h1 .outline{margin-left:0}.joint{min-width:330px;min-height:330px;right:-110px;top:42%}.hero-bottom{left:20px;right:20px}.hero-bottom p{width:80%;font-size:.9rem}.manifesto,.research,.about{padding:80px 20px}.eyebrow{margin-bottom:45px}.statement{margin-bottom:60px}.discipline-grid,.about-grid{grid-template-columns:1fr}.discipline-panel{margin:30px 0 0;min-height:330px}.discipline-panel>p{width:78%}.feature-card{min-height:650px;padding:25px}.feature-card h2{margin-top:90px}.xray-object{width:80%;opacity:.62;right:-25%;top:5%}.feature-footer{left:25px;right:25px;gap:20px}.work-pair{grid-template-columns:1fr}.mini-card{min-height:430px}.about-grid{gap:75px}.credentials{overflow:auto;justify-content:flex-start;white-space:nowrap}.footer-mail{margin-top:110px;text-align:center}.footer-base span:last-child{display:none}.footer-orbit{width:400px;height:400px}.cursor-glow{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.joint{animation:none}}
