@import "https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600&family=Inter:wght@400;500;600;700&display=swap";
:root{--ink:#e9eee7;--muted:#8b9a90;--orange:#ff9a4a;--green:#74d280;--line:#c6eecd2e;--glass:#020808ad}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:#020406;margin:0;font-family:Inter,Arial,sans-serif}button,a{font:inherit}button{cursor:pointer}.experience{isolation:isolate;background:#020406;min-height:100svh;position:relative;overflow:hidden}.nebula{z-index:-3;opacity:.85;filter:blur(44px)saturate(135%);background:radial-gradient(at 24% 37%,#47d16585 0 4%,#0000 22%),radial-gradient(at 68% 55%,#f65b1d7a 0 4%,#0000 27%),radial-gradient(at 48% 20%,#90d35333,#0000 28%),conic-gradient(from 70deg,#06120e,#173a1f 15%,#902d15 34%,#132d1a 48%,#8d3518 69%,#062415 86%,#06120e);animation:22s ease-in-out infinite alternate drift;position:absolute;inset:-20%}.noise{z-index:4;pointer-events:none;opacity:.06;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E");position:absolute;inset:0}@keyframes drift{to{transform:scale(1.18)rotate(12deg)translate(2%,-3%)}}.hud{z-index:7;pointer-events:none;justify-content:space-between;align-items:flex-start;width:100%;padding:27px 32px;display:flex;position:absolute;top:0}.hud>*{pointer-events:auto}.brand,nav button,.panel-eyebrow,h3,.classification,.instruction,.system-label,.hover-label,.comms small{letter-spacing:.15em;font-family:Fira Code,monospace}.brand{color:#c6d8ca;font-size:11px;text-decoration:none}.brand span{color:var(--orange)}.identity{text-align:center;position:absolute;left:50%;transform:translate(-50%)}.identity p{color:#fff6e5;letter-spacing:.19em;margin:0;font-size:13px;font-weight:600}.identity small{color:var(--muted);letter-spacing:.26em;font:9px Fira Code,monospace}nav{gap:8px;display:flex}nav button{color:#a3b6a5;background:#01070659;border:1px solid #0000;padding:8px 10px;font-size:9px}nav button:hover,nav .selected{color:#ffe2be;border-color:var(--line);background:#03100c8f}.scene{z-index:1;position:absolute;inset:0}.scene canvas{touch-action:none}.scene:after{content:"";pointer-events:none;background:radial-gradient(circle,#0000 20%,#0000003b 59%,#000000c9 100%);position:absolute;inset:0}.system-label{z-index:3;text-align:center;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.system-label b{color:#fff0cf;letter-spacing:.24em;text-shadow:0 0 18px #f27636;font-size:15px;display:block}.system-label span{color:#9fc6a0;letter-spacing:.29em;font-size:8px}.instruction{z-index:3;color:#a7b9a4;white-space:nowrap;font-size:9px;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.hover-label{z-index:5;background:var(--glass);border:1px solid var(--line);color:#d7f0d3;padding:8px 11px;font-size:9px;position:absolute;bottom:11%;left:50%;transform:translate(-50%)}.project-grid{z-index:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;width:min(1100px,100% - 48px);min-height:100svh;margin:auto;padding:135px 0 70px;display:grid;position:relative}.project-card{text-align:left;min-height:265px;color:var(--ink);border:1px solid var(--line);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(130deg,#081710c4,#07070899);padding:23px;transition:transform .25s,border-color .25s,background .25s;position:relative;overflow:hidden}.project-card:hover{background:#0f2215c2;border-color:#b7f8a68c;transform:translateY(-5px)}.project-card>span,.project-card em{color:#a3cda8;letter-spacing:.16em;font:9px Fira Code,monospace}.project-card h2{text-transform:uppercase;margin:15px 0 10px;font-size:22px}.project-card p{color:#b9c7bb;max-width:66%;font-size:13px;line-height:1.7}.project-card em{color:#ffc48d;font-style:normal;position:absolute;bottom:22px}.mini-planet{aspect-ratio:1;background:radial-gradient(circle at 32% 27%,#fff7d6 0 3%,var(--planet) 15%,var(--planet) 43%,var(--shadow) 81%);width:95px;box-shadow:-16px 12px 22px #0000007a,0 0 30px color-mix(in srgb,var(--planet),transparent 48%);border-radius:50%;position:absolute;top:52px;right:34px}.datapad{z-index:9;border-left:1px solid var(--line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#010807b8;width:min(48vw,620px);height:100%;padding:85px clamp(26px,4.4vw,62px) 35px;animation:.45s cubic-bezier(.2,.8,.2,1) slide;position:absolute;top:0;right:0;overflow:auto}.focused .scene{filter:blur(4px);transition:all .45s;transform:scale(1.03)}.abort{color:#ffbc84;letter-spacing:.14em;background:0 0;border:0;padding:0;font:10px Fira Code,monospace;position:absolute;top:28px;left:30px}.panel-eyebrow{color:#85d690;font-size:9px}.datapad h2{text-transform:uppercase;letter-spacing:-.05em;margin:12px 0 3px;font-size:clamp(28px,4vw,47px);line-height:1}.cursor{color:var(--orange);animation:1s step-end infinite blink}.classification{color:var(--muted);margin:0 0 33px;font-size:9px}.datapad section{margin:29px 0}.datapad h3{border-top:1px solid var(--line);color:#98bba0;margin:0 0 12px;padding-top:15px;font-size:9px;font-weight:500}.datapad section p{color:#d2ddd3;font-size:13px;line-height:1.8}.pills{flex-wrap:wrap;gap:7px;display:flex}.pills span{border:1px solid var(--line);color:#dae5d9;padding:7px 9px;font:10px Fira Code,monospace}.evidence{aspect-ratio:16/8;color:#ffad61;background:radial-gradient(circle,#153d26,#07130f);border:1px solid #bfe4b147;place-items:center;display:grid;position:relative;overflow:hidden}.evidence svg{z-index:2;width:84%}.evidence strong{color:#b8d9b1;letter-spacing:.1em;font:9px Fira Code,monospace;position:absolute;top:18px;left:19px}.evidence i{opacity:.8;border:solid #ffad61;width:16px;height:16px;position:absolute}.evidence i:first-child{border-width:1px 0 0 1px;top:8px;left:8px}.evidence i:nth-child(2){border-width:1px 1px 0 0;top:8px;right:8px}.evidence i:nth-child(3){border-width:0 0 1px 1px;bottom:8px;left:8px}.evidence i:nth-child(4){border-width:0 1px 1px 0;bottom:8px;right:8px}.scan-lines{opacity:.24;background:repeating-linear-gradient(0deg,#0000,#0000 4px,#ffffff38 5px);position:absolute;inset:0}.datapad footer{flex-wrap:wrap;gap:10px;display:flex}.datapad footer a{border:1px solid var(--line);color:#ffc48d;letter-spacing:.1em;padding:12px;font:10px Fira Code,monospace;text-decoration:none}.datapad footer a:hover{border-color:#ffc48d}.mission-ai{z-index:10;color:#e2ede2;text-align:left;background:0 0;border:0;align-items:center;gap:10px;display:flex;position:absolute;bottom:25px;right:28px}.helmet{color:#ffb269;border:1px solid #87ca81;border-radius:50% 50% 43% 43%;place-items:center;width:38px;height:38px;font-size:24px;display:grid;box-shadow:0 0 20px #4d9c6644}.mission-ai b,.mission-ai small{letter-spacing:.16em;font:10px Fira Code,monospace;display:block}.mission-ai small{color:#90a291;margin-top:4px;font-size:8px}.comms{z-index:12;border:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#030e0adb;width:min(330px,100% - 48px);padding:19px;position:absolute;bottom:80px;right:28px}.comms button{color:#afc7b0;background:0 0;border:0;font-size:20px;position:absolute;top:9px;right:12px}.comms small{color:#9edaa2;font-size:8px}.comms p{color:#d3ddd4;font-size:13px;line-height:1.6}.comms a{color:#ffbf85;letter-spacing:.12em;font:10px Fira Code,monospace;text-decoration:none}@keyframes slide{0%{transform:translate(105%)}}@keyframes blink{50%{opacity:0}}@media (max-width:720px){.hud{padding:20px}.identity{width:100%;top:58px}.identity p{font-size:10px}.identity small{font-size:7px}.hud nav{margin-left:auto}.hud nav button{padding:7px 5px;font-size:7px}.brand{font-size:9px}.project-grid{grid-template-columns:1fr;padding-top:115px}.project-card{min-height:225px}.datapad{width:100%;padding-top:82px}.system-label{top:46%}.instruction{font-size:7px;bottom:25px}.mission-ai{bottom:17px;right:16px}.project-card p{max-width:70%}}.classification{margin-bottom:22px}.mission-stats{border:1px solid var(--line);background:#58a1650e;gap:0;display:grid}.mission-stats div{border-bottom:1px solid var(--line);padding:10px 12px}.mission-stats div:last-child{border-bottom:0}.mission-stats span{color:#85b78b;letter-spacing:.17em;margin-bottom:5px;font:8px Fira Code,monospace;display:block}.mission-stats b{color:#e3ece3;font-size:11px;font-weight:500;line-height:1.45}.focused .nebula{filter:blur(52px)saturate(150%)hue-rotate(8deg);opacity:.96}.focused .datapad{border-left-color:color-mix(in srgb,var(--accent),transparent 50%);box-shadow:-22px 0 70px color-mix(in srgb,var(--accent),transparent 89%)}.focused .panel-eyebrow,.focused .cursor{color:var(--accent)}.hover-label{gap:4px;min-width:230px;display:grid}.hover-label b{color:#fff1d8;letter-spacing:.16em;font-size:10px}.hover-label span{color:#a8c5a8;font-size:8px}.results{gap:7px;display:grid}.results span{color:#ffbf85;border-left:2px solid var(--accent);letter-spacing:.12em;background:#ffffff09;padding:8px 10px;font:9px Fira Code,monospace}.results small{color:var(--muted);margin-top:3px;font-size:10px;line-height:1.4}.profile-orb{aspect-ratio:1;color:#fff0d6;letter-spacing:.08em;background:radial-gradient(circle at 32% 26%,#ffc978,#bd542b 42%,#102818 100%);border-radius:50%;place-items:center;width:70px;margin-bottom:24px;font:600 18px Fira Code,monospace;display:grid;box-shadow:0 0 36px #ff96464d}.mission-control h2{text-transform:none;letter-spacing:-.04em;font-size:clamp(28px,3.5vw,42px)}.sound-toggle{z-index:10;color:#9fba9f;letter-spacing:.13em;background:0 0;border:0;padding:7px 0;font:9px Fira Code,monospace;position:absolute;bottom:27px;left:27px}.sound-toggle:hover{color:#ffc48d}.prompt-chips{flex-wrap:wrap;gap:7px;margin:13px 0;display:flex}.prompt-chips button{color:#b8d6b7;border:1px solid var(--line);text-align:left;background:#ffffff08;padding:7px;font:8px Fira Code,monospace}.prompt-chips button:hover{color:#ffca97;border-color:#ffca97}.reduce-motion *,.reduce-motion :before,.reduce-motion :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.overview-intro{grid-column:1/-1;max-width:860px;padding:15px 0 24px}.overview-intro h1{color:#f1f4ed;letter-spacing:-.06em;max-width:760px;margin:11px 0 14px;font-size:clamp(32px,5vw,62px);line-height:1.03}.overview-intro>p:not(.panel-eyebrow){color:#c6d2c5;max-width:650px;margin:0;font-size:16px;line-height:1.7}.overview-intro>div{flex-wrap:wrap;align-items:center;gap:9px;margin-top:22px;display:flex}.overview-intro span,.overview-intro button{color:#bee1bd;border:1px solid var(--line);letter-spacing:.12em;background:#0d23157a;padding:9px 11px;font:9px Fira Code,monospace}.overview-intro button{color:#ffc38d;cursor:pointer}.overview-intro button:hover{border-color:#ffc38d}.projects-heading{grid-column:1/-1;grid-template-columns:1fr auto;align-items:end;gap:5px 20px;margin-top:8px;display:grid}.projects-heading .panel-eyebrow{grid-column:1/-1}.projects-heading h2{letter-spacing:-.04em;margin:0;font-size:25px}.projects-heading>p:last-child{color:#a9baa9;max-width:330px;margin:0;font-size:12px;line-height:1.45}.portfolio-menu{gap:16px;display:grid}.portfolio-menu nav{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.portfolio-menu nav button{text-align:left;padding:7px 9px}.portfolio-menu nav button:before{content:"— ";color:#66866c}.portfolio-menu nav button.selected:before{color:#ffbc7c}.hud{justify-content:flex-start}@media (max-width:720px){.overview-intro{padding-top:5px}.overview-intro h1{font-size:37px}.overview-intro>p:not(.panel-eyebrow){font-size:14px}.projects-heading{display:block}.projects-heading>p:last-child{margin-top:7px}}.project-page{--project:#74d280;min-height:100svh;color:var(--ink);background:#040807;position:relative;overflow:hidden}.project-page-nebula{z-index:0;opacity:.55;filter:blur(65px);background:radial-gradient(circle at 73% 22%,var(--project),transparent 18%),radial-gradient(circle at 19% 68%,#d35927,transparent 24%),#040807;position:absolute;inset:-20%}.project-header,.project-hero,.project-content{z-index:1;width:min(1120px,100% - 48px);margin:auto;position:relative}.project-header{justify-content:space-between;align-items:center;padding:27px 0;display:flex}.back-link{color:#c9d9c6;letter-spacing:.11em;font:10px Fira Code,monospace;text-decoration:none}.back-link:hover{color:#ffc48d}.project-hero{grid-template-columns:1.25fr .75fr;align-items:center;gap:50px;min-height:370px;display:grid}.project-hero h1{letter-spacing:-.07em;margin:11px 0 3px;font-size:clamp(46px,7vw,88px);line-height:.95}.project-type{color:#b0c2af;letter-spacing:.15em;text-transform:uppercase;margin:0 0 24px;font:10px Fira Code,monospace}.project-lede{color:#d5ded3;max-width:650px;font-size:17px;line-height:1.7}.project-orb{aspect-ratio:1;background:radial-gradient(circle at 31% 25%,#fff9d7 0 3%,var(--project) 18%,var(--project) 44%,#08100c 92%);width:min(26vw,260px);box-shadow:-30px 25px 45px #00000080,0 0 65px color-mix(in srgb,var(--project),transparent 62%);border-radius:50%;justify-self:center}.project-orb span{border:1px solid color-mix(in srgb,var(--project),white 25%);opacity:.35;border-radius:50%;width:100%;height:100%;display:block;transform:scale(1.12)}.project-content{grid-template-columns:290px minmax(0,1fr);gap:80px;padding:50px 0 95px;display:grid}.project-facts{border-top:1px solid var(--line);height:max-content}.project-facts div{border-bottom:1px solid var(--line);padding:15px 0}.project-facts span{color:#91b991;letter-spacing:.13em;text-transform:uppercase;margin-bottom:7px;font:9px Fira Code,monospace;display:block}.project-facts b{font-size:13px;font-weight:500;line-height:1.5}.project-report{max-width:650px}.project-report section{margin-bottom:38px}.project-report h2{border-top:1px solid var(--line);color:#9ec79e;letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px;padding-top:13px;font:10px Fira Code,monospace}.project-report p{color:#d1dbd0;font-size:15px;line-height:1.8}.project-footer{gap:10px;display:flex}.project-footer a{color:#ffca95;border:1px solid var(--line);letter-spacing:.1em;padding:12px 15px;font:10px Fira Code,monospace;text-decoration:none}.project-footer a:hover{border-color:#ffca95}.overview-intro>div>a{color:#ffc38d;border:1px solid var(--line);letter-spacing:.12em;background:#0d23157a;padding:9px 11px;font:9px Fira Code,monospace;text-decoration:none}.overview-intro>.overview-about{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:25px;margin-top:35px;padding-top:21px;display:grid}.overview-about h2{color:#dbe8d9;margin:0 0 8px;font-size:14px}.overview-about p{color:#aebfac;margin:0;font-size:13px;line-height:1.65}@media (max-width:720px){.project-header,.project-hero,.project-content{width:min(100% - 36px,1120px)}.project-hero{grid-template-columns:1fr;min-height:0;padding:55px 0 50px}.project-orb{z-index:-1;opacity:.5;width:170px;position:absolute;top:30px;right:-35px}.project-lede{font-size:15px}.project-content{grid-template-columns:1fr;gap:34px;padding-top:28px}.project-facts{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.project-facts div{border-bottom:0}.project-facts b{font-size:11px}.project-facts span{font-size:7px}.overview-intro>.overview-about{grid-template-columns:1fr;gap:17px}}