:root{--read: 700px;--wide: 940px;--mono: "JetBrains Mono", ui-monospace, "Cascadia Code", Consolas, monospace;--prose: rgba(246, 239, 226, .86)}.entries{list-style:none;margin:0;padding:0;display:grid;gap:14px;max-width:var(--wide)}.entry{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(16px,3vw,30px);align-items:center;padding:14px;border-radius:16px;background:var(--card);border:1px solid var(--card-line);text-decoration:none;transition:border-color .25s ease,transform .5s cubic-bezier(.2,.8,.2,1)}.entry:hover{border-color:#f2c14e8c;transform:translateY(-2px)}.entry img,.entry .no-art{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:10px}.entry .no-art{display:block;background:url(/media/cover-1280.jpg) center / cover;opacity:.55}.entry h2{font-size:clamp(24px,3.2vw,30px);letter-spacing:.1em;margin:6px 0 8px}.entry p:last-child{color:var(--ink-soft)}@media(max-width:680px){.entry{grid-template-columns:minmax(0,1fr)}}.byline{display:flex;flex-wrap:wrap;gap:4px 16px;color:var(--ink-faint);font:600 12px/1.4 var(--display);letter-spacing:.2em;text-transform:uppercase}.byline .draft{color:var(--night);background:var(--sun);border-radius:4px;padding:1px 7px 0}.post-head{max-width:var(--read);margin:0 auto;padding:clamp(48px,8vw,96px) 0 clamp(24px,4vw,36px)}.post-head .label{text-decoration:none}.post-head h1{font:600 clamp(38px,6.4vw,64px)/1.02 var(--display);letter-spacing:.08em;text-transform:uppercase;margin:14px 0 16px;text-wrap:balance}.post-head .lead{font:500 clamp(19px,2.4vw,22px)/1.45 var(--display);letter-spacing:.04em;color:var(--ink-soft);margin-bottom:18px}.cover{max-width:var(--wide);margin:0 auto clamp(28px,5vw,48px)}.cover img,.cover video{width:100%;border-radius:14px}.prose{max-width:var(--read);margin:0 auto;color:var(--prose);font-size:17.5px;line-height:1.78}.prose>*+*{margin-top:1.15em}.prose h2,.prose h3,.prose h4{color:var(--ink);scroll-margin-top:90px}.prose h2{margin-top:2.2em;font-size:clamp(25px,3.4vw,31px)}.prose h3{margin-top:1.8em;font:600 20px/1.3 var(--text)}.prose h4{margin-top:1.5em;font:600 17px/1.3 var(--text)}.prose .anchor{text-decoration:none}.prose .anchor:hover:after{content:" #";color:var(--ink-faint)}.prose a:not(.anchor){color:var(--sky);text-underline-offset:3px}.prose strong{color:var(--ink);font-weight:600}.prose ul,.prose ol{padding-left:1.3em}.prose li+li{margin-top:.4em}.prose li::marker{color:var(--sun)}.prose blockquote{margin-left:0;margin-right:0;padding:4px 0 4px 20px;border-left:3px solid var(--sun);color:var(--ink);font-style:italic}.prose hr{border:0;height:1px;background:var(--card-line);margin:2.4em 0}.prose :not(pre)>code{font:.86em/1 var(--mono);background:#f6efe214;border:1px solid var(--card-line);border-radius:5px;padding:.15em .4em;color:var(--ink);overflow-wrap:anywhere}.prose table{width:100%;border-collapse:collapse;font-size:15px}.prose th,.prose td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--card-line)}.prose figure{margin-left:max(calc((var(--read) - var(--wide)) / 2),calc(50% - 50vw + var(--gutter)));margin-right:max(calc((var(--read) - var(--wide)) / 2),calc(50% - 50vw + var(--gutter)))}.prose figure.code{margin-left:0;margin-right:0}.prose figure img,.prose figure video{width:100%;height:auto;border-radius:12px;background:#111}.prose figure>img{width:auto;max-width:100%;margin:0 auto}.prose figcaption{max-width:var(--read);margin:10px auto 0;padding:0 2px;color:var(--ink-faint);font-size:14px;line-height:1.5;text-align:center}.compare .frame{position:relative;overflow:hidden;border-radius:12px;touch-action:pan-y}.compare .frame img{border-radius:0}.compare .after{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;object-fit:cover;clip-path:inset(0 0 0 var(--pos))}.compare .handle{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;margin-left:-1px;background:var(--cream);box-shadow:0 0 12px #00000080;pointer-events:none}.compare .handle:after{content:"";position:absolute;top:50%;left:50%;width:36px;height:36px;margin:-18px 0 0 -18px;border-radius:50%;background:var(--cream) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230b1118' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l-6 6 6 6M15 6l6 6-6 6'/%3E%3C/svg%3E") center / 18px no-repeat;box-shadow:0 2px 10px #0006}.compare .tag{position:absolute;top:12px;padding:5px 10px 4px;border-radius:999px;background:#0b1118b3;font:600 11px/1 var(--display);letter-spacing:.24em;text-transform:uppercase;pointer-events:none}.compare .tag.then{left:12px}.compare .tag.now{right:12px}.compare input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.compare input:focus-visible~.handle:after,.compare .frame:has(input:focus-visible) .handle:after{outline:2px solid var(--sun);outline-offset:3px}.missing>div{display:grid;place-items:center;align-content:center;gap:6px;aspect-ratio:16 / 9;border-radius:12px;border:2px dashed rgba(242,193,78,.6);background:#f2c14e0f;color:var(--sun);text-align:center;padding:16px}.missing b{font:600 14px/1 var(--display);letter-spacing:.24em;text-transform:uppercase}.missing span{font:13px/1.4 var(--mono);color:var(--ink-soft);overflow-wrap:anywhere}.todo{border:2px dashed rgba(242,193,78,.6);background:#f2c14e0f;border-radius:10px;padding:12px 16px;color:var(--sun);font-size:15px}.code{border-radius:12px;background:#0f1720;border:1px solid var(--card-line);overflow:hidden}.code figcaption{margin:0;max-width:none;text-align:left;padding:9px 16px 8px;border-bottom:1px solid var(--card-line);font:12px/1.3 var(--mono);color:var(--ink-faint)}.code pre{margin:0;padding:16px 18px;overflow-x:auto;font:13.5px/1.65 var(--mono);-moz-tab-size:2;tab-size:2;-webkit-overflow-scrolling:touch}.hljs{color:#e8e1d3}.hljs-comment,.hljs-quote{color:#8a9a8c;font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-built_in.hljs-keyword{color:#f2c14e}.hljs-type,.hljs-built_in{color:#7fd1c2}.hljs-number,.hljs-literal{color:#f0a46b}.hljs-string,.hljs-regexp{color:#a8d38a}.hljs-title,.hljs-title.function_,.hljs-function .hljs-title{color:#8cc4f0}.hljs-params,.hljs-variable,.hljs-attr,.hljs-property{color:#e8e1d3}.hljs-meta{color:#c59ae8}.post-end{max-width:var(--read);margin:clamp(48px,7vw,72px) auto 0;padding-top:28px;border-top:1px solid var(--card-line)}.post-end p{color:var(--ink-soft);font-size:17px}.post-end .actions{margin-top:18px}.post-nav{max-width:var(--read);margin:36px auto 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.post-nav a{display:grid;gap:6px;padding:16px 18px;border-radius:14px;background:var(--card);border:1px solid var(--card-line);text-decoration:none;transition:border-color .25s ease}.post-nav a:hover{border-color:#f2c14e8c}.post-nav .newer{text-align:right}.post-nav b{font:600 19px/1.25 var(--display);letter-spacing:.06em}.foot a{text-underline-offset:3px}