@charset "UTF-8";:root{--paper:#efe9dd;--paper2:#e7e0d1;--ink:#1a1a1a;--muted:#6b6459;--accent:#c0392b;--accent-ink:#9a2f22;--line:#1a1a1a;--hair:rgba(26,26,26,.18);--grotesk:"Helvetica Neue", Helvetica, Arial, sans-serif;--mono:"SFMono-Regular", Menlo, Consolas, "Liberation Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--grotesk);line-height:1.55;overflow-x:hidden;-webkit-font-smoothing:antialiased}body::before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.5;background-image:radial-gradient(var(--hair) .5px,transparent .5px);background-size:4px 4px}main.wrap{position:relative;z-index:1}.frame{position:fixed;inset:0;z-index:4;pointer-events:none}.frame::before{content:"";position:absolute;top:0;left:0;right:0;height:5.5rem;background:linear-gradient(var(--paper) 45%,rgba(239,233,221,0));pointer-events:none}.frame-top{position:absolute;top:1.4rem;left:2.2rem;right:2.2rem;display:flex;justify-content:space-between;font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.frame .brand{pointer-events:auto;color:var(--ink);text-decoration:none;font-weight:500}.frame .brand:hover{color:var(--accent)}.frame .frame-nav a{pointer-events:auto;color:var(--ink);text-decoration:none;margin-left:1.4rem}.frame .frame-nav a:hover{color:var(--accent)}.frame-nav{display:flex}section{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:16vh 6rem;position:relative;max-width:74rem}.rulewrap{display:flex;align-items:baseline;gap:1.2rem;margin-bottom:1.8rem}.num{font-family:var(--mono);font-size:.74rem;letter-spacing:.1em;font-weight:700;white-space:nowrap}.rule{height:2px;background:var(--line);flex:1}.label{font-family:var(--mono);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;font-weight:700;white-space:nowrap}h2{font-size:clamp(2rem,5vw,3.6rem);font-weight:800;letter-spacing:-.02em;line-height:1.02;max-width:20ch}.lead{font-size:clamp(1.05rem,1.6vw,1.25rem);margin-top:1.5rem;max-width:52ch;color:var(--muted);font-weight:500}.chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2.2rem}.chip{font-family:var(--mono);font-size:.74rem;font-weight:600;border:1.5px solid var(--line);padding:.35rem .9rem}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));margin-top:3rem;border-top:2px solid var(--line)}.card{padding:1.8rem 1.6rem 1.8rem 0;border-bottom:1px solid var(--hair)}.card .cnum{font-family:var(--mono);font-size:.72rem;color:var(--accent);font-weight:700}.card h3{font-size:1.25rem;margin:.6rem 0 .5rem;font-weight:800;letter-spacing:-.01em}.card p{color:var(--muted);font-size:.92rem;font-weight:500}.posts{margin-top:3rem;border-top:2px solid var(--line)}.post{padding:1.4rem .2rem;border-bottom:1px solid var(--hair);display:grid;grid-template-columns:auto 1fr auto;gap:1.4rem;align-items:baseline;transition:background .2s;color:var(--ink);text-decoration:none}.post:hover{background:var(--paper2)}.post:hover h4{color:var(--accent)}.post .pn{font-family:var(--mono);font-size:.74rem;color:var(--accent);font-weight:700}.post h4{font-size:1.15rem;font-weight:700;letter-spacing:-.01em}.post .date{font-family:var(--mono);font-size:.74rem;color:var(--muted);white-space:nowrap}.morelink{display:inline-block;margin-top:2.2rem;font-family:var(--mono);font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);text-decoration:none;border-bottom:2px solid var(--accent);padding-bottom:.2rem}.morelink:hover{color:var(--accent)}.social{display:flex;gap:.8rem;margin-top:2.2rem;flex-wrap:wrap}.social a{font-family:var(--mono);font-size:.82rem;font-weight:700;text-decoration:none;color:var(--ink);border:1.5px solid var(--line);padding:.7rem 1.4rem;transition:.2s}.social a:hover{background:var(--ink);color:var(--paper)}#prog{position:fixed;top:0;left:0;height:3px;width:0;z-index:6;background:var(--accent)}.js .reveal{opacity:0;transform:translateY(18px)}.js .rule{transform:scaleX(0);transform-origin:left}.js .clip{clip-path:inset(0 100% 0 0)}#hero{max-width:none;padding-right:8vw}.herogrid{display:grid;grid-template-columns:1.4fr .9fr;gap:4rem;align-items:center;width:100%;max-width:76rem}#hero h1{font-size:clamp(2.6rem,7vw,6rem);font-weight:800;line-height:.96;letter-spacing:-.03em}#hero h1 .clip{display:inline-block}#hero h1 .accent{color:var(--accent)}#hero .sub{font-size:clamp(1.05rem,1.8vw,1.35rem);margin-top:1.8rem;max-width:38ch;color:var(--muted);font-weight:500}.portrait{position:relative;border:1.5px solid var(--line);padding:.55rem;background:var(--paper);margin-top:9vh}.portrait img{display:block;width:100%;height:auto}.portrait figcaption{font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;margin-top:.55rem;display:flex;justify-content:space-between;color:var(--muted)}.portrait .tick{position:absolute;width:10px;height:10px;border:1.5px solid var(--accent)}.portrait .tick.tl{top:-6px;left:-6px;border-right:0;border-bottom:0}.portrait .tick.br{bottom:22px;right:-6px;border-left:0;border-top:0}.scrollcue{position:absolute;bottom:5vh;left:6rem;font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.scrollcue::after{content:" ↓";display:inline-block;animation:bob 1.6s ease-in-out infinite}@keyframes bob{50%{transform:translateY(4px)}}@media(max-width:820px){.herogrid{grid-template-columns:1fr;gap:2.5rem}.portrait{order:-1;max-width:260px}}#xray{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;-webkit-mask-image:radial-gradient(circle 200px at var(--mx,-999px) var(--my,-999px),#000 0%,#000 8%,transparent 96%);mask-image:radial-gradient(circle 200px at var(--mx,-999px) var(--my,-999px),#000 0%,#000 8%,transparent 96%)}.codewall{margin:0;padding:1.5vh 1.4rem;font-family:var(--mono);font-size:.7rem;line-height:2.3;color:color-mix(in srgb,var(--ink) 40%,transparent);white-space:pre;overflow:hidden}.codewall .k{color:color-mix(in srgb,var(--accent) 72%,transparent)}.page{max-width:74rem;margin:0 auto;padding:18vh 6rem 12vh;min-height:60vh}.page h1{font-size:clamp(2.2rem,5vw,3.4rem);font-weight:800;letter-spacing:-.02em;line-height:1.02}.prose{margin-top:2rem;max-width:60rem;font-size:1.06rem;line-height:1.7;color:var(--ink)}.prose h2{font-size:clamp(1.5rem,3vw,2.1rem);font-weight:800;margin:2.4rem 0 .8rem;letter-spacing:-.01em}.prose h3,.prose h4{font-weight:800;margin:1.6rem 0 .5rem}.prose p{margin:0 0 1.1rem}.prose a{color:var(--accent-ink);text-decoration:none;border-bottom:1px solid var(--hair)}.prose a:hover{color:var(--accent);border-color:var(--accent)}.prose ul,.prose ol{margin:0 0 1.1rem 1.3rem}.prose li{margin:.3rem 0}.prose code{font-family:var(--mono);font-size:.88em;background:var(--paper2);padding:.1em .4em;border-radius:.35rem}.prose pre{background:var(--paper2);border:1px solid var(--hair);border-radius:.6rem;padding:1.1rem 1.3rem;overflow-x:auto;margin:0 0 1.3rem}.prose pre code{background:0 0;padding:0}.prose blockquote{border-left:3px solid var(--accent);margin:0 0 1.1rem;padding-left:1.1rem;color:var(--muted)}.prose img{max-width:100%;height:auto}.prose table{border-collapse:collapse;margin:0 0 1.3rem}.prose th,.prose td{border:1px solid var(--hair);padding:.5rem .8rem;text-align:left}.post-single .pn{display:none}@media(max-width:720px){.page{padding:14vh 1.4rem 10vh}}.icon{position:relative;top:.3rem;display:inline-block;height:2rem;width:2rem;fill:currentColor}.prose dt{font-weight:800;margin-top:1rem}.prose dd{margin:0 0 .6rem;color:var(--muted)}.dg{--dg-surface:#ffffff;--dg-surface-2:#f4f7fa;--dg-ink:var(--ink);--dg-muted:var(--muted);--dg-line:var(--hair);--dg-ring:#fafafa;--dg-accent:var(--accent);--dg-accent-ink:var(--accent-ink);--dg-accent-soft:rgba(192,57,43,.06);--dg-branch:#78859a;--dg-mono:SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;display:flex;flex-direction:column;align-items:center;margin:1.875rem 0;font-family:inherit}.dg-node{width:100%;max-width:28.75rem;position:relative;background:var(--dg-surface);color:var(--dg-ink);border:1px solid var(--dg-line);border-radius:.75rem;padding:.75rem .875rem .8125rem;box-shadow:0 .0625rem .0625rem rgba(16,24,40,3%),0 .625rem 1.5rem -1.125rem rgba(16,24,40,.4)}.dg-node::before{content:"";position:absolute;left:0;top:.875rem;bottom:.875rem;width:.1875rem;border-radius:.1875rem;background:var(--dg-accent)}.dg-marker{position:absolute;top:-.8125rem;left:-.8125rem;width:1.75rem;height:1.75rem;display:grid;place-items:center;border-radius:50%;background:var(--dg-accent);color:#fff;font-family:var(--dg-mono);font-size:.8125rem;font-weight:600;box-shadow:0 0 0 .25rem var(--dg-ring)}.dg-title{font-size:1rem;line-height:1.25;margin:0;font-weight:600}.dg-kicker{font-family:var(--dg-mono);font-size:.75rem;color:var(--dg-accent-ink);margin:.125rem 0 .375rem}.dg-desc{font-size:.875rem;line-height:1.5;color:var(--dg-muted);margin:0}.dg-desc+.dg-desc{margin-top:.3125rem}.dg-node code,.dg-desc code{font-family:var(--dg-mono);font-size:.86em;background:var(--dg-accent-soft);color:var(--dg-accent-ink);padding:.1em .4em;border-radius:.3125rem}.dg-edge{display:flex;flex-direction:column;align-items:center;gap:.3125rem;padding:.5625rem 0}.dg-edge-label{font-family:var(--dg-mono);font-size:.75rem;color:var(--dg-muted);background:var(--dg-surface-2);border:1px solid var(--dg-line);border-radius:6.25rem;padding:.1875rem .625rem;text-align:center}.dg-edge-line{width:.125rem;height:.875rem;background:var(--dg-line)}.dg-edge-tip{width:0;height:0;border-left:.375rem solid transparent;border-right:.375rem solid transparent;border-top:.5rem solid var(--dg-accent)}.dg-row{width:100%;display:grid;grid-template-columns:1fr auto minmax(10rem,13.75rem);align-items:center}.dg-row .dg-node{max-width:none}.dg-branch{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:0 .25rem;color:var(--dg-branch)}.dg-branch-label{font-family:var(--dg-mono);font-size:.6875rem;text-align:center;line-height:1.3;color:var(--dg-branch)}.dg-branch-arrow{width:100%;min-width:2.125rem;height:.125rem;background:var(--dg-branch);position:relative}.dg-branch-arrow::before{content:"";position:absolute;left:-.0625rem;top:-.25rem;border-top:.3125rem solid transparent;border-bottom:.3125rem solid transparent;border-right:.4375rem solid var(--dg-branch)}.dg-aside{background:var(--dg-surface-2);border-style:dashed}.dg-aside::before{background:var(--dg-branch)}.dg-aside .dg-title{font-size:.875rem}.dg-aside .dg-desc{font-size:.7812rem}.dg-tag{display:inline-block;font-family:var(--dg-mono);font-size:.625rem;letter-spacing:.08em;text-transform:uppercase;color:var(--dg-branch);border:1px solid var(--dg-line);border-radius:.3125rem;padding:.0938rem .3125rem;margin-bottom:.375rem}@media(max-width:640px){.dg-row{grid-template-columns:1fr;justify-items:center;gap:.5rem}.dg-branch{flex-direction:row;padding:.1875rem 0}.dg-branch-arrow{width:.125rem;height:1.75rem;min-width:0}.dg-branch-arrow::before{left:auto;right:-.25rem;top:auto;bottom:-.0625rem;border-left:.3125rem solid transparent;border-right:.3125rem solid transparent;border-top:.4375rem solid var(--dg-branch);border-right-color:transparent}.dg-aside{max-width:28.75rem}}@media(max-width:820px){.frame-top{top:1.1rem;left:1.4rem;right:1.4rem;font-size:.64rem;letter-spacing:.08em}.frame .frame-nav a{margin-left:.9rem}.frame::before{height:4.5rem}section{padding:12vh 1.4rem;min-height:auto}#hero{padding:13vh 1.4rem 9vh;min-height:100vh}.page{padding:14vh 1.4rem 9vh}}@media(max-width:560px){.frame-top{font-size:.62rem;letter-spacing:.06em}.frame .frame-nav a{margin-left:.8rem}#hero h1{font-size:clamp(2.2rem,12vw,3.2rem)}#hero .sub{font-size:1.02rem}h2{font-size:clamp(1.7rem,8vw,2.4rem)}.page h1{font-size:clamp(1.8rem,9vw,2.6rem)}.prose{font-size:1rem}.lead{font-size:1.05rem}.rulewrap{gap:.8rem}.post{gap:.8rem}.cards{grid-template-columns:1fr}.social{gap:.6rem}.social a{padding:.6rem 1.1rem}}