.bento-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;min-height:60vh;padding:2rem 0;display:grid}.bento-card{opacity:0;border-radius:1.25rem;flex-direction:column;justify-content:flex-end;text-decoration:none;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s;animation:.5s forwards bentoFadeIn;display:flex;position:relative;overflow:hidden}.bento-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #00000040}.bento-large{grid-column:span 2;min-height:340px}.bento-medium{grid-column:span 1;min-height:320px}.bento-small{grid-column:span 1;min-height:260px}.bento-media{z-index:0;position:absolute;inset:0}.bento-video,.bento-image{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.22,1,.36,1)}.bento-card:hover .bento-video,.bento-card:hover .bento-image{transform:scale(1.04)}.bento-youtube{width:100%;height:100%;position:relative}.bento-play-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff3;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:background .2s,transform .2s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bento-card:hover .bento-play-btn{background:#ffffff59;transform:translate(-50%,-50%)scale(1.1)}.bento-play-icon{color:#fff;width:28px;height:28px;margin-left:3px}.bento-overlay{z-index:1;background:linear-gradient(#0000 0%,#0000000d 30%,#0006 60%,#000000d9 100%);transition:background .3s;position:absolute;inset:0}.bento-card:hover .bento-overlay{background:linear-gradient(#0000 0%,#0000001a 30%,#00000080 55%,#000000e6 100%)}.bento-content{z-index:2;flex-direction:column;gap:.5rem;padding:1.75rem;display:flex;position:relative}.bento-tech-tags{flex-wrap:wrap;gap:.375rem;display:flex}.bento-tag{letter-spacing:.04em;text-transform:uppercase;font-size:.65rem;font-weight:600;font-family:var(--font-jetbrains), monospace;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;background:#ffffff26;border:1px solid #ffffff1a;border-radius:999px;padding:.2rem .6rem;display:inline-block}.bento-title{font-family:var(--font-jetbrains), monospace;color:#fff;letter-spacing:-.02em;font-size:1.4rem;font-weight:700;line-height:1.2}.bento-large .bento-title{font-size:1.75rem}.bento-desc{font-family:var(--font-jetbrains), monospace;color:#ffffffb3;max-width:45ch;font-size:.8rem;line-height:1.5}@keyframes bentoFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-large{grid-column:span 2;min-height:340px}.bento-medium{min-height:320px}.bento-small{min-height:260px}}@media (max-width:640px){.bento-grid{grid-template-columns:1fr;gap:1rem;padding:1rem 0}.bento-large,.bento-medium,.bento-small{grid-column:span 1;min-height:280px}.bento-content{padding:1.25rem}.bento-title{font-size:1.15rem}.bento-large .bento-title{font-size:1.3rem}.bento-desc{font-size:.75rem}}@media (prefers-reduced-motion:reduce){.bento-card{opacity:1;animation:none}.bento-card:hover{transform:none}}