.hero-line{margin-top:24px;padding:14px 16px 14px 20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;border:var(--border);color:#141414;background:var(--yellow);box-shadow:var(--shadow)}.hero-line-text{min-width:0}.hero-line h1{margin:0;font-size:var(--text-lg);font-weight:var(--weight-black);letter-spacing:var(--tracking-heading);text-wrap:balance}.hero-line-mark{display:inline-block;padding:0 6px;border:var(--border-thin);border-color:#141414;color:var(--ink);background:var(--paper);transform:rotate(-2deg);animation:hero-tilt .7s .15s var(--ease-out) backwards}@keyframes hero-tilt{0%{transform:rotate(0) translateY(-8px)}}.hero-line-sub{margin:6px 0 0;color:color-mix(in srgb,#141414 78%,var(--yellow));font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:1.5}.hero-line .button{background:var(--paper);color:var(--ink)}.page>.hero-line+.category-nav{margin-top:28px}.page>.category-nav{margin-top:48px}.page>.category-nav:first-child{margin-top:32px}.feed{margin-top:34px}.feed-head{margin-bottom:20px;display:flex;align-items:baseline;justify-content:space-between;gap:16px}.feed-head h2{margin:0;font-size:var(--text-xl);font-weight:var(--weight-black);letter-spacing:var(--tracking-heading)}.result-count{color:var(--muted);font:var(--weight-bold) var(--text-sm) var(--font-mono)}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.card{--cat: var(--paper-2);position:relative;display:flex;flex-direction:column;border:var(--border);background:var(--paper);box-shadow:var(--shadow);transition:transform .14s var(--ease-out),box-shadow .14s var(--ease-out)}.card.cat--yellow{--cat: var(--cat-yellow)}.card.cat--pink{--cat: var(--cat-pink)}.card.cat--mint{--cat: var(--cat-mint)}.card.cat--orange{--cat: var(--cat-orange)}.card.cat--lilac{--cat: var(--cat-lilac)}.card.cat--hex{--cat: var(--cat-hex-fill)}.card:hover,.card:focus-within{transform:translate(-3px,-3px);box-shadow:var(--shadow-lg)}.card:has(.card-link:active){transform:translate(3px,3px);box-shadow:0 0 0 var(--shadow-ink)}.card-band{height:14px;border-bottom:var(--border);background:var(--cat)}.card-cover{aspect-ratio:16 / 9;overflow:hidden;border-bottom:var(--border);background:var(--cat)}.card-cover img{width:100%;height:100%;display:block;object-fit:cover}.card-cover--date{display:flex;flex-direction:column;justify-content:flex-end;padding:22px 26px;color:var(--on-cat)}.card-cover--date b{font:var(--weight-black) clamp(4rem,9vw,7rem)/.85 var(--font-sans);letter-spacing:-.05em}.card-cover--date span{margin-top:8px;font:var(--weight-bold) var(--text-sm) var(--font-mono)}.card-body{flex:1;padding:18px 20px 20px;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.card h3{margin:0;font-size:1.2rem;font-weight:var(--weight-black);line-height:1.35;letter-spacing:var(--tracking-heading)}.card-link:after{content:"";position:absolute;inset:0}.card-link:focus-visible{outline:0}.card:has(.card-link:focus-visible){outline:3px solid var(--accent);outline-offset:4px}.card-body>p{margin:0;color:var(--muted);font-size:var(--text-sm);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-meta{margin-top:auto;padding-top:6px;display:flex;flex-wrap:wrap;align-items:center;gap:6px;color:var(--muted);font:var(--weight-medium) var(--text-xs) var(--font-mono)}.card-meta time{margin-right:4px}.card--lead{grid-column:span 2;flex-direction:row}.card--lead .card-cover{width:46%;flex:0 0 auto;aspect-ratio:auto;min-height:260px;border-bottom:0;border-right:var(--border)}.card--lead .card-body{padding:26px 28px}.card--lead h3{font-size:clamp(1.4rem,2.4vw,1.9rem)}.feed-context{margin:-8px 0 20px;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:var(--text-sm);font-weight:var(--weight-bold)}.feed-context a{display:inline-flex;align-items:center;gap:4px;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.feed-context a:hover{background:var(--yellow);color:#141414}.filter-state{padding:2px 10px;border:var(--border-thin);color:var(--paper);background:var(--ink)}.month-strip{margin:-6px 0 22px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px}.month-strip a{padding:2px 8px;border:var(--border-thin);font-size:var(--text-xs);font-weight:var(--weight-bold);line-height:1.6;transition:background-color .15s ease}.month-strip a:hover{background:var(--accent-soft)}.month-strip a.active{color:var(--paper);background:var(--ink)}.month-strip .month-strip-all{display:inline-flex;align-items:center;gap:2px;border-color:transparent;font-family:var(--font-sans);text-decoration:underline;text-underline-offset:3px}.card .chip-link{position:relative;z-index:1}.feed-more{margin-top:30px;min-height:48px;padding:0 22px;font-size:var(--text-md)}@media(max-width:900px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.feed-more{width:100%}.page>.category-nav{margin-top:32px}.card-grid{grid-template-columns:1fr;gap:20px}.card--lead{grid-column:auto;flex-direction:column}.card--lead .card-cover{width:auto;min-height:0;aspect-ratio:16 / 9;border-right:0;border-bottom:var(--border)}.card--lead .card-cover--date{aspect-ratio:auto;min-height:150px}.card--lead .card-body{padding:18px 20px 20px}}