.bp-card{position:relative;display:flex;flex-direction:column;border:1px solid hsl(var(--border));border-radius:12px;background:hsl(var(--background));overflow:hidden;transition:border-color .2s,transform .2s,box-shadow .2s;min-height:280px}.bp-card__link{display:flex;flex-direction:column;flex:1;min-height:0;color:inherit;text-decoration:none}.bp-card:hover{border-color:hsl(var(--foreground))}.bp-card__index{position:absolute;top:14px;right:14px;z-index:2;font-family:GeistMono,ui-monospace,monospace;font-size:11px;color:#fff;background:#0000008c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:2px 8px;border-radius:999px;letter-spacing:.04em}.bp-card__media{position:relative;aspect-ratio:16 / 9;overflow:hidden;border-bottom:1px solid hsl(var(--border));background:radial-gradient(120% 80% at 80% 0%,var(--brand-accent-soft) 0%,transparent 55%),linear-gradient(180deg,hsl(var(--background-alt)),hsl(var(--background)));flex-shrink:0}.dark .bp-card__media{background:radial-gradient(120% 80% at 80% 0%,var(--brand-accent-soft) 0%,transparent 55%),linear-gradient(180deg,#1c1c1c,#121212)}.bp-card__media:before{content:"";position:absolute;inset:0;background-image:linear-gradient(to right,hsl(var(--border)) 1px,transparent 1px),linear-gradient(to bottom,hsl(var(--border)) 1px,transparent 1px);background-size:48px 48px;background-position:-1px -1px;opacity:.55;mask-image:radial-gradient(120% 80% at 50% 60%,#000 30%,transparent 85%);-webkit-mask-image:radial-gradient(120% 80% at 50% 60%,#000 30%,transparent 85%);pointer-events:none}.bp-card__media:has(.bp-card__img):before{display:none}.bp-card__filemeta{position:absolute;left:14px;bottom:12px;z-index:2;display:inline-flex;align-items:center;gap:6px;font-family:GeistMono,ui-monospace,monospace;font-size:10.5px;color:hsl(var(--foreground-subtle));letter-spacing:.02em}.bp-card__filemeta:before{content:"";width:4px;height:4px;border-radius:50%;background:hsl(var(--foreground-subtle))}.bp-card__glyph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:1;font-family:GeistMono,ui-monospace,monospace;font-weight:600;font-size:clamp(28px,6vw,56px);letter-spacing:-.02em;color:hsl(var(--foreground));opacity:.08;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:center;padding:0 24px}.dark .bp-card__glyph{opacity:.14}.bp-card__crop{position:absolute;width:10px;height:10px;border-color:hsl(var(--border-strong));border-style:solid;border-width:0}.bp-card__crop--tl{top:8px;left:8px;border-top-width:1px;border-left-width:1px}.bp-card__crop--tr{top:8px;right:8px;border-top-width:1px;border-right-width:1px}.bp-card__crop--bl{bottom:8px;left:8px;border-bottom-width:1px;border-left-width:1px}.bp-card__crop--br{bottom:8px;right:8px;border-bottom-width:1px;border-right-width:1px}.bp-card[data-tone=green] .bp-card__glyph{color:var(--brand-accent);opacity:.18}.bp-card[data-tone=slate] .bp-card__media{background:radial-gradient(120% 80% at 20% 0%,rgba(99,102,241,.1) 0%,transparent 55%),linear-gradient(180deg,hsl(var(--background-alt)),hsl(var(--background)))}.dark .bp-card[data-tone=slate] .bp-card__media{background:radial-gradient(120% 80% at 20% 0%,rgba(99,102,241,.18) 0%,transparent 55%),linear-gradient(180deg,#1c1c1c,#121212)}.bp-card[data-tone=amber] .bp-card__media{background:radial-gradient(120% 80% at 80% 0%,rgba(245,158,11,.1) 0%,transparent 55%),linear-gradient(180deg,hsl(var(--background-alt)),hsl(var(--background)))}.dark .bp-card[data-tone=amber] .bp-card__media{background:radial-gradient(120% 80% at 80% 0%,rgba(245,158,11,.2) 0%,transparent 55%),linear-gradient(180deg,#1c1c1c,#121212)}.bp-card__img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:1}.bp-card__inner{display:flex;flex-direction:column;flex:1;padding:22px}.bp-card__category{display:inline-flex;align-items:center;gap:8px;font-family:GeistMono,ui-monospace,monospace;font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:hsl(var(--foreground-muted));margin-bottom:16px}.bp-card__category:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--brand-accent);box-shadow:0 0 0 3px var(--brand-accent-soft)}.bp-card__title{font-size:20px;font-weight:600;line-height:1.25;letter-spacing:-.015em;color:hsl(var(--foreground));margin:0 0 12px;transition:color .15s;text-wrap:balance}.bp-card:hover .bp-card__title{color:var(--brand-accent)}.bp-card__excerpt{font-size:14.5px;line-height:1.55;color:hsl(var(--foreground-muted));margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-wrap:pretty}.bp-card__foot{margin-top:auto;padding-top:24px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:GeistMono,ui-monospace,monospace;font-size:12px;color:hsl(var(--foreground-subtle))}.bp-card__foot-left{display:flex;align-items:center;gap:10px}.bp-card__sep{opacity:.6}.bp-card__read-link{display:inline-flex;align-items:center;gap:6px;color:hsl(var(--foreground-muted));transition:color .15s,gap .15s}.bp-card:hover .bp-card__read-link{color:var(--brand-accent);gap:10px}.bp-card--featured{grid-column:span 2;min-height:340px}@media (max-width: 640px){.bp-card--featured{grid-column:span 1}}.bp-card--featured .bp-card__link{flex-direction:row}.bp-card--featured .bp-card__media{aspect-ratio:auto;width:52%;border-bottom:0;border-right:1px solid hsl(var(--border));flex-shrink:0}.bp-card--featured .bp-card__glyph{font-size:clamp(48px,7vw,84px)}.bp-card--featured .bp-card__inner{padding:32px;flex:1}.bp-card--featured .bp-card__title{font-size:clamp(24px,2.6vw,30px);margin-bottom:16px}.bp-card--featured .bp-card__excerpt{font-size:16px;-webkit-line-clamp:4}@media (max-width: 760px){.bp-card--featured .bp-card__link{flex-direction:column}.bp-card--featured .bp-card__media{width:100%;aspect-ratio:16 / 9;border-right:0;border-bottom:1px solid hsl(var(--border))}}.bp-card__badge{position:absolute;top:14px;right:14px;z-index:2;display:inline-flex;align-items:center;gap:6px;font-family:GeistMono,ui-monospace,monospace;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;padding:3px 10px;border-radius:999px;color:var(--brand-accent);background:hsl(var(--background));border:1px solid var(--brand-accent-ring);box-shadow:0 0 0 3px var(--brand-accent-soft)}.bp-card__badge:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--brand-accent);box-shadow:0 0 6px var(--brand-accent-ring)}