.journal{--paper:var(--bg-void);--ink:var(--text-primary);--muted:var(--text-muted);--accent:var(--text-accent);--on-accent:var(--bg-void);--line:var(--border-subtle);--surface:var(--surface-glass);--font-mono:"Geist Mono",ui-monospace,SFMono-Regular,Consolas,monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:clamp(1.5rem,3vw,2.5rem);--text-display:clamp(2rem,5vw,3.5rem);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--gutter:clamp(1rem,4vw,4rem);--measure:68ch;--page-width:1100px;--grid-unit:32px;--stroke:1px;--motion:.18s;color-scheme:dark;position:relative;z-index:var(--z-content);padding:calc(var(--nav-height) + 64px) 0 128px;*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--paper);color:var(--ink);font:var(--text-sm)/1.65 var(--font-mono)}a{color:inherit;text-underline-offset:.22em}a:hover{color:var(--accent)}button,select,input{font:inherit;color:inherit}button,summary,select{cursor:pointer}button{background:transparent}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{background:var(--accent);color:var(--on-accent)}img,svg{max-width:100%}img{height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:500;line-height:1.15;letter-spacing:-.045em}h1{font-size:var(--text-display)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}p{margin-bottom:var(--space-6)}.shell{max-width:var(--page-width);margin:auto;padding-inline:var(--gutter)}.skip{position:absolute;top:-100px;left:1rem;z-index:100;background:var(--paper);padding:1rem}.skip:focus{top:1rem}.masthead{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding-block:var(--space-6);border-bottom:var(--stroke) solid var(--ink);position:relative;z-index:5}.brand{font-size:1.65rem;line-height:1;text-decoration:none;font-weight:800;letter-spacing:-.08em}.brand span{font-weight:400;color:var(--accent)}.site-links{display:flex;gap:var(--space-6);align-items:center;flex-wrap:wrap}.site-links>a,.about-menu>summary{font-size:var(--text-xs);text-decoration:none;min-height:44px;display:flex;align-items:center}.site-links a[aria-current=page]{text-decoration:underline}.about-menu>summary{gap:.6rem;list-style:none}.about-menu>summary::-webkit-details-marker{display:none}.about-menu[open] .arrow-box{transform:rotate(180deg)}.about-panel{position:absolute;right:0;top:100%;width:min(36rem,100%);border:1px solid var(--ink);background:var(--paper);padding:var(--space-8);box-shadow:8px 8px 0 var(--surface)}.eyebrow{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.arrow-box{display:inline-grid;place-items:center;width:30px;height:30px;border:1px solid currentColor;flex-shrink:0;font-size:1.1rem;transition:transform var(--motion)}.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-6);padding-block:var(--space-6);border-top:1px solid var(--ink)}.section-head h2{margin:0;font-size:var(--text-sm);letter-spacing:0}.page-intro{padding-block:var(--space-24) var(--space-16)}.page-intro h1{margin-bottom:var(--space-8)}.page-intro p{max-width:48ch;font-size:var(--text-lg)}.home-intro{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));padding-top:var(--space-16);padding-bottom:var(--space-24);gap:var(--space-6)}.home-intro .eyebrow{grid-column:1/-1}.home-intro h1{grid-column:1/10;margin:0}.home-intro .intro-note{grid-column:8/-1;margin:var(--space-8) 0 0;max-width:38ch}.text-link{font-size:var(--text-xs)}.cover{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--surface);border:1px solid var(--line);isolation:isolate}.cover img{width:100%;height:100%;object-fit:cover;display:block}.cover-placeholder{position:absolute;inset:0;overflow:hidden;background:var(--noise-color,var(--accent));color:#000}.cover-placeholder:before{content:"";position:absolute;inset:0;z-index:1;background:repeating-linear-gradient(135deg,transparent 0 18px,rgba(0,0,0,.58) 18px 20px)}.cover-placeholder.noise:after{z-index:2}.post-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-16) var(--space-8);margin-bottom:var(--space-24)}.post-card{min-width:0}.post-card a{display:block;text-decoration:none}.post-card .cover{margin-bottom:var(--space-6)}.post-meta{display:flex;gap:var(--space-4);justify-content:space-between;color:var(--muted);font-size:var(--text-xs);margin-bottom:var(--space-3)}.post-card h2,.post-card h3{font-size:clamp(1.25rem,2.5vw,2rem);margin-bottom:var(--space-3)}.post-card p{max-width:55ch;color:var(--muted);margin-bottom:0}.project-row{display:grid;grid-template-columns:3rem 1fr 1fr auto;gap:var(--space-6);align-items:center;padding:var(--space-6) 0;border-top:1px solid var(--line);text-decoration:none}.project-row h3{margin:0}.project-row p{margin:0;color:var(--muted);font-size:var(--text-xs)}.project-row:hover{background:var(--surface)}.projects-index{margin-bottom:var(--space-24)}.grid-interlude{position:relative;min-height:210px;border-block:1px solid var(--line);background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:var(--grid-unit) var(--grid-unit);margin-bottom:var(--space-24);overflow:hidden;display:flex;align-items:center;justify-content:center}.grid-interlude p{background:var(--paper);padding:var(--space-4);z-index:1;margin:0}.grid-bit{position:absolute;width:32px;height:32px;background:var(--accent);opacity:0;transform:scale(.25);transition:opacity .4s,transform .4s;transition-delay:var(--delay)}.grid-interlude.is-visible .grid-bit{opacity:1;transform:scale(1)}.faq{border-top:1px solid var(--line)}.faq:last-child{border-bottom:1px solid var(--line)}.faq summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding-block:var(--space-6);list-style:none;font-size:var(--text-lg)}.faq summary::-webkit-details-marker{display:none}.faq[open] .arrow-box{transform:rotate(180deg)}.faq .answer{max-width:var(--measure);padding-bottom:var(--space-6);color:var(--muted)}.site-footer{margin-top:var(--space-24);border-top:1px solid var(--ink);padding-block:var(--space-8);display:flex;justify-content:space-between;align-items:center;gap:var(--space-6);flex-wrap:wrap;font-size:var(--text-xs)}.footer-links{display:flex;flex-wrap:wrap;gap:var(--space-6);align-items:center}.theme-control{display:flex;align-items:center;gap:var(--space-2)}.theme-control select{border:1px solid var(--line);padding:var(--space-2);background:var(--paper);min-height:44px}.article-header{max-width:1000px;padding-top:var(--space-16);padding-bottom:var(--space-8)}.article-header h1{font-size:clamp(2rem,5vw,4.75rem);margin-block:var(--space-6)}.article-header .dek{font-size:var(--text-lg);max-width:60ch;color:var(--muted)}.article-cover{max-width:1100px;margin-bottom:var(--space-16)}.article-body{max-width:var(--measure);margin-inline:auto;font-size:var(--text-base);line-height:1.85;overflow-wrap:anywhere}.article-body h2{font-size:1.6rem;margin-top:var(--space-16)}.article-body h3{margin-top:var(--space-8)}.article-body pre{padding:var(--space-6);overflow:auto;font-size:var(--text-sm);line-height:1.65}.article-body code{font-family:var(--font-mono)}.article-body :not(pre)>code{background:var(--surface);padding:.15em .3em}.article-body blockquote{border-left:3px solid var(--accent);margin-inline:0;padding-left:var(--space-6)}.article-body img{max-width:100%;height:auto}.article-body table{display:block;overflow:auto}.article-end{max-width:var(--measure);margin:var(--space-16) auto;border-top:1px solid var(--ink);padding-top:var(--space-6)}.guide-section{margin-block:var(--space-16)}.specimens{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:var(--space-4)}.specimen{border:1px solid var(--line);padding:var(--space-6);min-width:0}.specimen code{font-size:var(--text-xs);overflow-wrap:anywhere}.swatch{height:4rem;background:var(--swatch);border:1px solid var(--line);margin-bottom:var(--space-4)}.space-swatch{height:1rem;width:var(--sample);background:var(--accent);max-width:100%;margin-block:var(--space-4)}@media(max-width:700px){.site-links,.masthead{gap:var(--space-3)}.home-intro{padding-block:var(--space-12);gap:var(--space-6)}.home-intro h1{grid-column:1/-1}.home-intro .intro-note{grid-column:3/-1}.post-list{grid-template-columns:1fr;gap:var(--space-12)}.page-intro{padding-block:var(--space-12)}.project-row{grid-template-columns:2rem 1fr auto;gap:var(--space-3)}.project-row p{grid-column:2;grid-row:2}.project-row .arrow-box{grid-column:3;grid-row:1/3}.project-row h3{font-size:var(--text-base)}.site-footer{align-items:flex-start}.article-header{padding-top:var(--space-12)}.article-body{font-size:var(--text-sm)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.grid-bit{opacity:1;transform:none}}@media(max-width:700px){.home-intro h1{font-size:clamp(2rem,10.5vw,4rem)}}}.journal .shell{background:var(--surface-glass);border:1px solid var(--border-subtle);padding-block:var(--space-8)}.journal h1,.journal h2{font-family:var(--font-display)}.journal .page-intro{padding-block:var(--space-8)}.journal .article-header{padding-top:var(--space-8)}.journal .article-header h1{font-size:clamp(2rem,5vw,3.5rem)}.journal .utility-links{display:flex;flex-wrap:wrap;gap:16px;font-size:12px;border-top:1px solid var(--border-subtle);padding-top:24px;margin-top:48px}html[data-color-mode=light] .journal{color-scheme:light}.token-groups{display:grid;gap:var(--space-8)}.token-group{display:grid;gap:var(--space-4)}.token-group-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);border-bottom:1px solid var(--line);padding-bottom:var(--space-2)}.token-group-head h3{margin:0;font-size:var(--text-sm);letter-spacing:0}.token-group-head .eyebrow{font-size:10px}.token-group .specimens{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:var(--space-3)}@media(max-width:700px){.journal{padding-inline:12px}.journal .shell{padding-inline:16px}}