.hero{border-bottom:1px solid var(--ink);flex-direction:column;gap:28px;padding:72px 0 48px;display:flex}.hero h1{letter-spacing:-.035em;margin:0;font-size:clamp(56px,10vw,128px);font-weight:400;line-height:.92}.hero h1 em{font-style:italic}.now{flex-wrap:wrap;align-items:center;gap:4px 14px;font-size:clamp(22px,2.6vw,30px);line-height:44px;display:flex}.now .lead{color:var(--muted)}.slot-window{height:44px;display:block;overflow:hidden}.slot{animation:slot 9s var(--ease-slot) infinite;flex-direction:column;display:flex}.slot>span{height:44px;color:var(--accent);white-space:nowrap;align-items:center;gap:12px;font-style:italic;display:flex}.slot svg{width:16px;height:16px;fill:var(--accent);flex:none}@keyframes slot{0%,27%{transform:translateY(0)}33%,60%{transform:translateY(-44px)}66%,93%{transform:translateY(-88px)}to{transform:translateY(-132px)}}.topics{color:var(--ink-2);grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:24px 40px;font-size:18px;line-height:1.45;display:grid}.topics>div{align-items:baseline;gap:12px;display:flex}.topics svg{width:12px;height:12px;fill:var(--ink);flex:none}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:28px 0 12px;display:flex}.filters{flex-wrap:wrap;gap:8px;display:flex}.pill{cursor:pointer;min-height:44px;font-family:var(--mono);border:1px solid var(--pill-border);color:var(--ink);background:0 0;border-radius:999px;padding:0 18px;font-size:13px;transition:background-color .25s,color .25s,border-color .25s}.pill:hover{border-color:var(--ink)}.pill[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--bg)}.pill .count{opacity:.6}.sort-label{font-family:var(--mono);color:var(--muted);font-size:13px}.list{flex-direction:column;padding-bottom:72px;display:flex;position:relative}.row{border-bottom:1px solid var(--rule);outline-offset:-2px;grid-template-columns:88px 20px minmax(0,1fr) 96px;align-items:start;gap:16px;margin:0 -12px;padding:22px 12px;transition:background-color .3s;display:grid}.list.is-entering .row{animation:rowIn .5s var(--ease-out) both;animation-delay:calc(var(--i) * 45ms)}@keyframes rowIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.row .date,.row .meta{font-family:var(--mono);color:var(--muted);padding-top:10px;font-size:13px}.row .glyph-cell{padding-top:12px}.row .glyph{width:12px;height:12px;fill:var(--ink);transition:fill .3s;display:block}.row .body{flex-direction:column;gap:6px;min-width:0;display:flex}.row .title{letter-spacing:-.01em;font-size:30px;line-height:1.15}.row .title span{transition:background-size .45s var(--ease-out);background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0% 1px}.row .excerpt{opacity:0;transition:grid-template-rows .45s var(--ease-out),opacity .3s ease;grid-template-rows:0fr;display:grid}.row .excerpt>span{overflow:hidden}.row .excerpt p{color:var(--ink-3);max-width:60ch;margin:0;padding-top:2px;font-size:18px;font-style:italic;line-height:1.45}.row .meta{justify-content:flex-end;align-items:flex-start;gap:10px;display:flex}.row .arrow{color:var(--accent);opacity:0;transition:opacity .3s,transform .3s;transform:translate(-10px)}.row:hover,.row:focus-visible{background-color:var(--row-hover);color:var(--ink)}.row:hover .glyph,.row:focus-visible .glyph{fill:var(--accent)}.row:hover .title span,.row:focus-visible .title span{background-size:100% 1px}.row:hover .excerpt,.row:focus-visible .excerpt{opacity:1;grid-template-rows:1fr}.row:hover .arrow,.row:focus-visible .arrow{opacity:1;transform:none}.row:focus-visible{outline-offset:-2px}.row .date{position:relative}.row .draft-mark{font-family:var(--mono);color:var(--muted);font-size:13px;position:absolute;top:100%;left:0}.list[data-topic=rev] .row:not([data-cat=rev]),.list[data-topic=hw] .row:not([data-cat=hw]),.list[data-topic=stats] .row:not([data-cat=stats]){display:none}.empty{color:var(--ink-3);margin:0;padding:22px 0;font-size:18px;font-style:italic;line-height:1.45}.list .empty{display:none}.list:not([data-topic]) .empty[data-for=all],.list[data-topic=rev] .empty[data-for=rev],.list[data-topic=hw] .empty[data-for=hw],.list[data-topic=stats] .empty[data-for=stats]{display:block}.peek{z-index:2;pointer-events:none;will-change:transform;position:absolute;top:0;left:0}.peek-card{background:var(--peek-bg);opacity:0;width:260px;transition:opacity .25s ease,transform .35s var(--ease-out);border-radius:14px;flex-direction:column;gap:12px;padding:14px;display:flex;transform:rotate(-1.5deg)scale(.92);box-shadow:0 24px 48px -16px #11131873}.peek.is-flipped .peek-card{transform:rotate(1.5deg)scale(.92)}.peek.is-on .peek-card{opacity:1;transform:rotate(-1.5deg)scale(1)}.peek.is-on.is-flipped .peek-card{transform:rotate(1.5deg)scale(1)}.peek-top{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--peek-text);justify-content:space-between;align-items:center;font-size:11px;display:flex}.peek-top .label{align-items:center;gap:8px;display:flex}.peek-top .dot{background:var(--peek-color,var(--cat-rev));border-radius:50%;width:6px;height:6px}.peek-art{background:var(--peek-inner);border-radius:8px;justify-content:center;align-items:center;height:112px;display:flex}.peek-art svg{width:200px;height:80px}.peek-art img{object-fit:cover;border-radius:8px;width:100%;height:100%}.peek-foot{font-family:var(--mono);color:var(--peek-text);font-size:11px}@keyframes breathe{0%,to{transform:scaleX(1)}50%{transform:scaleX(.6)}}.m-pb{transform-box:fill-box;transform-origin:0;animation:3s ease-in-out infinite breathe;animation-delay:calc(var(--d,0) * .15s)}@keyframes trace{0%{stroke-dashoffset:112px}to{stroke-dashoffset:0}}.m-tr{stroke-dasharray:12 100;animation:2.2s linear infinite trace;animation-delay:calc(var(--d,0) * .7s)}@keyframes blink{0%,to{opacity:.25}50%{opacity:1}}.m-led{animation:1.4s ease-in-out infinite blink}@keyframes rise{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}.m-rb{transform-box:fill-box;transform-origin:bottom;animation:2.4s ease-in-out infinite rise;animation-delay:calc(var(--d,0) * .15s)}@media (width<=900px),(hover:none){.peek{display:none}}@media (width<=720px){.row{grid-template-columns:16px minmax(0,1fr)}.row .date,.row .meta{display:none}.row .title{font-size:24px}.row .excerpt{opacity:1;grid-template-rows:1fr}}
