@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght,SOFT@9..144,300..700,0..100&family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@300;400;500&display=swap";:root{--void: #0b0a08;--bone: #efe7d6;--brass: #a87a3e;--brass-hi: #d9a766;--moss: #6e8b5a;--rust: #b8492a;--kraft: #c9b68a;--ink: #1c1a17}*{box-sizing:border-box}html,body,#root{margin:0;width:100%;min-height:100%}body{font-family:Inter,sans-serif;background:radial-gradient(circle at 20% -10%,#20170d,var(--void) 48%);color:var(--bone);overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;font-family:Fraunces,serif;font-weight:400}p,li,a,button,dt,dd,span,input,textarea{font-family:Inter,sans-serif}a{color:inherit}.observatory-root{position:relative;min-height:100vh;overflow-x:hidden}.stage-wrap{position:fixed;inset:0;z-index:0}.overlay-stack{position:relative;z-index:2;overflow-x:hidden}.station-overlay{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:8vh 5vw;pointer-events:none;background:linear-gradient(to right,color-mix(in srgb,var(--void) 72%,transparent) 0%,color-mix(in srgb,var(--void) 20%,transparent) 18%,transparent 35%,transparent 65%,color-mix(in srgb,var(--void) 20%,transparent) 82%,color-mix(in srgb,var(--void) 72%,transparent) 100%)}.station-panel{width:min(700px,88vw);max-width:100%;background:color-mix(in srgb,var(--void) 80%,transparent);border:1px solid color-mix(in srgb,var(--kraft) 30%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:clamp(20px,3vw,36px);pointer-events:auto;overflow:hidden}.station-eyebrow,.fallback-eyebrow{margin:0 0 10px;font-family:JetBrains Mono,monospace;letter-spacing:.16em;text-transform:uppercase;font-size:11px;color:var(--kraft)}.station-title{max-width:20ch;font-size:clamp(2rem,5.2vw,4.5rem);line-height:.95;color:var(--bone)}.station-body{margin-top:16px;display:grid;gap:12px;color:color-mix(in srgb,var(--bone) 88%,white);line-height:1.65}.manifesto{color:var(--brass-hi)}.project-grid,.method-grid,.skills-grid{display:grid;gap:12px}.project-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));max-width:100%}.project-card,.method-step,.skills-card,.timeline-item{background:color-mix(in srgb,var(--ink) 80%,transparent);border:1px solid color-mix(in srgb,var(--kraft) 28%,transparent);padding:14px}.project-card h3,.method-step h3,.timeline-item h3,.skills-card h3{margin-bottom:8px;font-size:1.1rem;color:var(--bone)}.project-card ul{margin:10px 0 0;padding-left:18px;display:grid;gap:6px;color:var(--kraft);font-size:.9rem}.project-card-btn{margin-top:12px;border:1px solid color-mix(in srgb,var(--brass) 58%,transparent);background:transparent;color:var(--brass-hi);padding:8px 10px;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.project-card-btn:hover{background:color-mix(in srgb,var(--brass) 16%,transparent)}.method-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));max-width:100%}.timeline{display:grid;gap:10px}.timeline-meta,.meta{font-family:JetBrains Mono,monospace;font-size:.77rem;letter-spacing:.07em;color:var(--kraft);text-transform:uppercase}.skills-grid{margin-top:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));max-width:100%}.contact-links{display:flex;gap:10px;flex-wrap:wrap}.contact-links a{padding:10px 12px;border:1px solid color-mix(in srgb,var(--brass) 65%,transparent);font-family:JetBrains Mono,monospace;font-size:.79rem;letter-spacing:.06em;text-decoration:none}.contact-links a:hover{background:color-mix(in srgb,var(--brass) 18%,transparent)}.obs-nav-trigger{position:fixed;top:18px;left:18px;z-index:10;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--void) 82%,transparent);border:1px solid color-mix(in srgb,var(--kraft) 38%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--brass-hi);cursor:pointer;transition:border-color .18s,background .18s}.obs-nav-trigger:hover{border-color:color-mix(in srgb,var(--brass) 72%,transparent);background:color-mix(in srgb,var(--void) 92%,transparent)}.obs-nav{position:fixed;top:18px;left:18px;z-index:9;width:min(300px,calc(100vw - 36px));border:1px solid color-mix(in srgb,var(--kraft) 28%,transparent);background:color-mix(in srgb,var(--void) 88%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:54px 10px 10px;display:grid;gap:10px}.obs-nav-brand{margin:0;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--brass-hi)}.obs-nav-links{display:grid;grid-template-columns:1fr;gap:6px}.obs-nav-link{border:1px solid transparent;background:transparent;color:color-mix(in srgb,var(--bone) 82%,transparent);padding:8px 9px;display:flex;gap:8px;justify-content:flex-start;align-items:baseline;font-family:JetBrains Mono,monospace;letter-spacing:.07em;text-transform:uppercase;font-size:11px;cursor:pointer}.obs-nav-link:hover,.obs-nav-link.is-active{border-color:color-mix(in srgb,var(--brass) 55%,transparent);color:var(--brass-hi)}.obs-nav-controls{display:flex;gap:8px;flex-wrap:wrap}.obs-nav-toggle{display:inline-flex;align-items:center;gap:6px;border:1px solid color-mix(in srgb,var(--kraft) 35%,transparent);background:transparent;color:var(--kraft);font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:7px 9px;cursor:pointer}.obs-nav-toggle.is-on,.obs-nav-toggle.is-noise,.obs-nav-toggle:hover{color:var(--brass-hi);border-color:color-mix(in srgb,var(--brass) 68%,transparent)}.obs-hud{position:fixed;top:18px;right:18px;z-index:5;background:color-mix(in srgb,var(--void) 82%,transparent);border:1px solid color-mix(in srgb,var(--kraft) 28%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 10px;color:var(--bone);font-family:JetBrains Mono,monospace;cursor:default;transition:border-color .2s}.obs-hud:hover{border-color:color-mix(in srgb,var(--brass) 42%,transparent)}.obs-hud dl{margin:0;display:grid;gap:0}.obs-hud dl>div:first-child{display:flex;align-items:baseline;gap:7px}.obs-hud dl>div:first-child dt{font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--kraft) 88%,transparent);white-space:nowrap}.obs-hud dl>div:first-child dd{font-size:13px;letter-spacing:.06em;color:var(--brass-hi)}.obs-hud dl>div:not(:first-child){overflow:hidden;max-height:0;opacity:0;margin-top:0;transition:max-height .22s ease,opacity .18s ease,margin-top .22s ease}.obs-hud:hover dl>div:not(:first-child){max-height:44px;opacity:1;margin-top:6px}.obs-hud dt{margin:0;font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--kraft) 88%,transparent)}.obs-hud dd{margin:0;font-size:12px;letter-spacing:.03em;line-height:1.3}.obs-hud-debug{overflow:hidden;max-height:0;opacity:0;font-size:9px;display:grid;gap:3px;color:var(--rust);transition:max-height .22s ease,opacity .18s ease,margin-top .22s ease,padding-top .22s ease}.obs-hud:hover .obs-hud-debug{max-height:60px;opacity:1;margin-top:8px;padding-top:7px;border-top:1px solid color-mix(in srgb,var(--kraft) 22%,transparent)}.obs-cursor{position:fixed;top:0;left:0;width:16px;height:16px;margin-left:-8px;margin-top:-8px;border-radius:999px;border:1px solid color-mix(in srgb,var(--brass) 72%,white 8%);pointer-events:none;z-index:999;transition:width .22s ease,height .22s ease,margin .22s ease,border-color .22s ease}.obs-cursor:before,.obs-cursor:after{content:"";position:absolute;inset:50%;transform:translate(-50%,-50%);pointer-events:none}.obs-cursor.is-hovering{width:64px;height:64px;margin-left:-32px;margin-top:-32px;border-color:var(--brass-hi)}.obs-cursor.is-hovering:before{width:32px;height:32px;border-radius:999px;border:1px solid color-mix(in srgb,var(--brass-hi) 75%,transparent)}.obs-cursor.is-hovering:after{width:16px;height:16px;border-top:1px solid var(--brass-hi);border-left:1px solid var(--brass-hi)}.instrument-panel{display:none}.instrument-panel-eyebrow{margin:0;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--kraft)}.instrument-panel button,.instrument-panel a{width:-moz-fit-content;width:fit-content;border:1px solid color-mix(in srgb,var(--brass) 60%,transparent);background:transparent;color:var(--brass-hi);padding:7px 9px;cursor:pointer;text-decoration:none;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.instrument-score{margin:0;font-family:JetBrains Mono,monospace;font-size:1.6rem;color:var(--brass-hi)}.method-panel{display:none}.method-panel-step{border:1px solid color-mix(in srgb,var(--brass) 38%,transparent);background:color-mix(in srgb,var(--void) 76%,transparent);padding:10px}.method-panel-step h4{margin:0 0 4px;font-size:.95rem;color:var(--brass-hi)}.method-panel-step p{margin:0;font-size:.74rem;line-height:1.45}.sphere-label{display:none}.case-overlay{position:fixed;top:0;right:0;bottom:0;width:min(680px,95vw);z-index:7;background:color-mix(in srgb,var(--ink) 83%,transparent);border-left:1px solid color-mix(in srgb,var(--kraft) 35%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:20px;overflow-y:auto}.case-overlay-scrim{position:fixed;inset:0;z-index:6;border:0;padding:0;margin:0;background:color-mix(in srgb,var(--void) 66%,transparent);-webkit-backdrop-filter:blur(2.2px);backdrop-filter:blur(2.2px);cursor:pointer}.case-overlay-close{display:inline-flex;align-items:center;gap:6px;border:1px solid color-mix(in srgb,var(--kraft) 42%,transparent);background:transparent;color:var(--bone);padding:8px 10px;margin-bottom:14px;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.case-overlay-content{display:grid;gap:16px}.case-overlay-content h3{font-size:clamp(1.4rem,3vw,2rem)}.case-overlay-content h4{margin:0 0 6px;font-size:1.02rem;color:var(--brass-hi)}.case-overlay-content p{margin:0;line-height:1.65}.case-meta-grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.case-mdx{display:grid;gap:12px}.case-mdx h4{margin-top:12px}.case-mdx p,.case-mdx li{line-height:1.7;color:color-mix(in srgb,var(--bone) 90%,white)}.case-mdx ul{margin:0;padding-left:20px}.fallback-site{position:relative;z-index:3;min-height:100vh;background:linear-gradient(180deg,var(--bone) 0%,#dac8a5 100%);color:var(--ink)}.fallback-section{padding:90px 18px;max-width:980px;margin:0 auto}.fallback-section.hero{padding-top:130px;position:relative}.fallback-section h1{font-size:clamp(2.1rem,7vw,3.8rem);line-height:.95;margin-bottom:14px}.fallback-section h2{font-size:clamp(1.5rem,5vw,2.4rem);margin-bottom:14px}.fallback-section h3{font-size:1.1rem;margin-bottom:8px}.topographic{position:absolute;inset:-10% -8%;pointer-events:none;background:radial-gradient(circle at 20% 22%,rgba(168,122,62,.22) 0%,transparent 52%),repeating-radial-gradient(circle at 15% 10%,transparent 0 12px,rgba(28,26,23,.08) 13px 14px);opacity:.6}.fallback-project-grid,.fallback-method-grid,.fallback-skills,.fallback-timeline{display:grid;gap:12px}.fallback-project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:720px){.fallback-project-grid{grid-template-columns:1fr}}.fallback-project-card,.fallback-method-card,.fallback-skills article,.fallback-timeline article{background:#efe7d6d9;border:1px solid rgba(28,26,23,.14);padding:12px}.fallback-case-btn{margin-top:10px;border:1px solid rgba(28,26,23,.35);background:transparent;color:var(--ink);padding:9px 11px;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.fallback-case-content{margin-top:12px;border-top:1px solid rgba(28,26,23,.14);padding-top:12px;display:grid;gap:10px}.fallback-case-content h4{margin:8px 0 4px;color:var(--brass)}.fallback-case-content p,.fallback-case-content li{margin:0;line-height:1.65}.fallback-case-content ul{margin:0;padding-left:20px}.fallback-links{display:flex;gap:10px;flex-wrap:wrap}.fallback-links a{border:1px solid rgba(28,26,23,.3);padding:10px 12px;text-decoration:none;font-family:JetBrains Mono,monospace;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase}.fallback-links a:hover{background:#a87a3e1f}@media(pointer:fine){body{cursor:none}}@media(max-width:900px){.obs-hud{top:auto;bottom:14px;right:14px}.station-overlay{padding:6vh 4vw;align-items:center}.station-panel{width:min(640px,90vw)}.method-panel{grid-template-columns:1fr}}@media(max-width:767px){.obs-nav-trigger,.obs-nav,.obs-hud,.obs-cursor{display:none}.station-overlay{padding:5vh 4vw}.station-panel{width:92vw}.case-overlay-scrim{background:color-mix(in srgb,var(--void) 74%,transparent);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}body{cursor:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}