.catbar{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.catchip{font-family:JetBrains Mono,monospace;font-size:12px;text-transform:uppercase;letter-spacing:.1em;padding:9px 16px;border:1px solid rgba(242,240,234,.22);border-radius:999px;color:#f2f0eab3;text-decoration:none;transition:border-color .25s ease,color .25s ease,background .25s ease}.catchip:hover{border-color:#e3b341;color:#e3b341}.catchip.on{background:#e3b341;border-color:#e3b341;color:#0b0b0b;font-weight:700}.pgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:28px}.pcard{display:flex;flex-direction:column;gap:12px;padding:26px 26px 22px;border:1px solid rgba(242,240,234,.14);border-radius:12px;background:#0e0d0b;text-decoration:none;color:#f2f0ea;transition:border-color .35s ease,transform .35s cubic-bezier(.2,.7,.2,1),background .35s ease}.pcard:hover{border-color:#e3b34199;transform:translateY(-5px);background:#12100b}.pcard-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.pcard-cat{font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#e3b341;border:1px solid rgba(227,179,65,.4);border-radius:999px;padding:4px 10px;white-space:nowrap}.pcard-date{font-family:JetBrains Mono,monospace;font-size:11px;color:#f2f0ea66;white-space:nowrap}.pcard-title{font-family:Anton,sans-serif;font-weight:400;text-transform:uppercase;font-size:clamp(22px,2.4vw,30px);line-height:1.1;letter-spacing:.01em;margin:2px 0 0;transition:color .3s ease}.pcard:hover .pcard-title{color:#e3b341}.pcard-teaser{font-size:14px;line-height:1.6;color:#f2f0ea99;margin:0}.pcard-more{margin-top:auto;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#f2f0ea80;transition:color .3s ease}.pcard:hover .pcard-more{color:#e3b341}.pcard.is-featured{margin-top:28px;padding:38px;border-color:#e3b34159;background:radial-gradient(120% 120% at 100% 0,rgba(227,179,65,.07),transparent 55%),#0e0d0b}.pcard.is-featured .pcard-title{font-size:clamp(30px,4.6vw,52px);max-width:18ch}.pcard.is-featured .pcard-teaser{font-size:16px;max-width:62ch}.related{border-top:1px solid rgba(242,240,234,.14);padding-top:52px;padding-bottom:80px}.relgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:22px}@keyframes pcardin{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.pcard.pfx{animation:pcardin .28s cubic-bezier(.2,.7,.2,1)}@media(max-width:760px){.pgrid{grid-template-columns:1fr}.pcard.is-featured{padding:26px}.relgrid{grid-template-columns:1fr}}.pcard-thumb{order:-1;display:grid;place-items:center;height:150px;border-radius:8px;border:1px solid rgba(242,240,234,.08);background:radial-gradient(90% 130% at 18% 0%,rgba(255,79,216,.13),transparent 55%),radial-gradient(90% 130% at 85% 100%,rgba(64,208,255,.11),transparent 55%),#0a0a0a;overflow:hidden}.pcard-thumb img{width:112px;transform:rotate(-4deg);filter:drop-shadow(0 12px 26px rgba(0,0,0,.55));transition:transform .5s cubic-bezier(.2,.7,.2,1)}.pcard:hover .pcard-thumb img{transform:rotate(3deg) scale(1.1)}.pgrid .pcard:nth-child(2n) .pcard-thumb img,.bloggrid .pcard:nth-child(2n) .pcard-thumb img{transform:rotate(4deg)}.pgrid .pcard:nth-child(2n):hover .pcard-thumb img,.bloggrid .pcard:nth-child(2n):hover .pcard-thumb img{transform:rotate(-3deg) scale(1.1)}.pcard.is-featured{display:grid;grid-template-columns:1.5fr 1fr;grid-template-areas:"top thumb" "title thumb" "teaser thumb" "more thumb";column-gap:38px;row-gap:12px;align-items:start}.pcard.is-featured .pcard-top{grid-area:top}.pcard.is-featured .pcard-title{grid-area:title}.pcard.is-featured .pcard-teaser{grid-area:teaser}.pcard.is-featured .pcard-more{grid-area:more;margin-top:8px}.pcard.is-featured .pcard-thumb{grid-area:thumb;height:100%;min-height:230px}.pcard.is-featured .pcard-thumb img{width:170px}.relgrid .pcard-thumb{height:110px}.relgrid .pcard-thumb img{width:84px}@media(max-width:760px){.pcard.is-featured{display:flex;flex-direction:column}.pcard.is-featured .pcard-thumb{width:100%;height:170px;min-height:0}.pcard.is-featured .pcard-thumb img{width:120px}}
