.page-head{padding:clamp(3rem,9vh,7rem) 0 clamp(2rem,5vh,3.5rem)}.page-head .top{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:1rem;border-bottom:1px solid var(--line);padding-bottom:1.2rem;margin-bottom:clamp(2rem,6vh,4rem);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.page-title{font-family:var(--display);font-weight:700;font-size:clamp(3rem,13vw,11rem);line-height:.86;letter-spacing:-.045em;margin:0}.page-sub{display:grid;grid-template-columns:1.3fr 1fr;grid-gap:2rem;gap:2rem;align-items:end;margin-top:clamp(1.5rem,4vh,2.5rem)}.page-sub p{font-size:clamp(1rem,1.5vw,1.25rem);color:var(--ink-soft);max-width:48ch;margin:0}.count-big{font-family:var(--display);font-size:clamp(2rem,5vw,3.5rem);text-align:right;line-height:1}.count-big span{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-top:.4rem}@media (max-width:640px){.page-sub{grid-template-columns:1fr}.count-big{text-align:left}}.filters{display:flex;flex-wrap:wrap;gap:.6rem;padding:1.6rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:-webkit-sticky;position:sticky;top:64px;background:color-mix(in oklch,var(--paper) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:40}.tag-chip{font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:.45em .95em;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink-soft);cursor:pointer;transition:all .25s var(--ease);font-family:var(--mono)}.tag-chip .n{color:var(--muted);margin-left:.4em}.tag-chip:hover{border-color:var(--ink);color:var(--ink)}.tag-chip.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.tag-chip.active .n{color:color-mix(in oklch,var(--paper) 60%,transparent)}.year-group{margin-top:clamp(2.5rem,6vh,4rem)}.year-label{font-family:var(--display);font-size:clamp(1rem,2vw,1.3rem);color:var(--muted);letter-spacing:.04em;padding-bottom:.8rem;border-bottom:1px solid var(--line-soft);margin-bottom:.5rem;display:flex;justify-content:space-between;align-items:baseline}.year-label .yc{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.b-row{display:grid;grid-template-columns:1fr auto;grid-gap:1.5rem 2rem;gap:1.5rem 2rem;align-items:center;padding:clamp(1.2rem,2.8vh,1.9rem) 0;border-bottom:1px solid var(--line);position:relative;transition:padding-left .4s var(--ease)}.b-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:var(--accent);transition:width .4s var(--ease)}.b-row:hover{padding-left:1.4rem}.b-row:hover:before{width:3px}.b-row .head{display:flex;align-items:baseline;gap:1rem;flex-wrap:wrap}.b-row h3{font-family:var(--display);font-weight:700;font-size:clamp(1.2rem,2.4vw,1.9rem);letter-spacing:-.02em;margin:0;transition:color .3s var(--ease);line-height:1.1}.b-row:hover h3{color:var(--accent)}.b-row .date{font-size:12px;color:var(--muted);white-space:nowrap}.b-row .excerpt{font-size:14px;color:var(--ink-soft);margin:.55rem 0 0;max-width:70ch;line-height:1.6}.b-row .meta{display:flex;align-items:center;gap:1.2rem}.b-tags{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:flex-end}.b-tags span{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.b-tags span:before{content:"#";color:var(--accent)}.b-row .go{font-family:var(--display);font-size:1.3rem;transition:transform .35s var(--ease),color .35s var(--ease)}.b-row:hover .go{transform:translateX(5px) translateY(-5px);color:var(--accent)}@media (max-width:680px){.b-row{grid-template-columns:1fr;gap:.8rem}.b-row .meta{justify-content:space-between}.b-tags{justify-content:flex-start}}.empty{padding:4rem 0;text-align:center;color:var(--muted)}