:root{--bg: #0B0E14;--bg-surface: #11151E;--bg-card: #141926;--scrim: rgba(11, 14, 20, .8);--accent: #D9A566;--accent-dim: rgba(217, 165, 102, .4);--accent2: #7FA8C9;--accent2-dim: rgba(127, 168, 201, .35);--text: #E8E4D9;--text-secondary: #A8A395;--text-muted: #969180;--text-on-accent: #0B0E14;--border: #262B36;--border-hover: rgba(127, 168, 201, .4);--lattice: rgba(232, 228, 217, .035);--lattice-tick: rgba(232, 228, 217, .05);--graph-node: #EDE9DC;--graph-node-indexed: #D9A566;--graph-edge: #3D4656;--graph-edge-active: #7FA8C9;--graph-pulse: #D9A566;--graph-glow: rgba(217, 165, 102, .3);--font-display: "Fraunces", Georgia, serif;--font-body: "Hanken Grotesk", system-ui, sans-serif;--font-mono: "Fragment Mono", "SF Mono", monospace;--ease-out: cubic-bezier(.22, 1, .36, 1);--dur-hover: .25s;--dur-draw: .35s;--dur-reveal: .6s}*{margin:0;padding:0;box-sizing:border-box}::selection{background:var(--accent);color:var(--text-on-accent)}*{scrollbar-width:thin;scrollbar-color:var(--border) var(--bg)}html{scroll-behavior:smooth}body{font-family:var(--font-body);font-size:17px;line-height:1.65;color:var(--text);background-color:var(--bg);background-image:linear-gradient(var(--lattice) 1px,transparent 1px),linear-gradient(90deg,var(--lattice) 1px,transparent 1px);background-size:80px 80px;background-attachment:fixed;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:focus-visible{outline:2px solid var(--accent2);outline-offset:3px}.node-dot{display:inline-block;width:3px;height:3px;border-radius:50%;background:var(--accent);vertical-align:middle;margin-right:.75em;flex:none}.reg-cross{font-family:var(--font-mono);font-size:12px;color:var(--border);line-height:1;-webkit-user-select:none;user-select:none}.site-nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:1.1rem clamp(1.5rem,4vw,3rem);background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.nav-logo{font-family:var(--font-mono);font-size:.85rem;letter-spacing:.18em;color:var(--text);text-decoration:none;display:inline-flex;align-items:center;gap:.5em}.nav-logo .nav-dot{width:4px;height:4px;border-radius:50%;background:var(--accent)}.nav-links{display:flex;gap:2.25rem;list-style:none}.nav-links a{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);text-decoration:none;transition:color var(--dur-hover) var(--ease-out)}.nav-links a:hover{color:var(--text-secondary)}.nav-links a .idx{transition:color var(--dur-hover) var(--ease-out)}.nav-links a:hover .idx,.nav-links a.active .idx{color:var(--accent)}.nav-links a.active{color:var(--text-secondary);text-decoration:underline;text-decoration-color:var(--accent-dim);text-underline-offset:6px}.hero{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--border)}#graph-canvas{position:absolute;inset:0;z-index:0;cursor:crosshair}#graph-canvas:focus-visible{outline-offset:-4px}.annotation-layer{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}.graph-annotation{position:absolute;top:0;left:0;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);white-space:nowrap;will-change:transform;transition:color .15s var(--ease-out),opacity .6s var(--ease-out)}.graph-annotation.swapping{opacity:0}.graph-annotation.inspected{color:var(--text-secondary)}.hero-copy{position:relative;z-index:2;width:min(46rem,92%);padding-left:clamp(1.5rem,6vw,6rem);padding-right:1rem;pointer-events:none}.hero-copy:before{content:"";position:absolute;inset:-22% -30%;background:radial-gradient(ellipse 70% 60% at 30% 45%,var(--scrim) 0%,rgba(11,14,20,.55) 40%,transparent 72%);z-index:-1}.hero-copy a{pointer-events:auto}.hero-label{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:1.75rem;opacity:0;animation:rise var(--dur-reveal) var(--ease-out) .15s forwards}.hero h1{font-family:var(--font-display);font-size:clamp(2.6rem,5.6vw,4.5rem);font-weight:380;font-variation-settings:"opsz" 144;letter-spacing:-.015em;line-height:1.08;margin-bottom:1.75rem;max-width:15ch;opacity:0;animation:rise var(--dur-reveal) var(--ease-out) .3s forwards}.hero h1 em{font-style:italic;font-weight:400;color:var(--accent)}.hero-subhead{font-size:1.125rem;font-weight:500;line-height:1.65;color:var(--text-secondary);max-width:54ch;margin-bottom:2.5rem;opacity:0;animation:rise var(--dur-reveal) var(--ease-out) .45s forwards}.hero-actions{display:flex;align-items:center;gap:2rem;flex-wrap:wrap;opacity:0;animation:rise var(--dur-reveal) var(--ease-out) .6s forwards}.hero-proof{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-top:2rem;opacity:0;animation:rise var(--dur-reveal) var(--ease-out) .75s forwards}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.status-line{position:absolute;bottom:0;left:0;right:0;z-index:2;display:flex;justify-content:space-between;padding:.8rem clamp(1.5rem,4vw,3rem);border-top:1px solid var(--border);font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;color:var(--text-muted);background:color-mix(in srgb,var(--bg) 70%,transparent)}.btn-primary{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;background:var(--accent);color:var(--text-on-accent);padding:1rem 1.75rem;display:inline-flex;align-items:center;gap:.6em;transition:background var(--dur-hover) var(--ease-out)}.btn-primary span{transition:transform var(--dur-hover) var(--ease-out)}.btn-primary:hover{background:color-mix(in srgb,var(--accent) 88%,#fff)}.btn-primary:hover span{transform:translate(4px)}.link-mono{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);text-decoration:none;padding-bottom:3px;background-image:linear-gradient(var(--accent2),var(--accent2)),linear-gradient(var(--border),var(--border));background-repeat:no-repeat;background-position:left bottom,left bottom;background-size:0% 1px,100% 1px;transition:background-size var(--dur-hover) var(--ease-out),color var(--dur-hover) var(--ease-out)}.link-mono:hover{color:var(--text);background-size:100% 1px,100% 1px}.plate,.stats-band{scroll-margin-top:4.25rem}.plate{max-width:1120px;margin:0 auto;padding:clamp(4.5rem,11vh,8rem) clamp(1.5rem,4vw,3rem)}.plate-rule{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);padding-top:.9rem;margin-bottom:3.5rem}.plate-index{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);display:inline-flex;align-items:center}.plate-index.centered{justify-content:center;margin-bottom:1.5rem}.plate h2{font-family:var(--font-display);font-size:2rem;font-weight:500;font-variation-settings:"opsz" 72;letter-spacing:-.01em;line-height:1.2;margin-bottom:1.25rem}.plate-lede{font-size:1.125rem;font-weight:500;color:var(--text-secondary);max-width:60ch;line-height:1.65}.plate-body{margin-bottom:3.5rem}.domains-grid{display:grid;grid-template-columns:1fr 1fr 1fr}.domain-col{padding:.5rem 2.25rem 2.5rem;border-left:1px solid var(--border)}.domain-col:first-child{border-left:none;padding-left:0}.domain-col:last-child{padding-right:0}.domain-glyph{margin-bottom:1.5rem;display:block}.domain-glyph .g-edge{stroke:var(--graph-edge);stroke-width:1;fill:none;transition:stroke .4s var(--ease-out)}.domain-glyph .g-node{fill:var(--graph-node);opacity:.7}.domain-glyph .g-hub{fill:var(--accent)}.domain-col:hover .g-edge{stroke:var(--graph-edge-active)}.domain-col:hover .g-edge:nth-of-type(1){transition-delay:0ms}.domain-col:hover .g-edge:nth-of-type(2){transition-delay:70ms}.domain-col:hover .g-edge:nth-of-type(3){transition-delay:.14s}.domain-col:hover .g-edge:nth-of-type(4){transition-delay:.21s}.domain-col:hover .g-edge:nth-of-type(5){transition-delay:.28s}.domain-col:hover .g-edge:nth-of-type(6){transition-delay:.32s}.domain-col:hover .g-edge:nth-of-type(7){transition-delay:.36s}.domain-col:hover .g-edge:nth-of-type(8){transition-delay:.4s}.domain-col:hover .g-edge:nth-of-type(9){transition-delay:.44s}.domain-col h3{font-family:var(--font-display);font-size:1.375rem;font-weight:500;font-variation-settings:"opsz" 40;margin-bottom:.9rem}.domain-col p{font-size:.98rem;color:var(--text-secondary);line-height:1.7}.plate-baseline{border-bottom:1px solid var(--border);margin-top:3rem}.diptych{display:grid;grid-template-columns:1fr 24px 1fr;align-items:stretch}.mode-card{position:relative;background:var(--bg-surface);border:1px solid var(--border);padding:2.75rem 2.5rem;transition:border-color var(--dur-hover) var(--ease-out),background var(--dur-hover) var(--ease-out)}.mode-card:before,.mode-card:after{content:"";position:absolute;width:6px;height:6px;pointer-events:none}.mode-card:before{top:-1px;left:-1px;border-top:1px solid var(--text-muted);border-left:1px solid var(--text-muted)}.mode-card:after{bottom:-1px;right:-1px;border-bottom:1px solid var(--text-muted);border-right:1px solid var(--text-muted)}.mode-card .mode-tag:before{content:"";position:absolute;top:-1px;left:0;height:1px;width:0;transition:width var(--dur-draw) var(--ease-out)}.mode-brass .mode-tag:before{background:var(--accent)}.mode-blue .mode-tag:before{background:var(--accent2)}.mode-card:hover{border-color:var(--border-hover);background:var(--bg-card)}.mode-card:hover .mode-tag:before{width:100%}.mode-tag{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:1.75rem}.mode-brass .mode-tag{color:var(--accent)}.mode-blue .mode-tag{color:var(--accent2)}.mode-card h3{font-family:var(--font-display);font-size:1.5rem;font-weight:500;font-variation-settings:"opsz" 40;line-height:1.25;margin-bottom:1rem}.mode-card p{font-size:.98rem;color:var(--text-secondary);line-height:1.7}.diptych-gutter{position:relative}.diptych-gutter:before{content:"";position:absolute;top:10%;bottom:10%;left:50%;width:1px;background:var(--border)}.diptych-gutter .node-dot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0}.assessment{position:relative;margin-top:1.5rem;background:var(--bg-surface);border:1px solid var(--border);padding:2.75rem 2.5rem;display:grid;grid-template-columns:1.2fr 1fr;gap:2.5rem;transition:border-color var(--dur-hover) var(--ease-out),background var(--dur-hover) var(--ease-out)}.assessment:hover{border-color:var(--border-hover);background:var(--bg-card)}.assessment .assessment-tag:before{content:"";position:absolute;top:-1px;left:0;height:1px;width:0;background:var(--accent);transition:width var(--dur-draw) var(--ease-out)}.assessment:hover .assessment-tag:before{width:100%}.assessment:before,.assessment:after{content:"";position:absolute;width:6px;height:6px;pointer-events:none}.assessment:before{top:-1px;left:-1px;border-top:1px solid var(--text-muted);border-left:1px solid var(--text-muted)}.assessment:after{bottom:-1px;right:-1px;border-bottom:1px solid var(--text-muted);border-right:1px solid var(--text-muted)}.assessment-tag{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:1.5rem}.assessment h3{font-family:var(--font-display);font-size:1.5rem;font-weight:500;font-variation-settings:"opsz" 40;line-height:1.25;margin-bottom:1rem}.assessment .assessment-body{font-size:.98rem;color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem}.assessment-closer{font-size:.92rem;color:var(--text-secondary);font-style:italic;margin-bottom:1.75rem}.assessment-scope{list-style:none;border-left:1px solid var(--border);padding-left:1.75rem;align-self:center}.assessment-scope li{font-size:.92rem;color:var(--text-secondary);padding:.45rem 0 .45rem 1.1rem;position:relative;line-height:1.55}.assessment-scope li:before{content:"";position:absolute;left:0;top:.95em;width:3px;height:3px;border-radius:50%;background:var(--accent);opacity:.55}.vignettes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.vignette{position:relative;background:var(--bg-surface);border:1px solid var(--border);padding:2.25rem 2rem;transition:border-color var(--dur-hover) var(--ease-out),background var(--dur-hover) var(--ease-out)}.vignette:before,.vignette:after{content:"";position:absolute;width:6px;height:6px;pointer-events:none}.vignette:before{top:-1px;left:-1px;border-top:1px solid var(--text-muted);border-left:1px solid var(--text-muted)}.vignette:after{bottom:-1px;right:-1px;border-bottom:1px solid var(--text-muted);border-right:1px solid var(--text-muted)}.vignette .vignette-tag:before{content:"";position:absolute;top:-1px;left:0;height:1px;width:0;background:var(--accent);transition:width var(--dur-draw) var(--ease-out)}.vignette:hover .vignette-tag:before{width:100%}.vignette:hover{border-color:var(--border-hover);background:var(--bg-card)}.vignette-tag{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:1.1rem}.vignette h3{font-family:var(--font-display);font-size:1.25rem;font-weight:500;font-variation-settings:"opsz" 40;line-height:1.3;margin-bottom:1.5rem;padding-bottom:1.25rem;border-bottom:1px solid var(--border)}.vignette dl{display:grid;gap:1.1rem}.vignette dt{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.3rem}.vignette dd{font-size:.92rem;color:var(--text-secondary);line-height:1.6}.vignette div:last-child dd{color:var(--text)}.archive-note{margin-top:2.5rem;padding-top:1.25rem;border-top:1px solid var(--border);font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;line-height:2;color:var(--text-muted)}.work-cta{margin-top:1.75rem}.availability-note{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:-1.5rem 0 3rem;display:flex;justify-content:center;align-items:center;gap:1em}.availability-note:before,.availability-note:after{content:"";width:2.5rem;height:1px;background:var(--accent-dim)}.stats-band{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:2.5rem clamp(1.5rem,4vw,3rem)}.stats-caption{max-width:1120px;margin:0 auto 2rem;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);display:flex;align-items:center}.stat .stat-value .node-dot{width:5px;height:5px}.stats-row{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr)}.stat{padding:0 2rem;border-left:1px solid var(--border)}.stat:first-child{border-left:none;padding-left:0}.stat .stat-value{font-family:var(--font-display);font-size:2.25rem;font-weight:500;font-variation-settings:"opsz" 72;text-transform:none;letter-spacing:0;color:var(--text);line-height:1;margin-bottom:.6rem;display:flex;align-items:center}.stat p{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.index-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--border);border-left:1px solid var(--border)}.index-cell{position:relative;padding:2.25rem 2rem;border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.index-cell:before{content:"";position:absolute;left:-2px;top:2.6rem;width:3px;height:3px;border-radius:50%;background:var(--accent);opacity:0;transition:opacity var(--dur-hover) var(--ease-out)}.index-cell:hover:before{opacity:1}.cell-num{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;color:var(--text-muted);margin-bottom:1.1rem;transition:color var(--dur-hover) var(--ease-out)}.index-cell:hover .cell-num{color:var(--accent)}.index-cell h3{font-family:var(--font-display);font-size:1.25rem;font-weight:500;font-variation-settings:"opsz" 40;margin-bottom:1.1rem;color:var(--text);transition:color var(--dur-hover) var(--ease-out)}.index-grid.has-hover .index-cell h3{color:var(--text-secondary)}.index-grid.has-hover .index-cell:hover h3,.index-grid.has-hover .index-cell.related h3{color:var(--text)}.index-cell ul{list-style:none}.index-cell li{font-size:.92rem;color:var(--text-secondary);padding:.32rem 0 .32rem 1.1rem;position:relative;line-height:1.55}.index-cell li:before{content:"";position:absolute;left:0;top:.95em;width:3px;height:3px;border-radius:50%;background:var(--accent);opacity:.55}.correspondence{max-width:none;background:var(--bg-surface);padding:0;position:relative;overflow:hidden}#watermark-canvas{position:absolute;inset:0;opacity:.18;pointer-events:none}.double-rule{border-top:1px solid var(--border);border-bottom:3px solid var(--border);height:5px;position:relative;z-index:1}.correspondence-body{position:relative;z-index:1;max-width:1120px;margin:0 auto;text-align:center;padding:clamp(4.5rem,12vh,8.5rem) clamp(1.5rem,4vw,3rem)}.correspondence h2{font-family:var(--font-display);font-size:2.75rem;font-weight:500;font-variation-settings:"opsz" 96;letter-spacing:-.01em;margin-bottom:1.25rem}.correspondence .plate-lede{max-width:52ch;margin:0 auto 3rem}.cta-actions{display:flex;gap:2.25rem;justify-content:center;align-items:center;flex-wrap:wrap}.with-micrograph{display:inline-flex;align-items:center;gap:.75em}.micrograph .mg-edge{stroke:var(--graph-edge);stroke-width:1;transition:stroke var(--dur-hover) var(--ease-out)}.micrograph .mg-node{fill:var(--accent)}.with-micrograph:hover .mg-edge{stroke:var(--accent2)}footer{position:relative;z-index:1;padding:2rem clamp(1.5rem,4vw,3rem);text-align:center}footer p{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}footer a{color:var(--text-muted)}footer a:hover{color:var(--text-secondary)}.reveal,.reveal-stagger>*{opacity:0;transform:translateY(12px);transition:opacity var(--dur-reveal) var(--ease-out),transform var(--dur-reveal) var(--ease-out)}.reveal.visible,.reveal-stagger.visible>*{opacity:1;transform:translateY(0)}.reveal-stagger.visible>*:nth-child(1){transition-delay:0ms}.reveal-stagger.visible>*:nth-child(2){transition-delay:80ms}.reveal-stagger.visible>*:nth-child(3){transition-delay:.16s}.reveal-stagger.visible>*:nth-child(4){transition-delay:.24s}.reveal-stagger.visible>*:nth-child(5){transition-delay:.32s}.reveal-stagger.visible>*:nth-child(6){transition-delay:.4s}.reveal-rule{border-top:none;position:relative;padding-top:calc(.9rem + 1px)}.reveal-rule:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--border);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease-out)}.reveal-rule.visible:before{transform:scaleX(1)}.reveal-rule .reg-cross{opacity:0;transition:opacity .3s var(--ease-out) .4s}.reveal-rule.visible .reg-cross{opacity:1}.no-anim,.no-anim>*{transition:none!important}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-label,.hero h1,.hero-subhead,.hero-actions,.hero-proof{animation:none;opacity:1;transform:none}.reveal,.reveal-stagger>*{opacity:1;transform:none;transition:opacity .15s ease}.reveal-rule:before{transform:scaleX(1);transition:none}.reveal-rule .reg-cross{opacity:1;transition:none}.mode-card .mode-tag:before,.vignette .vignette-tag:before,.assessment .assessment-tag:before,.btn-primary span,.link-mono,.domain-glyph .g-edge{transition:none!important}}@media(max-width:1024px){.index-grid{grid-template-columns:repeat(2,1fr)}.stats-row{grid-template-columns:repeat(2,1fr);gap:2rem 0}.stat:nth-child(3){border-left:none;padding-left:0}}@media(max-width:860px){.domains-grid{grid-template-columns:1fr}.assessment{grid-template-columns:1fr;gap:1.5rem}.assessment-scope{border-left:none;border-top:1px solid var(--border);padding-left:0;padding-top:1.25rem}.vignettes-grid{grid-template-columns:1fr}.domain-col{border-left:none;border-top:1px solid var(--border);padding:2rem 0}.domain-col:first-child{border-top:none;padding-top:.5rem}.diptych{grid-template-columns:1fr;gap:1.5rem}.diptych-gutter{display:none}}@media(max-width:768px){.nav-links{gap:1.25rem}.nav-links .lbl{display:none}.hero-copy{width:100%;padding-right:clamp(1.5rem,6vw,6rem)}.status-line{font-size:10px}.index-grid{grid-template-columns:1fr}.stats-row{grid-template-columns:1fr 1fr}.correspondence h2{font-size:2rem}}@media(max-width:480px){.index-cell{padding:1.75rem 1.5rem}.btn-primary{width:100%;justify-content:center}.cta-actions{flex-direction:column;gap:1.5rem}.stats-row{grid-template-columns:1fr}.stat{border-left:none;padding:0}}