:root{color-scheme:dark;--ink: #f2eee5;--muted: #aaa596;--dim: #706d64;--paper: #14130f;--panel: #1d1b15;--line: rgba(242, 238, 229, .18);--red: #c65b4a;--green: #8fae7b;--gold: #d0a85c;--cyan: #82b7ba;--shadow: rgba(0, 0, 0, .48);--mono: "IBM Plex Mono", "Cascadia Mono", Consolas, monospace;--serif: "Iowan Old Style", "Palatino Linotype", Georgia, serif;--sans: Inter, "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html{background:var(--paper);font-family:var(--sans);line-height:1.5}body{min-width:320px;margin:0;color:var(--ink);background:linear-gradient(rgba(242,238,229,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(242,238,229,.025) 1px,transparent 1px),radial-gradient(circle at 70% 10%,rgba(130,183,186,.12),transparent 34rem),#11100d;background-size:42px 42px,42px 42px,auto}body:before{position:fixed;inset:0;z-index:-1;pointer-events:none;content:"";background-image:radial-gradient(circle,rgba(242,238,229,.5) 0 1px,transparent 1px),radial-gradient(circle,rgba(242,238,229,.25) 0 1px,transparent 1px);background-position:2rem 4rem,13rem 8rem;background-size:19rem 23rem,31rem 29rem;opacity:.28}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}.skip-link{position:fixed;left:1rem;top:1rem;z-index:20;padding:.5rem .75rem;background:var(--ink);color:var(--paper);transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem clamp(1rem,3vw,2.4rem);border-bottom:1px solid var(--line);background:#11100ddb;backdrop-filter:blur(16px)}.brand{display:inline-flex;align-items:center;gap:.8rem;min-width:0}.brand-mark{display:grid;width:2.35rem;height:2.35rem;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--gold);font-family:var(--mono);font-size:.75rem}.brand strong,.brand small{display:block}.brand strong{font-family:var(--serif);font-size:1.05rem}.brand small,.site-nav,.eyebrow,.section-label,.footer-coordinates{color:var(--muted);font-family:var(--mono);font-size:.74rem;text-transform:uppercase}.site-nav{display:flex;align-items:center;gap:clamp(.7rem,2vw,1.6rem)}.site-nav a{padding-block:.5rem;border-bottom:1px solid transparent}.site-nav a:hover{color:var(--ink);border-color:var(--gold)}.nav-toggle{display:none;border:1px solid var(--line);background:transparent;color:var(--ink);font:inherit;padding:.55rem .7rem}main{overflow:hidden}.hero-observatory{position:relative;display:grid;min-height:calc(100svh - 4rem);grid-template-columns:minmax(1rem,1fr) minmax(0,42rem) minmax(16rem,34rem) minmax(1rem,1fr);grid-template-rows:1fr auto;align-items:end;border-bottom:1px solid var(--line)}.hero-image{position:absolute;inset:0;background-position:55% 50%;background-size:cover;filter:saturate(.8) contrast(1.12)}.hero-image:after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,#11100deb,#11100d73 48%,#11100ddb),linear-gradient(0deg,rgba(17,16,13,.92),transparent 38%)}.hero-copy{position:relative;grid-column:2 / 3;padding:13vh 0 11vh}.hero-copy h1,.page-intro h1,.image-record h1,.tool-record h1{margin:0;font-family:var(--serif);font-weight:500;line-height:.95}.hero-copy h1{max-width:8ch;font-size:clamp(4rem,13vw,11rem)}.hero-copy p:last-child{max-width:39rem;color:#ddd5c5;font-size:clamp(1.05rem,2vw,1.35rem)}.route-map{position:relative;grid-column:3 / 4;display:grid;width:min(100%,30rem);margin:0 0 12vh auto;border-top:1px solid var(--line)}.route-map a{display:grid;grid-template-columns:3rem 1fr;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line);color:var(--ink);font-family:var(--serif);font-size:clamp(1.4rem,3vw,2.4rem)}.route-map span{color:var(--red);font-family:var(--mono);font-size:.75rem;padding-top:.5rem}.notebook-grid,.three-thread,.page-intro,.record-body,.tool-record header,.image-record header,.software-list,.category-ledger,.timeline,.masonry{width:min(100% - 2rem,1180px);margin-inline:auto}.notebook-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr);gap:clamp(2rem,7vw,8rem);padding:clamp(4rem,9vw,8rem) 0;border-bottom:1px solid var(--line)}.notebook-grid h2,.page-intro h1{margin:0;font-family:var(--serif);font-size:clamp(2.4rem,6vw,5.5rem);font-weight:500;line-height:1}.notebook-grid>p,.page-intro p,.tool-record header p{color:#d6cfbf;font-size:clamp(1.05rem,2vw,1.28rem)}.image-strip{display:grid;grid-auto-columns:minmax(15rem,26vw);grid-auto-flow:column;gap:1px;overflow-x:auto;border-block:1px solid var(--line);background:var(--line);scroll-snap-type:x mandatory}.strip-frame{position:relative;min-height:21rem;background:#000;scroll-snap-align:start}.strip-frame img{width:100%;height:100%;object-fit:cover}.strip-frame span{position:absolute;inset:auto 0 0;display:flex;justify-content:space-between;gap:1rem;padding:.8rem;background:linear-gradient(transparent,#000000d1);font-family:var(--mono);font-size:.75rem}.strip-frame small{color:var(--muted)}.three-thread{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;padding:clamp(4rem,8vw,7rem) 0}.three-thread article{min-height:14rem;padding:1.2rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.three-thread span{display:block;margin-bottom:3rem;color:var(--gold);font-family:var(--mono);font-size:.76rem;text-transform:uppercase}.three-thread p{max-width:22rem;color:#d6cfbf}.page-intro{padding:clamp(4rem,10vw,9rem) 0 clamp(2.5rem,6vw,5rem)}.page-intro.compact{padding-bottom:1.5rem}.category-ledger{border-top:1px solid var(--line)}.category-row{display:grid;grid-template-columns:1fr 8rem 8rem;align-items:center;gap:1rem;min-height:7.5rem;border-bottom:1px solid var(--line)}.category-row span{font-family:var(--serif);font-size:clamp(2rem,5vw,4.5rem)}.category-row img{width:8rem;aspect-ratio:1.6;object-fit:cover;filter:grayscale(.25)}.category-row small{color:var(--muted);font-family:var(--mono);text-transform:uppercase}.masonry{columns:3 17rem;column-gap:1rem;padding-bottom:5rem}.masonry-item{display:inline-block;width:100%;break-inside:avoid;margin-bottom:1.4rem;border-bottom:1px solid var(--line);padding-bottom:.7rem}.masonry-item img{width:100%;margin-bottom:.55rem}.masonry-item span,.masonry-item small{display:block}.masonry-item span{font-family:var(--serif);font-size:1.35rem}.masonry-item small{color:var(--muted);font-family:var(--mono);text-transform:uppercase}.image-record header,.tool-record header{padding:clamp(3rem,8vw,6rem) 0 1.8rem}.image-record h1,.tool-record h1{font-size:clamp(3rem,8vw,7rem)}.catalog{margin:.5rem 0 0;color:var(--gold);font-family:var(--mono);font-size:1rem}.image-record figure{margin:0;background:#000}.image-record figure img{width:100%;max-height:86vh;object-fit:contain}.record-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(16rem,25rem);gap:clamp(2rem,7vw,7rem);padding:clamp(3rem,7vw,6rem) 0}.prose,.record-body p{color:#d8d0bf;font-size:1.08rem}.archive-notes{display:grid;grid-template-columns:8rem 1fr;align-content:start;margin:0;border-top:1px solid var(--line);font-size:.9rem}.archive-notes dt,.archive-notes dd{margin:0;padding:.75rem 0;border-bottom:1px solid var(--line)}.archive-notes dt{color:var(--muted);font-family:var(--mono);text-transform:uppercase}.software-list{border-top:1px solid var(--line);padding-bottom:5rem}.software-row{display:grid;grid-template-columns:9rem .8fr 1fr;gap:1rem;padding:1.3rem 0;border-bottom:1px solid var(--line)}.software-row span{color:var(--green);font-family:var(--mono);text-transform:uppercase}.software-row h2{margin:0;font-family:var(--serif);font-size:clamp(1.6rem,3vw,2.4rem);font-weight:500}.software-row p{margin:0;color:#d6cfbf}.tool-record>img{width:100%;max-height:62vh;object-fit:cover;border-block:1px solid var(--line)}.text-link{display:inline-block;margin-top:1rem;border-bottom:1px solid var(--gold);color:var(--gold)}.timeline{padding-bottom:6rem}.timeline article{display:grid;grid-template-columns:12rem 1fr;gap:2rem;padding:2rem 0;border-top:1px solid var(--line)}.timeline time{color:var(--red);font-family:var(--mono);text-transform:uppercase}.timeline img{width:min(100%,42rem);margin-bottom:1rem}.timeline h2{margin:0;font-family:var(--serif);font-size:clamp(2rem,4vw,3.4rem);font-weight:500}.timeline p{max-width:44rem;color:#d6cfbf}.guide{position:fixed;right:1rem;bottom:1rem;z-index:12;display:grid;justify-items:end;gap:.7rem}.guide-figure{position:relative;width:4.2rem;height:5.2rem;border:1px solid var(--line);border-radius:50% 50% 44% 44%;background:linear-gradient(90deg,transparent 49%,rgba(242,238,229,.25) 50%,transparent 51%),#201e18;box-shadow:0 1rem 2rem var(--shadow);cursor:pointer}.guide-head{position:absolute;left:50%;top:.62rem;width:2.15rem;height:2.15rem;border:1px solid var(--gold);border-radius:50%;transform:translate(-50%)}.guide-head:before,.guide-head:after{position:absolute;top:.9rem;width:.26rem;height:.26rem;border-radius:50%;background:var(--cyan);content:""}.guide-head:before{left:.55rem}.guide-head:after{right:.55rem}.guide-body{position:absolute;left:50%;bottom:.62rem;width:2.7rem;height:1.45rem;border:1px solid var(--line);border-radius:50% 50% 40% 40%;transform:translate(-50%)}.guide-note{display:none;width:min(21rem,calc(100vw - 2rem));padding:1rem;border:1px solid var(--line);background:#1d1b15f2;box-shadow:0 1rem 2rem var(--shadow)}.guide[data-open] .guide-note{display:block}.guide-note strong{color:var(--gold);font-family:var(--mono);font-size:.75rem;text-transform:uppercase}.guide-note p{margin:.4rem 0 0;color:#ded7c9}.site-footer{display:flex;justify-content:space-between;gap:2rem;padding:2rem clamp(1rem,3vw,2.4rem);border-top:1px solid var(--line);color:var(--muted)}.site-footer p{margin:0}@media(max-width:820px){.nav-toggle{display:inline-flex}.site-nav{position:absolute;left:0;right:0;top:100%;display:none;flex-direction:column;align-items:stretch;padding:.8rem 1rem 1rem;border-bottom:1px solid var(--line);background:#11100dfa}.site-nav[data-open]{display:flex}.hero-observatory{display:block;min-height:auto;padding:32vh 1rem 2rem}.hero-copy{padding:0 0 2rem}.route-map{width:100%;margin:0}.notebook-grid,.three-thread,.record-body,.software-row,.timeline article,.category-row{grid-template-columns:1fr}.three-thread{gap:0}.category-row{padding:1rem 0}.category-row img{width:100%}.archive-notes{grid-template-columns:1fr}.archive-notes dd{padding-top:0}.site-footer{display:block}}
