:root{--ink:#0a0e1b;--ink-high:#111a30;--text:#c6d2e4;--body:#9dabc4;--dim:#5f6f8c;--faint:#3d4a63;--hair:#8fa8d624;--amber:#ffb259;--amber-deep:#ff8f3d;--teal:#6fc3d9;--mono:ui-monospace, "SF Mono", "Cascadia Code", "JetBrains Mono", Menlo, Consolas, monospace;--sans:ui-sans-serif, system-ui, "Segoe UI", Helvetica, Arial, sans-serif}html{background:var(--ink)}body{font-family:var(--sans);color:var(--text);background:linear-gradient(180deg, var(--ink-high) 0%, var(--ink) 34rem), var(--ink);-webkit-font-smoothing:antialiased;margin:0;line-height:1.65}body:after{content:"";pointer-events:none;opacity:.05;z-index:3;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.frame{max-width:42rem;margin:0 auto;padding:0 1.5rem}a:focus-visible{outline:1px solid var(--amber);outline-offset:3px;border-radius:2px}.topbar{font-family:var(--mono);letter-spacing:.22em;color:var(--dim);justify-content:space-between;align-items:baseline;padding-top:2.2rem;font-size:.72rem;display:flex}.topbar .wordmark{color:var(--text);text-decoration:none}.topbar nav{gap:1.6rem;display:flex}.topbar nav a{color:var(--dim);text-decoration:none;transition:color .2s}.topbar nav a:hover,.topbar nav a:focus-visible{color:var(--amber)}.horizon{background:linear-gradient(90deg,#0000 0%,#ff8f3d8c 50%,#0000 100%);height:1px;margin-top:1.4rem}.masthead{padding:4.5rem 0 3.2rem}.eyebrow{font-family:var(--mono);letter-spacing:.3em;color:var(--teal);opacity:.75;margin:0 0 1.4rem;font-size:.7rem}.sign{font-family:var(--mono);letter-spacing:.08em;color:var(--amber);text-shadow:0 0 14px #ff8f3d8c,0 0 46px #ff8f3d38;margin:0;font-size:clamp(3.2rem,10vw,5rem);font-weight:400;line-height:1;animation:1.4s step-end neon-on}.sign .sep{color:var(--amber-deep);opacity:.6}.dateline{font-family:var(--mono);letter-spacing:.2em;color:var(--dim);margin:1.3rem 0 0;font-size:.72rem}.lede{color:var(--text);text-wrap:pretty;max-width:60ch;margin:2.6rem 0 0;font-size:1.14rem;line-height:1.75}@keyframes neon-on{0%{opacity:0;text-shadow:none}7%{opacity:1}11%{opacity:.25;text-shadow:none}15%{opacity:1}23%{opacity:.45;text-shadow:none}29%{opacity:1}to{opacity:1}}.items{flex-direction:column;margin:3.5rem 0 0;display:flex}.item{border-top:1px solid var(--hair);grid-template-columns:5.2rem 1fr;gap:0 1.4rem;padding:2.1rem 0;animation:.6s ease-out both rise;display:grid}.item:first-child{animation-delay:.55s}.item:nth-child(2){animation-delay:.65s}.item:nth-child(3){animation-delay:.75s}.item:nth-child(4){animation-delay:.85s}.item:nth-child(5){animation-delay:.95s}.item:nth-child(n+6){animation-delay:1.05s}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.slot{font-family:var(--mono);letter-spacing:.18em;color:var(--faint);flex-direction:column;gap:.45rem;padding-top:.35rem;font-size:.7rem;display:flex}.slot .kind{color:var(--teal);opacity:.65}.item:hover .slot>.num{color:var(--amber);text-shadow:0 0 10px #ff8f3d80}.item h2{letter-spacing:-.01em;text-wrap:balance;margin:0 0 .55rem;font-size:1.18rem;font-weight:600;line-height:1.4}.item h2 a{color:var(--text);text-decoration:none;transition:color .2s}.item h2 a:hover,.item h2 a:focus-visible{color:var(--amber);text-shadow:0 0 12px #ff8f3d59}.item h2 .no-link{color:var(--text)}.item p{color:var(--body);max-width:58ch;margin:0}.item p a,.lede a{color:var(--amber);text-underline-offset:3px;text-decoration:underline #ff8f3d59;transition:text-shadow .2s,text-decoration-color .2s}.item p a:hover,.item p a:focus-visible,.lede a:hover,.lede a:focus-visible{text-decoration-color:var(--amber);text-shadow:0 0 12px #ff8f3d66}.src{font-family:var(--mono);letter-spacing:.14em;color:var(--faint);font-size:.68rem;margin-top:.7rem!important}.item.quote blockquote{color:var(--text);letter-spacing:-.005em;text-wrap:pretty;max-width:30ch;margin:0;font-size:1.3rem;font-weight:400;line-height:1.55}.item.quote blockquote:before{content:"“";color:var(--amber);text-shadow:0 0 12px #ff8f3d66}.item.quote blockquote:after{content:"”"}.item.quote cite{font-style:normal;font-family:var(--mono);letter-spacing:.18em;color:var(--dim);margin-top:1rem;font-size:.7rem;display:block}.daynav{border-top:1px solid var(--hair);font-family:var(--mono);letter-spacing:.2em;justify-content:space-between;margin-top:.4rem;padding:1.6rem 0 0;font-size:.72rem;display:flex}.daynav a,.daynav span{color:var(--dim);text-decoration:none;transition:color .2s,text-shadow .2s}.daynav span{color:var(--faint)}.daynav a:hover,.daynav a:focus-visible{color:var(--amber);text-shadow:0 0 10px #ff8f3d73}.archive-head{padding:4.5rem 0 1rem}.archive-month{font-family:var(--mono);letter-spacing:.3em;color:var(--teal);opacity:.75;margin:3rem 0 .5rem;font-size:.72rem}.archive-list{margin:0;padding:0;list-style:none}.archive-list li{border-top:1px solid var(--hair)}.archive-list a{grid-template-columns:5.2rem 1fr auto;align-items:baseline;gap:0 1.4rem;padding:1.1rem 0;text-decoration:none;display:grid}.archive-list .a-date{font-family:var(--mono);letter-spacing:.08em;color:var(--dim);font-size:.95rem;transition:color .2s,text-shadow .2s}.archive-list .a-lede{color:var(--body);text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;overflow:hidden}.archive-list .a-num{font-family:var(--mono);letter-spacing:.18em;color:var(--faint);font-size:.68rem}.archive-list a:hover .a-date,.archive-list a:focus-visible .a-date{color:var(--amber);text-shadow:0 0 10px #ff8f3d73}footer.site{border-top:1px solid var(--hair);margin-top:6rem;padding:2.4rem 0 3.5rem}footer.site .about{color:var(--dim);max-width:52ch;margin:0;font-size:.86rem}footer.site .about a{color:#8fa8d6;text-decoration:none}footer.site .about a:hover{color:var(--amber)}footer.site .links{font-family:var(--mono);letter-spacing:.2em;gap:1.6rem;margin-top:1.3rem;font-size:.7rem;display:flex}footer.site .links a{color:var(--faint);text-decoration:none;transition:color .2s}footer.site .links a:hover,footer.site .links a:focus-visible{color:var(--amber)}@media (width<=560px){.item{grid-template-columns:1fr;gap:.7rem}.slot{flex-direction:row;gap:1rem;padding-top:0}.archive-list a{grid-template-columns:5.2rem 1fr}.archive-list .a-lede{display:none}}@media (prefers-reduced-motion:reduce){.sign,.item{animation:none}}
