.bento[data-v-f1a2d8f0]{gap:var(--space-4);margin:0;padding:0;list-style:none;display:grid}li[data-v-f1a2d8f0]{--mx:50%;--my:50%;--glow:0;--rx:0deg;--ry:0deg;display:grid}li[data-v-f1a2d8f0]:nth-child(4n+1){--stage:var(--violet-700)}li[data-v-f1a2d8f0]:nth-child(4n+2),li[data-v-f1a2d8f0]:first-child{--stage:var(--lime-500)}li[data-v-f1a2d8f0]:nth-child(4n+3){--stage:var(--pink-500)}li[data-v-f1a2d8f0]:nth-child(4n+4){--stage:var(--neutral-700)}li[data-v-f1a2d8f0]:nth-child(2){--stage:var(--violet-700)}.glow>li[data-v-f1a2d8f0]>.tile{isolation:isolate;transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry));position:relative}.glow>li[data-v-f1a2d8f0]>.tile:before,.glow>li[data-v-f1a2d8f0]>.tile:after{content:"";z-index:-1;border-radius:inherit;pointer-events:none;opacity:var(--glow);position:absolute;inset:0}.glow>li[data-v-f1a2d8f0]>.tile:before{background:radial-gradient(30rem circle at var(--mx) var(--my), color-mix(in srgb, var(--violet-500) 30%, transparent), transparent 60%)}.glow>li[data-v-f1a2d8f0]>.tile:after{background:radial-gradient(24rem circle at var(--mx) var(--my), var(--pink-500), var(--violet-500) 40%, transparent 75%);padding:2px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}@media (width>=768px){.bento[data-v-f1a2d8f0]{grid-template-columns:repeat(2,minmax(0,1fr))}li[data-v-f1a2d8f0]:first-child{grid-column:1/-1}}@media (width>=1024px){.bento[data-v-f1a2d8f0]{grid-template-columns:repeat(3,minmax(0,1fr))}li[data-v-f1a2d8f0]:first-child{--frame-ratio:auto;--card-title:var(--text-h2);grid-area:span 2/span 2}li[data-v-f1a2d8f0]:first-child>.tile{grid-template-rows:minmax(22rem,1fr) auto}li[data-v-f1a2d8f0]:nth-child(5){--frame-ratio:auto;grid-column:span 2}li[data-v-f1a2d8f0]:nth-child(5)>.tile{column-gap:var(--space-5);grid-template-rows:minmax(14rem,1fr);grid-template-columns:repeat(2,minmax(0,1fr));align-items:center}li[data-v-f1a2d8f0]:nth-child(5)>.tile>:first-child{align-self:stretch}}