:root{--ink:#e9f7f7;--ink-soft:#a9c5c8;--muted:#738f96;--ocean-950:#020910;--ocean-900:#041322;--ocean-850:#071b2c;--ocean-800:#092338;--cyan:#72e3eb;--cyan-strong:#3cc4d1;--amber:#dfb475;--line:#83cdd32b;--line-strong:#83dce259;--surface:#071b2bb8;--surface-solid:#071b2b;--radius:2px;--page:min(1180px, calc(100% - 48px));--sans:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ocean-950);scroll-padding-top:90px}body{min-width:320px;color:var(--ink);background:radial-gradient(circle at 78% 14%, #165b701f, transparent 31rem), linear-gradient(180deg, var(--ocean-900), var(--ocean-950) 78%);font-family:var(--sans);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.65}body:before{z-index:-1;content:"";pointer-events:none;background-image:linear-gradient(#62b0b907 1px,#0000 1px),linear-gradient(90deg,#62b0b907 1px,#0000 1px);background-size:72px 72px;position:fixed;inset:0;mask-image:linear-gradient(#000,#0000 80%)}::selection{color:#021015;background:var(--cyan)}a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}img,svg,canvas{max-width:100%}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.skip-link{z-index:100;min-height:44px;color:var(--ocean-950);background:var(--cyan);padding:10px 16px;font-weight:700;position:fixed;top:12px;left:12px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:20;width:var(--page);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:76px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.site-header--solid{position:relative}.brand,.site-header nav a{align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.brand{min-width:44px;font-family:var(--mono);letter-spacing:.17em;gap:12px;font-size:.74rem;font-weight:700}.brand-mark{border:1px solid var(--line-strong);border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:relative}.brand-mark span{background:var(--cyan);transform-origin:50%;width:14px;height:1px;position:absolute}.brand-mark span:nth-child(2){transform:rotate(60deg)}.brand-mark span:nth-child(3){transform:rotate(-60deg)}.site-header nav{align-items:center;gap:clamp(7px,2.4vw,34px);display:flex}.site-header nav a{color:var(--ink-soft);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;padding:0 6px;font-size:.7rem;position:relative}.site-header nav a:after{background:var(--cyan);content:"";transform-origin:0;height:1px;transition:transform .18s;position:absolute;bottom:4px;left:6px;right:6px;transform:scaleX(0)}.site-header nav a:hover,.site-header nav a[aria-current=page]{color:var(--ink)}.site-header nav a:hover:after,.site-header nav a[aria-current=page]:after{transform:scaleX(1)}.site-header .nav-github{border-left:1px solid var(--line);gap:8px;padding-inline:12px}.site-footer{width:var(--page);border-top:1px solid var(--line);grid-template-columns:1fr auto;gap:22px 36px;margin:0 auto;padding:72px 0 36px;display:grid}.footer-kicker,.section-kicker,.card-eyebrow,.project-index,.eyebrow,.article-meta,.note-meta,.footer-link,.copyright,.atlas-meta,.atlas-legend,.card-status{font-family:var(--mono)}.footer-kicker,.section-kicker,.eyebrow{color:var(--cyan);letter-spacing:.18em;margin:0 0 12px;font-size:.69rem}.footer-line{margin:0;font-size:clamp(1.2rem,3vw,2rem);font-weight:300}.footer-link{min-height:44px;color:var(--ink-soft);letter-spacing:.08em;align-self:center;align-items:center;gap:10px;font-size:.72rem;text-decoration:none;display:inline-flex}.footer-link .icon{transform:rotate(-90deg)}.footer-link:hover{color:var(--cyan)}.copyright{color:var(--muted);letter-spacing:.06em;grid-column:1/-1;margin:18px 0 0;font-size:.65rem}.hero{isolation:isolate;background:radial-gradient(circle at 70% 48%,#2096a529,#0000 27%),radial-gradient(circle at 50% 105%,#0b5c7d66,#0000 44%),linear-gradient(#030d18 0%,#06192a 62%,#04111e 100%);place-items:center;min-height:min(900px,100svh);display:grid;position:relative;overflow:hidden}.hero:before{z-index:-2;content:"";background:linear-gradient(105deg,#0000 0 47%,#6fe0eb0d 47.2%,#0000 47.5%),radial-gradient(circle at 50% 60%,#0000 0 22%,#3fafc012 22.2%,#0000 22.6%),radial-gradient(circle at 50% 60%,#0000 0 34%,#3fafc00a 34.2%,#0000 34.5%);position:absolute;inset:0}.hero:after{z-index:2;background:linear-gradient(transparent, var(--ocean-900));content:"";pointer-events:none;height:150px;position:absolute;bottom:0;left:0;right:0}.starfield{z-index:-1;width:100%;height:100%;position:absolute;inset:0}.hero-content{z-index:3;width:var(--page);padding:160px 0 116px;position:relative}.hero-coordinate{color:#b7dee09e;font-family:var(--mono);letter-spacing:.13em;text-align:right;margin:0;font-size:.62rem;line-height:1.9;position:absolute;top:49%;right:0;transform:translateY(-50%)}.hero h1{letter-spacing:-.065em;max-width:930px;margin:0;font-size:clamp(3.2rem,9.4vw,7.9rem);font-weight:300;line-height:.96}.hero h1 .accent{color:#0000;background:linear-gradient(90deg, var(--cyan), #d7fbfa 46%, #7ea9bd);-webkit-background-clip:text;background-clip:text;display:block}.hero-subtitle{max-width:650px;color:var(--ink-soft);letter-spacing:.01em;margin:34px 0 0;font-size:clamp(1rem,2vw,1.25rem);font-weight:300}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:42px;display:flex}.button{border:1px solid var(--line-strong);min-height:48px;color:var(--ink);font-family:var(--mono);letter-spacing:.08em;background:#061a2966;justify-content:center;align-items:center;gap:12px;padding:10px 18px;font-size:.7rem;text-decoration:none;transition:border-color .18s,background .18s,transform .18s;display:inline-flex}.button:hover{border-color:var(--cyan);background:#1d737e29;transform:translateY(-2px)}.button--quiet{color:var(--ink-soft);border-color:#0000}.hero-depth{z-index:3;color:var(--muted);font-family:var(--mono);letter-spacing:.1em;writing-mode:vertical-rl;align-items:center;gap:12px;font-size:.6rem;display:flex;position:absolute;bottom:80px;right:3vw}.hero-depth:after{background:linear-gradient(var(--cyan), transparent);content:"";width:1px;height:48px}.section{width:var(--page);margin:0 auto;padding:clamp(92px,12vw,154px) 0}.section-head{grid-template-columns:minmax(0,1fr) minmax(260px,.55fr);align-items:end;gap:24px 60px;margin-bottom:clamp(42px,6vw,72px);display:grid}.section-title{letter-spacing:-.055em;margin:0;font-size:clamp(2.25rem,5.2vw,4.9rem);font-weight:300;line-height:1.02}.section-intro{color:var(--ink-soft);margin:0;font-size:.96rem}.section-index{align-items:center;gap:10px;display:inline-flex}.section-index:before{background:var(--cyan);content:"";width:28px;height:1px}.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.project-card{border:1px solid var(--line);background:linear-gradient(145deg,#092539d1,#04111dd6);transition:border-color .22s,transform .22s,box-shadow .22s;position:relative;overflow:hidden}.project-card:hover{border-color:var(--line-strong);transform:translateY(-5px);box-shadow:0 24px 70px #00070d47}.project-visual{border-bottom:1px solid var(--line);background:radial-gradient(circle,#2ca4b429,#0000 48%),linear-gradient(#70d3dc0a 1px,#0000 1px) 0 0/24px 24px,linear-gradient(90deg,#70d3dc0a 1px,#0000 1px) 0 0/24px 24px;height:210px;position:relative;overflow:hidden}.project-visual:after{content:"";pointer-events:none;border:10px solid #0000;border-top-color:#63d7e20a;position:absolute;inset:0}.project-visual svg{fill:none;stroke:#6ddee79e;stroke-width:1px;vector-effect:non-scaling-stroke;width:100%;height:100%}.project-visual circle{fill:#3fc4d014}.project-visual .pulse{fill:var(--cyan);stroke:var(--cyan);transform-box:fill-box;transform-origin:50%;animation:2.7s ease-out infinite pulse}.project-visual--wave .ghost{opacity:.28}.project-visual--nodes circle{transition:fill .22s}.project-card:hover .project-visual--nodes circle{fill:#5ae0e83b}.project-index{color:var(--muted);letter-spacing:.1em;font-size:.65rem;position:absolute;top:15px;right:17px}.project-body{flex-direction:column;min-height:330px;padding:28px;display:flex}.card-eyebrow{color:var(--cyan);letter-spacing:.14em;margin:0 0 8px;font-size:.62rem}.project-body h3{letter-spacing:-.035em;margin:0;font-size:clamp(1.65rem,3vw,2.15rem);font-weight:400}.project-body>p:not(.card-eyebrow){color:var(--ink-soft);margin:18px 0 22px;font-size:.9rem}.tag-list{flex-wrap:wrap;gap:7px;margin:0 0 26px;padding:0;list-style:none;display:flex}.tag-list li{border:1px solid var(--line);color:var(--muted);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;padding:4px 8px;font-size:.58rem}.card-link,.card-status{min-height:44px;color:var(--ink);font-family:var(--mono);letter-spacing:.07em;align-self:flex-start;align-items:center;gap:10px;margin-top:auto;font-size:.68rem;text-decoration:none;display:inline-flex}.card-link .icon{transition:transform .18s}.card-link:hover{color:var(--cyan)}.card-link:hover .icon{transform:translate(4px)}.card-status{color:var(--muted)}.card-status i{background:var(--amber);border-radius:50%;width:6px;height:6px;box-shadow:0 0 12px #dfb47580}.constellation-section{background:linear-gradient(90deg, transparent 49.94%, var(--line) 50%, transparent 50.06%), linear-gradient(180deg, #061b2c1a, #0c2c4047, #05121e1a);width:100%;padding-inline:max(24px,50% - 590px)}.constellation-shell{border:1px solid var(--line);background:radial-gradient(circle at 51% 46%,#2897a51f,#0000 38%);min-height:430px;position:relative}.constellation{width:100%;height:auto;min-height:390px;display:block}.constellation-lines{fill:none;stroke:#5fc9d542;stroke-width:1px;stroke-dasharray:3 5}.constellation-nodes circle{fill:var(--ocean-900);stroke:var(--cyan);stroke-width:1.2px;filter:drop-shadow(0 0 7px #61e1ea73)}.constellation-nodes circle:nth-child(3){fill:var(--cyan);stroke-width:5px;stroke-opacity:.16}.constellation-labels text{fill:var(--ink-soft);font-family:var(--mono);letter-spacing:1.3px;font-size:10px}.constellation-labels .constellation-core{fill:var(--ink);font-size:12px}.constellation-coordinate{color:var(--muted);font-family:var(--mono);letter-spacing:.09em;text-align:right;font-size:.57rem;line-height:1.8;position:absolute;bottom:16px;right:18px}.atlas-frame{border:1px solid var(--line);background-color:#051523;background-image:linear-gradient(#5ab2bc0a 1px,#0000 1px),linear-gradient(90deg,#5ab2bc0a 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:30px 30px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;position:relative;overflow:hidden}.atlas-meta,.atlas-legend{color:var(--muted);letter-spacing:.09em;justify-content:space-between;align-items:center;font-size:.59rem;display:flex}.atlas-meta{border-bottom:1px solid var(--line);padding:16px 18px}.atlas-map{width:100%;height:auto;display:block}.atlas-ocean{fill:#051b2deb;stroke:#70dae161;stroke-width:1.5px}.atlas-grid{fill:none;stroke:#6cc7cf1a;stroke-width:1px}.atlas-land{fill:#1d5c6642;stroke:#69c8cf40;stroke-width:1.2px}.atlas-route{fill:none;stroke:#dfb4756e;stroke-width:1.3px;stroke-dasharray:5 7}.atlas-point-ring{fill:#60dfe70f;stroke:#72e3ebb3;stroke-width:1px}.atlas-point-dot{fill:var(--cyan)}.atlas-points text{fill:#bce2e3;font-family:var(--mono);letter-spacing:.7px;paint-order:stroke;stroke:#051523;stroke-width:3px;font-size:10px}.atlas-legend{border-top:1px solid var(--line);gap:16px;padding:13px 18px}.atlas-legend p{margin:0}.atlas-legend span{background:var(--cyan);border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}.atlas-legend code{color:var(--ink-soft)}.atlas-mobile-labels{display:none}.journey-timeline{grid-template-columns:repeat(4,1fr);margin:0;padding:0;list-style:none;display:grid;position:relative}.journey-timeline:before{background:linear-gradient(90deg, var(--cyan), var(--line-strong), var(--amber));content:"";height:1px;position:absolute;top:27px;left:0;right:0}.journey-timeline li{padding-right:30px;position:relative}.timeline-marker{border:1px solid var(--line-strong);background:var(--ocean-900);width:55px;height:55px;color:var(--cyan);font-family:var(--mono);border-radius:50%;place-items:center;margin-bottom:32px;font-size:.65rem;display:grid;position:relative}.timeline-marker:after{content:"";border:1px dashed #70e3eb38;border-radius:50%;position:absolute;inset:7px}.timeline-copy>p:first-child{color:var(--muted);font-family:var(--mono);letter-spacing:.14em;margin:0 0 9px;font-size:.61rem}.timeline-copy h3{margin:0 0 14px;font-size:1.2rem;font-weight:450;line-height:1.3}.timeline-copy>p:last-child{color:var(--ink-soft);margin:0;font-size:.86rem}.notes-preview{border-top:1px solid var(--line);display:grid}.note-row{border-bottom:1px solid var(--line);grid-template-columns:120px 1fr auto;align-items:center;gap:24px;min-height:124px;padding:24px 4px;text-decoration:none;transition:padding .18s,background .18s;display:grid}.note-row:hover{background:#1347541f;padding-inline:18px}.note-meta{color:var(--muted);letter-spacing:.08em;font-size:.63rem}.note-row h3{margin:0 0 5px;font-size:clamp(1.1rem,2.5vw,1.55rem);font-weight:400}.note-row p{color:var(--ink-soft);margin:0;font-size:.87rem}.note-row .icon{color:var(--cyan)}.page-hero{width:var(--page);border-bottom:1px solid var(--line);margin:0 auto;padding:clamp(85px,12vw,150px) 0 74px}.page-hero h1{letter-spacing:-.06em;max-width:850px;margin:0;font-size:clamp(3rem,8vw,7rem);font-weight:300;line-height:1}.page-hero>p:last-child{max-width:680px;color:var(--ink-soft);margin:28px 0 0}.notes-page-list{width:var(--page);margin:0 auto;padding:54px 0 130px}.archive-notice{color:#e7d2b3;background:#6e4c201f;border:1px solid #dfb47559;grid-template-columns:auto 1fr;gap:14px;margin-bottom:36px;padding:20px 22px;display:grid}.archive-notice strong{margin-bottom:4px;font-size:.9rem;display:block}.archive-notice p{color:#c7b597;margin:0;font-size:.82rem}.archive-notice .icon{margin-top:2px}.article-header{border-bottom:1px solid var(--line);width:min(900px,100% - 48px);margin:0 auto;padding:clamp(85px,12vw,142px) 0 58px}.article-header h1{letter-spacing:-.055em;margin:12px 0 22px;font-size:clamp(2.4rem,7vw,5.4rem);font-weight:350;line-height:1.08}.article-meta{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;gap:8px 18px;margin:0;font-size:.65rem;display:flex}.article-shell{width:min(900px,100% - 48px);margin:0 auto;padding:44px 0 130px}.article-back{min-height:44px;color:var(--ink-soft);font-family:var(--mono);align-items:center;gap:9px;margin-bottom:36px;font-size:.68rem;text-decoration:none;display:inline-flex}.article-back .icon{transform:rotate(180deg)}.article-back:hover{color:var(--cyan)}.prose{color:#c8dcdd;font-size:clamp(1rem,1.8vw,1.08rem);line-height:1.85}.prose h2,.prose h3,.prose h4{color:var(--ink);letter-spacing:-.025em;scroll-margin-top:90px;font-weight:450}.prose h2{border-bottom:1px solid var(--line);margin:2.7em 0 .85em;padding-bottom:.42em;font-size:clamp(1.7rem,4vw,2.5rem)}.prose h3{margin:2em 0 .65em;font-size:clamp(1.25rem,3vw,1.65rem)}.prose p{margin:1.15em 0}.prose a{color:var(--cyan);overflow-wrap:anywhere}.prose img{border:1px solid var(--line);background:#fff;width:auto;max-height:680px;margin:2rem auto;display:block}.prose pre{border:1px solid var(--line);border-radius:0;margin:1.7rem 0;padding:20px;font-size:.82rem;line-height:1.65;overflow-x:auto}.prose :not(pre)>code{color:#b8eef0;font-family:var(--mono);overflow-wrap:anywhere;background:#13465338;border:1px solid #6fd3dd24;padding:.15em .35em;font-size:.88em}.prose blockquote{border-left:2px solid var(--cyan-strong);color:var(--ink-soft);margin:1.6rem 0;padding:2px 0 2px 22px}.prose table{border-collapse:collapse;width:100%;font-size:.86rem;display:block;overflow-x:auto}.prose th,.prose td{border:1px solid var(--line);text-align:left;vertical-align:top;min-width:120px;padding:10px 12px}.prose th{color:var(--ink);background:#103b4842}.prose hr{background:var(--line);border:0;height:1px;margin:3rem 0}.not-found{width:var(--page);text-align:center;place-items:center;min-height:calc(100svh - 78px);margin:0 auto;padding:80px 0;display:grid}.not-found strong{color:#0000;background:linear-gradient(var(--cyan), var(--ink));font-family:var(--mono);background-clip:text;font-size:clamp(6rem,24vw,16rem);font-weight:300;line-height:.8;display:block}.not-found h1{margin:35px 0 8px;font-weight:400}.not-found p{color:var(--ink-soft);margin:0 0 28px}@keyframes pulse{0%{opacity:.9;transform:scale(.7)}70%,to{opacity:0;transform:scale(3.1)}}@media (width<=900px){.projects-grid{grid-template-columns:1fr}.project-card{grid-template-columns:minmax(230px,.75fr) 1fr;display:grid}.project-visual{border-right:1px solid var(--line);border-bottom:0;height:100%;min-height:300px}.project-body{min-height:300px}.journey-timeline{grid-template-columns:1fr 1fr;gap:48px 24px}.journey-timeline:before{display:none}.journey-timeline li{border-top:1px solid var(--line);padding:0 18px 0 0}.timeline-marker{margin-top:-28px}}@media (width<=680px){:root{--page:min(1180px, calc(100% - 32px))}html{scroll-padding-top:72px}.site-header{min-height:70px}.brand{gap:0;font-size:0}.brand-mark{width:30px;height:30px}.site-header nav{gap:1px}.site-header nav a{letter-spacing:.04em;justify-content:center;min-width:44px;padding-inline:7px;font-size:.6rem}.site-header .nav-github{border-left:0;padding-inline:8px}.nav-github span{display:none}.hero{min-height:760px}.hero-content{padding:130px 0 120px}.hero h1{font-size:clamp(3.4rem,17vw,5.6rem);line-height:.95}.hero-coordinate{text-align:left;margin:35px 0 0;position:static;transform:none}.hero-depth{display:none}.section{padding-block:94px}.section-head{grid-template-columns:1fr}.section-title{font-size:clamp(2.55rem,13vw,4rem)}.projects-grid{gap:14px}.project-card{display:block}.project-visual{border-right:0;border-bottom:1px solid var(--line);height:190px;min-height:0}.project-body{min-height:320px;padding:24px}.constellation-section{padding-inline:16px}.constellation-shell{min-height:500px;overflow:hidden}.constellation{width:760px;max-width:none;height:460px;margin-left:50%;transform:translate(-50%)}.atlas-meta span:last-child{display:none}.atlas-map{width:100%;max-width:100%;margin:0;transform:none}.atlas-points text{font-size:20px}.atlas-mobile-labels{border-top:1px solid var(--line);flex-wrap:wrap;gap:7px;margin:0;padding:14px 16px;list-style:none;display:flex}.atlas-mobile-labels li{border:1px solid var(--line);color:var(--ink-soft);font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;padding:4px 7px;font-size:.58rem}.atlas-legend{flex-direction:column;align-items:flex-start;gap:5px}.journey-timeline{grid-template-columns:1fr;gap:54px}.journey-timeline li{border-top:0;grid-template-columns:58px 1fr;gap:18px;padding:0;display:grid}.journey-timeline li:before{background:linear-gradient(var(--line-strong), transparent);content:"";width:1px;position:absolute;top:54px;bottom:-54px;left:27px}.journey-timeline li:last-child:before{display:none}.timeline-marker{margin:0}.note-row{grid-template-columns:1fr auto;gap:8px 14px;min-height:150px}.note-meta{grid-column:1/-1}.site-footer{grid-template-columns:1fr;padding-top:54px}.footer-link{justify-self:start}.page-hero,.article-header,.article-shell{width:var(--page)}.page-hero h1{font-size:clamp(3.2rem,17vw,5rem)}.article-header h1{font-size:clamp(2.4rem,12vw,4rem)}.archive-notice{padding:17px}.prose{font-size:.98rem}.prose pre{margin-inline:-16px;padding:16px;font-size:.75rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{.site-header,.site-footer,.article-back,.starfield{display:none!important}body{color:#111;background:#fff}.article-header,.article-shell{width:100%}.prose,.prose h2,.prose h3{color:#111}}