:root{--pb-glow-rgb:59, 130, 246;--pb-border-dark:#ffffff1a;--pb-card-dark:#0b173599}.projects-bento{-webkit-user-select:none;user-select:none;grid-template-columns:repeat(2,1fr);grid-auto-rows:auto;gap:1rem;display:grid;position:relative}@media (width>=600px){.projects-bento{gap:1.5rem}}@media (width>=1024px){.projects-bento{grid-template-columns:repeat(4,1fr);grid-auto-rows:auto}.projects-bento-card--large-right,.projects-bento-card--large-left{grid-area:span 2/span 2}.projects-bento-card--large-left{grid-column:1/span 2}}.projects-bento-card{aspect-ratio:1;--pb-card-radius:20px;border-radius:var(--pb-card-radius);background:var(--pb-card-dark);width:100%;clip-path:inset(0 round var(--pb-card-radius));will-change:transform;--glow-x:50%;--glow-y:50%;--glow-intensity:0;--glow-radius:200px;transition:box-shadow .3s,opacity .7s;display:block;position:relative;overflow:hidden}.projects-bento-card:before{content:"";border:1px solid var(--pb-border-dark);border-radius:inherit;pointer-events:none;z-index:3;clip-path:inset(0 round var(--pb-card-radius));position:absolute;inset:0}.projects-bento-card:hover{box-shadow:0 4px 20px rgba(var(--pb-glow-rgb), .25), 0 0 30px rgba(var(--pb-glow-rgb), .18)}.projects-bento-card__media{z-index:0;border-radius:inherit;position:absolute;inset:0;overflow:hidden}.projects-bento-card__image{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.projects-bento-card__overlay{z-index:1;pointer-events:none;opacity:.85;background:linear-gradient(#00000059 0%,#0000001a 30%,#0000 60%,#0003 100%);transition:opacity .3s;position:absolute;inset:0}.projects-bento-card:hover .projects-bento-card__overlay{opacity:1}.projects-bento-card__reveal{z-index:2;color:#fff;-webkit-backdrop-filter:blur(14px)saturate(140%);opacity:0;pointer-events:none;background:#080e20b8;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem .9rem;transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .35s;display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}@media (width>=1024px){.projects-bento-card--large-right .projects-bento-card__reveal,.projects-bento-card--large-left .projects-bento-card__reveal{padding:1rem 1.25rem}}.projects-bento-card:hover .projects-bento-card__reveal,.projects-bento-card:focus-visible .projects-bento-card__reveal{opacity:1;transform:translateY(0)}.projects-bento-card__reveal-text{flex-direction:column;gap:4px;min-width:0;display:flex}.projects-bento-card__title{color:#fff;letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}@media (width>=1024px){.projects-bento-card--large-right .projects-bento-card__title,.projects-bento-card--large-left .projects-bento-card__title{font-size:16px}}.projects-bento-card__meta{letter-spacing:.18em;text-transform:uppercase;color:#60a5fa;align-items:center;gap:8px;font-size:10px;font-weight:600;display:inline-flex}.projects-bento-card__dot{background:#60a5fa;border-radius:50%;flex-shrink:0;width:6px;height:6px;box-shadow:0 0 6px #60a5fa99}.projects-bento-card__cta{width:40px;height:40px;color:inherit;flex-shrink:0;justify-content:center;align-items:center;transition:transform .3s;display:inline-flex}.projects-bento-card:hover .projects-bento-card__cta{transform:translate(4px)}@media (hover:none){.projects-bento-card__reveal{opacity:1;transform:translateY(0)}}@media (width<=599px){.projects-bento-card__reveal{gap:.5rem;padding:.35rem .6rem}.projects-bento-card__cta{display:none}}.projects-bento-card--border-glow:after{content:"";background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y), rgba(var(--pb-glow-rgb), calc(var(--glow-intensity) * .95)) 0%, rgba(var(--pb-glow-rgb), calc(var(--glow-intensity) * .45)) 30%, transparent 60%);border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;opacity:1;z-index:3;clip-path:inset(0 round var(--pb-card-radius));background-origin:border-box;background-clip:border-box;border:1px solid #0000;transition:opacity .3s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:padding-box,border-box;mask-clip:padding-box,border-box;-webkit-mask-origin:padding-box,border-box;mask-origin:padding-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.projects-bento-card .pb-particle{background:rgba(var(--pb-glow-rgb), 1);width:4px;height:4px;box-shadow:0 0 6px rgba(var(--pb-glow-rgb), .6);pointer-events:none;z-index:4;border-radius:50%;position:absolute}.projects-bento-card .pb-ripple{background:radial-gradient(circle, rgba(var(--pb-glow-rgb), .4) 0%, rgba(var(--pb-glow-rgb), .2) 30%, transparent 70%);pointer-events:none;z-index:5;border-radius:50%;position:absolute}.pb-global-spotlight{pointer-events:none;z-index:10;opacity:0;mix-blend-mode:screen;will-change:transform, opacity, left, top;background:radial-gradient(circle, rgba(var(--pb-glow-rgb), .2) 0%, rgba(var(--pb-glow-rgb), .12) 18%, rgba(var(--pb-glow-rgb), .06) 35%, rgba(var(--pb-glow-rgb), .025) 55%, transparent 75%);border-radius:50%;width:460px;height:460px;position:fixed;transform:translate(-50%,-50%)}html:not(.dark) .projects-bento-card{-webkit-backdrop-filter:blur(16px)saturate(135%);background:#ffffffc7;box-shadow:0 18px 42px #004e581f,inset 0 1px #ffffff9e,inset 0 -1px #07142f14}html:not(.dark) .projects-bento-card:before{border-color:#ffffff9e}html:not(.dark) .projects-bento-card:hover{box-shadow:0 4px 20px rgba(var(--pb-glow-rgb), .3), 0 0 30px rgba(var(--pb-glow-rgb), .2)}html:not(.dark) .projects-bento-card__overlay{opacity:0;background:0 0}html:not(.dark) .projects-bento-card__reveal{color:#07142f;background:#ffffffc7;border-top:1px solid #07142f14}html:not(.dark) .projects-bento-card__title{color:#07142f}