.bento-card{position:relative;transition:box-shadow .22s ease;color:inherit;text-decoration:none}.bento-card[data-link]:hover{box-shadow:var(--shadow-md);cursor:pointer}.bento-illo,.bento-illo *{animation-play-state:paused!important}:is(.bento-card:hover,.bento-card.in-view) .bento-illo,:is(.bento-card:hover,.bento-card.in-view) .bento-illo *{animation-play-state:running!important}@media (prefers-reduced-motion:reduce){:is(.bento-card:hover,.bento-card.in-view) .bento-illo,:is(.bento-card:hover,.bento-card.in-view) .bento-illo *{animation-play-state:paused!important}}.bento-illo{position:relative;overflow:hidden;height:100%;display:flex;align-items:center;justify-content:center}.bento-illo:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,var(--border-subtle) 1px,transparent 0);background-size:12px 12px;pointer-events:none;z-index:0}.bento-feature-card{display:flex;flex-direction:column;border:var(--border-width-thin) solid var(--border-muted);overflow:hidden}.bento-card-header{padding:var(--spacing-lg)}.bento-card-title{font-family:var(--system-mono-font);font-size:var(--type-body);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0;flex:1}.bento-card-description{font-size:var(--type-body);line-height:var(--line-height-relaxed);margin:0}.bento-illo-wrap{margin-top:auto;margin-left:var(--spacing-lg);margin-right:var(--spacing-lg);margin-bottom:var(--spacing-lg);aspect-ratio:16/9;min-height:var(--bento-illo-min-height,160px)}