.ww-bento__grid{list-style:none;margin:0;padding:0;display:grid;gap:var(--ww-sp-4);grid-template-columns:1fr}
@media (min-width:700px){.ww-bento__grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.ww-bento__grid{grid-template-columns:repeat(3,1fr)}.ww-bento__grid>:first-child{grid-column:span 2}.ww-bento__grid>:nth-child(6){grid-column:1/-1}}
.ww-card{position:relative;border:1px solid var(--ww-border);border-radius:var(--ww-radius);background:var(--ww-surface);transition:border-color var(--ww-dur) var(--ww-ease),opacity var(--ww-dur-slow) var(--ww-ease) var(--d,0ms),transform var(--ww-dur-slow) var(--ww-ease) var(--d,0ms);overflow:hidden}
.ww-card::before{content:"";position:absolute;inset:0;background:radial-gradient(360px circle at var(--mx,50%) var(--my,0%),rgba(225,29,46,.18),transparent 60%);opacity:0;transition:opacity var(--ww-dur);pointer-events:none}
.ww-card:hover,.ww-card:focus-within{border-color:var(--ww-red)}
.ww-card:hover::before,.ww-card:focus-within::before{opacity:1}
.ww-card__link{position:relative;display:flex;flex-direction:column;gap:var(--ww-sp-3);height:100%;box-sizing:border-box;padding:var(--ww-sp-8);text-decoration:none;color:inherit;min-height:240px}
.ww-card .ww-icon{color:var(--ww-red);width:32px;height:32px;margin-bottom:auto;transition:transform var(--ww-dur) var(--ww-ease)}
.ww-card:hover .ww-icon{transform:translate(2px,-2px)}
.ww-card__no{position:absolute;top:var(--ww-sp-6);right:var(--ww-sp-6);font-family:var(--ww-font-mono);font-size:var(--ww-fs-xs);color:var(--ww-muted);letter-spacing:.1em}
.ww-card__title{font-family:var(--ww-font-display);font-weight:800;font-size:clamp(1.75rem,1.4rem + 1vw,2.25rem);text-transform:uppercase;line-height:1;margin:var(--ww-sp-8) 0 0}
.ww-card__text{color:var(--ww-muted);margin:0;max-width:36rem}
.ww-js .ww-card.ww-reveal{transition:border-color var(--ww-dur) var(--ww-ease),opacity var(--ww-dur-slow) var(--ww-ease) var(--d,0ms),transform var(--ww-dur-slow) var(--ww-ease) var(--d,0ms)}