@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&family=Lora:ital,wght@0,400;0,500;0,600;1,400&display=swap";:root{--color-bg:#f7f7f5;--color-bg-dark:#1a1a1a;--color-text:#1a1a1a;--color-text-secondary:#666;--color-rule:#e5e5e5;--color-accent:#235fdf;--font-serif:"Lora", serif;--font-sans:"Inter", sans-serif;--font-mono:"JetBrains Mono", monospace;--space-1:.5rem;--space-2:.75rem;--space-3:1rem;--space-4:1.5rem;--space-5:2rem;--space-6:3rem;--space-7:4rem;--space-8:6rem;--width-page:1440px;--width-text:42rem;--width-wide-text:56rem;--width-image:72rem;--grid-columns:12;--grid-gap:var(--space-5);--section-padding:var(--space-8);--text-hero:clamp(2rem, 8vw, 5rem);--text-h1:clamp(1.75rem, 6vw, 4rem);--text-h2:clamp(1.25rem, 4vw, 2.5rem);--text-h3:1.25rem;--text-body:1rem;--text-small:.875rem;--text-micro:.75rem}[data-theme=dark]{--color-bg:#1a1a1a;--color-bg-dark:#f7f7f5;--color-text:#e8e6e3;--color-text-secondary:#9a9894;--color-rule:#2e2e2c;--color-accent:#6b9bf7}[data-theme=dark] ::selection{background-color:#fde04766}[data-theme=dark] ::selection{background-color:#fde04766}::selection{color:inherit;background-color:#fde04766}::selection{color:inherit;background-color:#fde04766}*,:before,:after{box-sizing:border-box}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;line-height:1.6}h1,h2,h3,h4,h5,h6{margin:0 0 var(--space-3);font-weight:400;line-height:1.2}h1,h2{font-family:var(--font-serif)}h3,h4,h5,h6{font-family:var(--font-sans);font-weight:500}p{margin:0 0 var(--space-4);max-width:var(--width-text)}a{color:inherit;text-decoration:none;transition:opacity .2s,color .2s}img,picture,video,canvas,svg{max-width:100%;display:block}.container{max-width:var(--width-page);padding:0 var(--space-5);margin:0 auto}.grid{grid-template-columns:repeat(var(--grid-columns), 1fr);gap:var(--grid-gap);display:grid}@media (width<=1024px){:root{--grid-columns:8;--section-padding:var(--space-7)}}@media (width<=768px){:root{--grid-columns:4;--grid-gap:var(--space-3);--section-padding:var(--space-5)}.container{padding:0 var(--space-3)}}.mono-label{font-family:var(--font-mono);font-size:var(--text-micro);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary)}.rule{background-color:var(--color-rule);width:100%;height:1px;margin:var(--space-5) 0;border:none}.section{padding-top:var(--section-padding);padding-bottom:var(--section-padding)}.metadata-row{border-bottom:1px solid var(--color-rule);padding:var(--space-2) 0;justify-content:space-between;align-items:baseline;display:flex}.text-column{max-width:var(--width-text)}.split-layout{gap:var(--grid-gap);grid-template-columns:repeat(12,1fr);align-items:start;display:grid}.split-layout>.split-left,.split-layout>.split-right{grid-column:span 6}@media (width<=1024px){.split-layout>.split-left,.split-layout>.split-right{grid-column:span 8}}@media (width<=768px){.split-layout{gap:var(--space-4);flex-direction:column;display:flex}}.reveal-on-scroll{opacity:0;transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1);transform:translateY(20px)}.reveal-on-scroll.revealed{opacity:1;transform:translateY(0)}.rule-animate{width:0;transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1),width 1s cubic-bezier(.2,.8,.2,1)}.rule-animate.revealed{width:100%}.layout-wrapper{flex-direction:column;min-height:100vh;display:flex}.masthead{padding-top:var(--space-5);padding-bottom:var(--space-4)}.masthead-content{padding-bottom:var(--space-4);align-items:baseline}.masthead-brand{grid-column:span 3}.masthead-descriptor{color:var(--color-text-secondary);font-size:var(--text-small);grid-column:span 3}.brand-name{font-family:var(--font-serif);font-size:var(--text-h4);font-weight:500;display:block}.masthead-nav{justify-content:flex-end;align-items:center;gap:var(--space-5);font-size:var(--text-small);grid-column:span 5;display:flex}.masthead-toggle{grid-column:span 1;justify-content:flex-end;align-items:center;display:flex}.frame-line{background-color:var(--color-rule);width:100%;height:1px}.masthead-nav a{text-transform:capitalize;font-family:var(--font-sans);color:var(--color-text-secondary);transition:color .2s;position:relative}.masthead-nav a:hover,.masthead-nav a.nav-active{color:var(--color-text)}.masthead-nav a.nav-active:after{content:"";background-color:var(--color-text);height:1px;position:absolute;bottom:-4px;left:0;right:0}.theme-toggle{cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;margin-left:0;padding:0;font-size:1rem;line-height:1;transition:color .2s,transform .3s}.theme-toggle:hover{color:var(--color-text);transform:rotate(180deg)}main{flex-grow:1}.footer{border-top:1px solid var(--color-rule);padding-top:var(--space-6);padding-bottom:var(--space-8)}.footer-info{grid-column:span 4}.footer-name{font-size:var(--text-h4);margin-bottom:var(--space-2);font-family:var(--font-sans);font-weight:500}.footer-contact,.footer-note{grid-column:span 4}.footer-links{gap:var(--space-2);margin-top:var(--space-3);font-size:var(--text-small);flex-direction:column;display:flex}.footer-links a:hover{text-decoration:underline}@media (width<=1024px){.masthead-brand{grid-column:span 4}.masthead-descriptor{display:none}.masthead-nav{grid-column:span 3;gap:1.5rem}.masthead-toggle{grid-column:span 1}.footer-info,.footer-contact,.footer-note{grid-column:span 4}}@media (width<=768px){.masthead-content{flex-wrap:wrap;justify-content:space-between;align-items:center;row-gap:1.5rem;display:flex}.masthead-brand{flex:auto;order:1}.brand-name{font-size:var(--text-h5)}.masthead-toggle{flex:none;order:2}.masthead-nav{justify-content:flex-start;gap:var(--space-4);flex-wrap:wrap;order:3;width:100%}.footer .container{flex-direction:column;gap:2rem;display:flex}.footer{padding-bottom:var(--space-5);padding-top:var(--space-4)}}.mdx-callout{padding:var(--space-3) var(--space-4);border-left:2px solid var(--color-accent);margin:var(--space-4) 0;font-family:var(--font-mono);font-size:var(--text-small);background-color:#00000008;line-height:1.6}[data-theme=dark] .mdx-callout{background-color:#ffffff0a}.mdx-callout p:last-child{margin-bottom:0}.mdx-figure{margin:var(--space-5) 0;gap:var(--space-2);flex-direction:column;display:flex}.mdx-figure img{border:1px solid var(--color-rule);width:100%}.mdx-figure figcaption{font-size:var(--text-small);color:var(--color-text-secondary)}.mdx-metadata-table{margin:var(--space-4) 0;flex-direction:column;display:flex}.mdx-metadata-row{border-bottom:1px solid var(--color-rule);padding:var(--space-2) 0;justify-content:space-between;align-items:baseline;display:flex}.figure-block{margin:var(--space-6) 0;flex-direction:column;display:flex}.figure-media{margin-bottom:var(--space-3)}.figure-media .overview-diagram{margin:0}.figure-details{gap:var(--space-3);border-top:1px solid var(--color-rule);padding-top:var(--space-2);flex-direction:column;display:flex}.figure-caption-row{gap:var(--grid-gap);grid-template-columns:repeat(12,1fr);align-items:baseline;display:grid}.figure-number{color:var(--color-text);grid-column:span 3}.figure-caption-text{font-family:var(--font-sans);color:var(--color-text-secondary);font-size:var(--text-small);word-wrap:break-word;grid-column:span 9;min-width:0;max-width:60ch;margin:0;line-height:1.5}.figure-annotation-note{margin-top:calc(var(--space-2) * -1);grid-column:4/-1}.figure-metadata{margin-top:var(--space-2);flex-direction:column;display:flex}.figure-meta-row{gap:var(--grid-gap);padding:var(--space-1) 0;border-bottom:1px dashed var(--color-rule);grid-template-columns:repeat(12,1fr);display:grid}.figure-meta-row span:first-child{grid-column:span 3}.figure-meta-row span:last-child{grid-column:span 9}.annotation-note{margin:var(--space-4) 0;padding-left:var(--space-3);border-left:1px solid var(--color-accent);flex-direction:column;gap:.25rem;display:flex}.annotation-note-label{color:var(--color-accent)}.annotation-note-text{font-family:var(--font-sans);font-size:var(--text-small);color:var(--color-text-secondary);margin:0;line-height:1.4}@media (width<=1024px){.figure-number{grid-column:span 2}.figure-caption-text{grid-column:span 6}}@media (width<=768px){.figure-caption-row{gap:var(--space-1);flex-direction:column;display:flex}.figure-meta-row{gap:var(--space-4);grid-template-columns:1fr 2fr;display:grid}.figure-meta-row span:first-child,.figure-meta-row span:last-child{grid-column:auto}}.dossier-preview{gap:var(--grid-gap);padding:var(--space-4) 0;border-top:1px solid var(--color-rule);color:inherit;grid-template-columns:repeat(12,1fr);align-items:start;text-decoration:none;display:grid}.dossier-preview:hover .dossier-preview-title{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}.dossier-preview:hover .dossier-plate{opacity:.9;border-color:var(--color-text-secondary)}.dossier-text{flex-direction:column;grid-column:span 6;display:flex}.index-taxonomy{color:var(--color-text-secondary);text-transform:uppercase;margin-bottom:var(--space-3);display:block}.dossier-title{font-family:var(--font-serif);font-size:var(--text-h2);margin-bottom:var(--space-2);font-weight:400}.dossier-abstract{font-family:var(--font-sans);color:var(--color-text-secondary);font-size:var(--text-body);margin-bottom:var(--space-4);max-width:40ch}.dossier-meta{gap:var(--space-1);color:var(--color-text-secondary);flex-direction:column;margin-top:auto;display:flex}.dossier-visual{grid-column:span 6}.dossier-visual .figure-block{margin:0}.dossier-preview.alternate .dossier-text{order:2}.dossier-preview.alternate .dossier-visual{order:1}.dossier-plate{aspect-ratio:4/3;border:1px solid var(--color-rule);background-color:var(--color-bg);padding:var(--space-2);align-items:flex-end;transition:opacity .3s,border-color .3s;display:flex;position:relative;overflow:hidden}.plate-grid-lines{z-index:0;background-image:linear-gradient(90deg,#00000008 1px,#0000 1px),linear-gradient(#00000008 1px,#0000 1px);background-size:20px 20px;position:absolute;inset:0}[data-theme=dark] .plate-grid-lines{background-image:linear-gradient(90deg,#ffffff0d 1px,#0000 1px),linear-gradient(#ffffff0d 1px,#0000 1px)}.plate-caption{z-index:1;background:var(--color-bg);padding:0 var(--space-1);position:relative}.index-entry-link{color:inherit;text-decoration:none;display:block}.index-entry{padding:var(--space-3) 0;border-bottom:1px solid var(--color-rule);justify-content:space-between;align-items:baseline;transition:opacity .2s;display:flex}.index-entry-link:hover .index-entry{opacity:.7}.index-entry-link:hover .index-entry-title{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}.index-entry-main{gap:var(--space-4);align-items:baseline;display:flex}.index-entry-title{font-family:var(--font-sans);font-weight:500;font-size:var(--text-body)}.index-entry-type{color:var(--color-text-secondary)}.section-intro{margin-bottom:var(--space-6);flex-direction:column;display:flex}@media (width<=768px){.section-intro{margin-bottom:var(--space-4)}}.section-intro-label{color:var(--color-text-secondary);margin-bottom:var(--space-4);display:block}.section-intro-title{font-family:var(--font-serif);font-size:var(--text-h2);margin-bottom:var(--space-3)}.section-intro-desc{font-family:var(--font-sans);color:var(--color-text-secondary);font-size:var(--text-body);max-width:50ch;margin:0}.section-intro-rule{margin-top:var(--space-4);margin-bottom:0}.metadata-strip{gap:var(--space-2);margin:var(--space-2) 0;flex-wrap:wrap;align-items:center;display:flex}.metadata-strip .separator{color:var(--color-rule)}@media (width<=1024px){.dossier-text,.dossier-visual{grid-column:span 8}.dossier-visual{margin-bottom:var(--space-4);order:-1}.dossier-preview.alternate .dossier-visual{order:-1}.dossier-preview.alternate .dossier-text{order:0}}@media (width<=768px){.dossier-preview{padding:var(--space-5) 0;flex-direction:column;display:flex}.dossier-text,.dossier-preview .text-column{display:contents}.index-taxonomy{margin-bottom:var(--space-1);order:1}.dossier-title{font-size:var(--text-h2);margin-bottom:var(--space-4);order:2}.dossier-visual{width:100%;margin-bottom:var(--space-4);order:3}.dossier-preview .figure-details{display:none}.dossier-plate{aspect-ratio:16/9;padding:var(--space-1)}.dossier-abstract{margin-bottom:var(--space-3);order:4}.dossier-meta{order:5;margin-top:0}.index-entry{gap:var(--space-2);flex-direction:column}.index-entry-main{gap:var(--space-1);flex-direction:column}}.systems-map-container{padding:var(--space-4) 0;min-height:500px}.map-info{flex-direction:column;display:flex}.map-visual{min-height:500px;position:relative}.fade-in{animation:.3s cubic-bezier(.2,.8,.2,1) mapFadeIn}@keyframes mapFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes mapDataFlow{0%{stroke-dashoffset:24px}to{stroke-dashoffset:0}}@keyframes pulseHighlight{0%{filter:drop-shadow(0 0 2px #235fdf33)}50%{filter:drop-shadow(0 0 8px #235fdf99)}to{filter:drop-shadow(0 0 2px #235fdf33)}}.map-node{fill:var(--color-bg);stroke:var(--color-text);stroke-width:1px;transition:all .3s}.map-node.signal{stroke-dasharray:4 2}.mobile-text{display:none}.node-label{fill:var(--color-text);pointer-events:none;font-size:11px;transition:opacity .3s}.map-node.hovered{fill:#fff;stroke:var(--color-accent);stroke-width:1.5px;animation:2s ease-in-out infinite pulseHighlight}[data-theme=dark] .map-node.hovered{fill:#fff}[data-theme=dark] .map-node.hovered~.node-label{fill:#1a1a1a}.map-node-crosshair{stroke:var(--color-rule);stroke-width:1px;opacity:.5;transition:all .3s}.map-node.hovered~.map-node-crosshair{stroke:var(--color-accent);opacity:1}.map-node.dimmed,.node-label.dimmed{opacity:.3}.map-edge-line{stroke:var(--color-rule);stroke-width:1px;transition:all .3s}.map-edge-group.dimmed .map-edge-line{opacity:.15}.map-edge-group.highlighted .map-edge-line{stroke:var(--color-text-secondary);stroke-width:1.5px}.map-edge-flow{stroke:var(--color-accent);stroke-width:1.5px;stroke-dasharray:4 6;opacity:0;transition:opacity .3s}.map-edge-group.highlighted .map-edge-flow{opacity:1;animation:.8s linear infinite reverse mapDataFlow}.edge-label{font-size:9px;animation:.3s mapFadeIn}.systems-plate-container{width:100%;height:100%;padding:0;overflow:visible}.mobile-scroll-hint{display:none}.mobile-map-svg{display:none!important}.desktop-map-svg{display:block!important}@media (width<=768px){.systems-map-container.split-layout{flex-direction:column;display:flex}.systems-map-container .map-info{padding-top:var(--space-5);border-top:1px solid var(--color-rule);order:2;min-height:250px;margin-top:0}.systems-map-container .map-visual{order:1;width:100%;min-height:auto}.mobile-scroll-hint{display:none}.map-scroll-container{width:100%}.systems-plate-container{aspect-ratio:320/540;width:100%;height:auto}.desktop-map-svg{display:none!important}.mobile-map-svg{display:block!important}.desktop-only,.desktop-text{display:none!important}.mobile-text{display:inline}.map-node.system{stroke:var(--color-accent);stroke-width:1.5px}}.hero-title{font-size:var(--text-hero);letter-spacing:-.02em;margin-bottom:2rem;line-height:1.1}.section-title{font-size:var(--text-h2);margin-bottom:3rem}.annotation-block{border-left:2px solid var(--color-rule);color:var(--color-text-secondary);padding-left:1rem}.lead-text{font-size:var(--text-h3);color:var(--color-text-secondary);max-width:60ch;line-height:1.5}.intro-section{padding-bottom:4rem}.intro-content{grid-column:span 8}.intro-annotation{grid-column:span 4}.intro-meta{margin-top:3rem}.section-header{grid-column:1/-1}.systems-map-intro{margin-bottom:var(--space-6);grid-column:1/-1}.writing-list,.index-list{flex-direction:column;grid-column:1/-1;display:flex}@media (width<=1024px){.intro-content{grid-column:span 8}}@media (width<=768px){.intro-content,.intro-annotation{grid-column:1/-1}.intro-annotation{margin-top:var(--space-4)}.systems-map-intro{margin-bottom:var(--space-4)}}.projects-page{padding-bottom:var(--space-8)}.projects-header{margin-top:calc(var(--space-6) + var(--space-4))}.selected-dossiers .plate-grid{gap:var(--space-5);grid-column:1/-1;grid-template-columns:repeat(2,1fr);display:grid}.selected-dossiers .plate-grid .figure-caption-row{gap:var(--space-1);flex-direction:column;display:flex}@media (width<=768px){.projects-header .header-content{grid-column:1/-1}.selected-dossiers .plate-grid{gap:var(--space-6);grid-template-columns:1fr}}.project-header{padding-bottom:2rem}.header-content{grid-column:span 12}.project-breadcrumb{margin-bottom:var(--space-4)}.project-title-hero{margin-bottom:.5rem}.project-subtitle{font-family:var(--font-serif);font-size:var(--text-h2);color:var(--color-text-secondary);margin-bottom:2rem}.project-meta-strip{flex-wrap:wrap;gap:1rem;display:flex}.project-meta-strip .separator{color:var(--color-rule)}.project-opening{padding-bottom:4rem}.opening-text{grid-column:span 8}.large-body-text{font-size:var(--text-h3);line-height:1.6}.project-hero-visual{padding-bottom:2rem}.hero-visual-container{flex-direction:column;grid-column:span 12;gap:1rem;display:flex}@media (width>=1025px){.hero-figure .figure-details{width:66.666%}}.hero-visual-placeholder{aspect-ratio:21/9;border:1px solid var(--color-rule);background-color:#eaeae5;width:100%}.system-overview{align-items:start}.overview-text{grid-column:span 6}.overview-diagram{flex-direction:column;grid-column:span 6;gap:1rem;display:flex}.diagram-placeholder{aspect-ratio:4/3;background-color:var(--color-rule);width:100%;margin-bottom:var(--space-3);justify-content:center;align-items:center;gap:var(--space-7);flex-direction:column;display:flex}.annotated-diagram-box{border:1px dashed var(--color-rule);font-family:var(--font-mono);font-size:var(--text-small);background-color:#0000}.diagram-node{padding:var(--space-2)}.visual-caption{font-size:var(--text-small);color:var(--color-text-secondary)}.architecture-grid{grid-column:span 12;grid-template-columns:repeat(3,1fr);gap:3rem;display:grid}.arch-layer{border-top:2px solid var(--color-text);flex-direction:column;gap:.5rem;padding-top:1rem;display:flex}.arch-layer-title{color:var(--color-text);margin-bottom:.5rem}.process-list{flex-direction:column;grid-column:span 12;display:flex}.artifacts-grid{grid-column:span 12;grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.artifact-item{flex-direction:column;gap:.5rem;display:flex}.artifact-visual.placeholder{aspect-ratio:1;border:1px solid var(--color-rule);background-color:#dfdfdf}.artifact-visual.placeholder.light{background-color:#fafafa}.reflection-content{grid-column:3/span 8}@media (width<=1024px){.opening-text,.overview-text,.overview-diagram{grid-column:span 8}.architecture-grid{grid-template-columns:1fr 1fr}.reflection-content{grid-column:span 8}}@media (width<=768px){.opening-text,.overview-text,.reflection-content,.overview-diagram{grid-column:1/-1}.hero-visual-placeholder{aspect-ratio:16/9}.architecture-grid,.artifacts-grid{grid-template-columns:1fr}.project-title-hero{margin-bottom:var(--space-2);font-size:clamp(2rem,10vw,3rem)}.project-subtitle{font-size:var(--text-h3);margin-bottom:var(--space-4)}.project-meta-strip{gap:var(--space-2) var(--space-3);row-gap:var(--space-2)}.project-meta-strip .separator{display:inline}}.project-nav-container{border-top:1px solid var(--color-rule);padding-top:var(--space-5);margin-top:var(--space-7);justify-content:space-between;align-items:baseline;display:flex}.project-nav-link{gap:var(--space-2);padding:var(--space-2) 0;flex-direction:column;transition:opacity .2s;display:flex}.project-nav-link:hover{opacity:.7}.project-nav-label{font-size:var(--text-small);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.project-nav-title{color:var(--color-text);font-family:var(--font-serif);font-size:var(--text-h4);text-transform:none;letter-spacing:0}@media (width<=768px){.project-nav-container{padding-top:var(--space-4);margin-top:var(--space-5)}}.about-header .header-content{grid-column:span 12}.about-body .text-column{grid-column:span 6}.about-body .about-sidebar{grid-column:8/span 5}.about-philosophy .principles-column{grid-column:span 6}.about-philosophy .heuristics-column{grid-column:8/span 5}@media (width<=1024px){.about-body .text-column{grid-column:span 8}.about-body .about-sidebar{grid-column:span 4}.about-philosophy .principles-column{margin-bottom:var(--space-5);grid-column:span 12}.about-philosophy .heuristics-column{grid-column:span 12}}@media (width<=768px){.about-header .header-content,.about-body .text-column,.about-body .about-sidebar,.about-philosophy .principles-column,.about-philosophy .heuristics-column{grid-column:1/-1}.about-philosophy ul li{gap:var(--space-1);flex-direction:column}}#root{width:100%;margin:0 auto}.page-transition{opacity:0;animation:.5s cubic-bezier(.2,.8,.2,1) forwards page-appear}@keyframes page-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}