.bcover{--grain-ink:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.15  0 0 0 0 0.13  0 0 0 0 0.1  0 0 0 .9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");isolation:isolate;aspect-ratio:16/10;border-radius:var(--r-4);background:var(--surface);position:relative;overflow:hidden;container-type:inline-size}.bcover:before{content:"";z-index:0;background-image:var(--grain-ink);opacity:.05;mix-blend-mode:multiply;pointer-events:none;background-size:180px;position:absolute;inset:0}.bcover:after{content:"";z-index:2;border-radius:inherit;box-shadow:inset 0 0 0 1px var(--line);pointer-events:none;position:absolute;inset:0}.bcover--feature{border-radius:var(--r-5)}.bcover--article{aspect-ratio:16/9;border-radius:var(--r-5)}.bcover__bg{z-index:0;width:100%;height:100%;color:var(--brand-dark);position:absolute;inset:0}.bcover__bg path{fill:none;stroke:currentColor;stroke-width:1px;vector-effect:non-scaling-stroke;opacity:.13}.bcover__fig{z-index:1;width:44%;color:var(--fg-secondary);position:absolute;top:48%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.bcover--feature .bcover__fig{width:36%}.bcover--article .bcover__fig{width:30%}.bcover__ln,.bcover__soft,.bcover__dash,.bcover__accent-ln{fill:none;stroke:currentColor;stroke-width:1.25px;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.bcover__soft,.bcover__dash{opacity:.4}.bcover__dash{stroke-dasharray:2 5}.bcover__accent-ln{stroke:var(--action);stroke-width:2px}.bcover__ink{fill:currentColor}.bcover__hollow{fill:var(--surface);stroke:currentColor;stroke-width:1.25px;vector-effect:non-scaling-stroke}.bcover__accent{fill:var(--action);transform-box:fill-box;transform-origin:50%;transition:transform .7s var(--ease-spring)}.bcover__n,.bcover__f{z-index:2;left:clamp(var(--s-3), 5cqw, 22px);font-size:var(--text-12);font-weight:var(--fw-semibold);line-height:1;position:absolute}.bcover__n{top:clamp(var(--s-3), 5cqw, 22px);color:var(--fg-subtle);font-variant-numeric:tabular-nums}.bcover__f{bottom:clamp(var(--s-3), 5cqw, 22px);color:var(--fg-secondary)}@container (max-width:180px){.bcover__n,.bcover__f{display:none}.bcover__fig{width:76%;top:50%}}@media (hover:hover){.bcard:hover .bcover__accent{transform:scale(1.45)}}@media (prefers-reduced-motion:reduce){.bcover__accent{transition:none}}
.bcard{border-radius:var(--r-4);min-width:0;color:var(--fg);gap:14px;text-decoration:none;display:grid}.bcard:focus-visible{outline:var(--focus-line);outline-offset:var(--focus-offset)}.bcard__body{gap:var(--s-1);align-content:start;min-width:0;display:grid}.bcard__cat{font-size:var(--text-14);font-weight:var(--fw-bold);color:var(--action)}.bcard__title{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--text-20);letter-spacing:var(--tracking-tight);text-wrap:balance;transition:color .3s var(--ease-state);margin:0;line-height:1.2}.bcard__desc{-webkit-line-clamp:2;margin:var(--s-1) 0 0;font-size:var(--text-16);color:var(--fg-muted);-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.bcard__meta{margin:var(--s-1) 0 0;font-size:var(--text-14);color:var(--fg-subtle)}@media (hover:hover){.bcard:hover .bcard__title{color:var(--action-hover)}}.bcard--item{gap:var(--s-4);border-bottom:1px solid var(--line);border-radius:0;grid-template-columns:104px minmax(0,1fr);align-items:start;padding-block:18px}.bcard--item .bcard__cover{aspect-ratio:1;border-radius:var(--r-3)}.bcard--item .bcard__title{font-size:var(--text-16);line-height:1.25}.bcard--item .bcard__desc{display:none}.bcard--feature{gap:18px}.bcard--feature .bcard__body{gap:var(--s-3)}.bcard--feature .bcard__title{font-weight:var(--fw-heavy);font-size:var(--text-25);letter-spacing:var(--tracking-tighter);line-height:1.12}.bcard--feature .bcard__desc{font-size:var(--text-16);color:var(--fg-secondary);display:block}@media (min-width:1024px){.bcard--item{border-radius:var(--r-4);border-bottom:0;grid-template-columns:1fr;gap:14px;padding:0}.bcard--item .bcard__cover{aspect-ratio:16/10;border-radius:var(--r-4)}.bcard--item .bcard__title{font-size:var(--text-20);line-height:1.2}.bcard--item .bcard__desc{display:-webkit-box}.bcard--feature{gap:var(--s-10);grid-template-columns:7fr 5fr;align-items:center}.bcard--feature .bcard__title{font-size:var(--text-39)}.bcard--feature .bcard__desc{font-size:var(--text-20)}}