@font-face{font-family:"source serif 4";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/source-serif.woff2)format("woff2")}@font-face{font-family:"source serif 4";font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/source-serif-italic.woff2)format("woff2")}@font-face{font-family:inter;font-style:normal;font-weight:400 700;font-display:swap;src:url(../fonts/inter.woff2)format("woff2")}:root{color-scheme:light;--paper:#faf8f4;--surface:#ffffff;--rule:#e6e0d5;--rule-strong:#d2cabb;--ink:#17140f;--ink-soft:#4b453c;--ink-faint:#6f685d;--accent:#b3371d;--display:"Source Serif 4", "Iowan Old Style", Georgia, "Times New Roman", serif;--sans:"Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--wrap:66rem;--gutter:clamp(1.25rem, 5vw, 3rem);--block:clamp(2.75rem, 6vw, 4.5rem);--radius:14px}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{display:flex;flex-direction:column;min-height:100vh;min-height:100svh;margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:1rem;line-height:1.6}h1,h2,h3{margin:0;font-family:var(--display);font-weight:400;text-wrap:balance}p{margin:0;text-wrap:pretty}ul,ol{margin:0;padding:0;list-style:none}a{color:inherit}svg{display:block}::selection{background:var(--accent);color:var(--paper)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.card-link:focus-visible{border-radius:var(--radius)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}main{flex:1 0 auto}.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gutter)}.skip-link{position:absolute;top:-4rem;z-index:30;padding:.7rem 1rem;background:var(--ink);color:var(--paper);text-decoration:none}.skip-link:focus{top:0}.topbar{position:sticky;top:0;z-index:20;background:var(--paper);border-bottom:1px solid var(--rule)}.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:3.75rem}.brand{padding-block:.4rem;font-family:var(--display);font-size:1.3125rem;line-height:1;letter-spacing:-.01em;text-decoration:none}.brand:hover{color:var(--accent)}.topbar-nav{display:flex;align-items:center;gap:clamp(1rem,4vw,1.9rem)}.topbar-nav a{display:inline-block;padding-block:.45rem;font-size:.875rem;color:var(--ink-faint);text-decoration:none}.topbar-nav a:hover{color:var(--ink);text-decoration:underline;text-decoration-color:var(--rule-strong);text-underline-offset:.35em}.hero{padding-block:clamp(3.25rem,9vw,6.5rem)0}.hero h1{max-width:20ch;font-size:clamp(2.6rem,8vw,4.9rem);line-height:1.02;letter-spacing:-.02em}.lede{max-width:44ch;margin-top:clamp(1rem,2vw,1.5rem);font-size:clamp(1.0625rem,1.5vw,1.1875rem);line-height:1.55;color:var(--ink-soft)}.lede a{color:var(--accent);text-decoration-thickness:1px;text-underline-offset:.2em}.footer{margin-top:var(--block);border-top:1px solid var(--rule)}.footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.35rem 1.5rem;padding-block:1.75rem 2.5rem;font-family:var(--mono);font-size:.75rem;letter-spacing:.03em;color:var(--ink-faint)}.band{padding-top:var(--block);scroll-margin-top:4.5rem}.band-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:clamp(1.5rem,3.5vw,2.25rem);padding-bottom:.8rem;border-bottom:1px solid var(--rule)}.band-head h2{font-family:var(--mono);font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft)}.band-note{font-family:var(--mono);font-size:.75rem;letter-spacing:.03em;color:var(--ink-faint)}.empty{max-width:44ch;font-size:.9375rem;color:var(--ink-faint)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,24rem),1fr));gap:clamp(.875rem,2vw,1.375rem)}.card{display:flex}.card-link{display:flex;flex-direction:column;gap:.875rem;width:100%;padding:clamp(1.25rem,2.4vw,1.75rem);background:var(--surface);border:1px solid var(--rule);border-radius:var(--radius);text-decoration:none;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.card-link:hover{border-color:var(--rule-strong);transform:translateY(-2px);box-shadow:0 18px 30px -26px rgb(23 20 15/55%)}.card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;font-size:clamp(1.375rem,2.1vw,1.625rem);line-height:1.1;letter-spacing:-.01em}.card-title .arrow{flex:none;width:1.0625rem;height:1.0625rem;margin-top:.28rem;color:var(--ink-faint);transition:color .16s ease,transform .16s ease}.card-name{display:inline-flex;align-items:center;gap:.5rem;min-width:0}.card-icon{flex:none;display:block;width:1.25rem;height:1.25rem}.card-icon svg{display:block;width:100%;height:100%}.card-link:hover .arrow{color:var(--accent);transform:translate(2px,-2px)}.card-summary{flex:auto;font-size:.9375rem;line-height:1.55;color:var(--ink-soft)}.card-summary code{padding:.1em .3em;background:var(--paper);border:1px solid var(--rule);border-radius:5px;font-family:var(--mono);font-size:.875em}.card-meta{display:flex;align-items:center;gap:.5rem;font-family:var(--mono);font-size:.75rem;letter-spacing:.03em;color:var(--ink-faint)}.card-tag{color:var(--accent)}.card-tag::before{content:"·";margin-right:.5rem;color:var(--ink-faint)}.log-row{display:grid;grid-template-columns:7.5rem 1fr auto;gap:.5rem 1rem;align-items:baseline;padding-block:.9rem}.log-row+.log-row{border-top:1px solid var(--rule)}.log-row:last-child{border-bottom:1px solid var(--rule)}.log-date{font-family:var(--mono);font-size:.75rem;letter-spacing:.03em;color:var(--ink-faint)}.log-site{display:inline-flex;align-items:center;gap:.375rem;font-family:var(--display);font-size:1.25rem;line-height:1.2;text-decoration:none}.log-site .arrow{width:.875rem;height:.875rem;color:var(--ink-faint);transition:color .16s ease,transform .16s ease}.log-site:hover{color:var(--accent)}.log-site:hover .arrow{transform:translate(2px,-2px)}.log-tag{justify-self:end;font-family:var(--mono);font-size:.75rem;letter-spacing:.03em;color:var(--accent)}@media(max-width:40rem){.log-row{grid-template-columns:1fr auto}.log-date{grid-area:1/1}.log-tag{grid-area:1/2}.log-site{grid-area:2/1/3/3}}@media(prefers-reduced-motion:reduce){.card-link,.card-title .arrow,.log-site .arrow{transition:none}.card-link:hover,.card-link:hover .arrow,.log-site:hover .arrow{transform:none}}