.ea-bento-grid{-webkit-user-select:none;-moz-user-select:none;user-select:none;gap:1rem;display:grid;position:relative}.ea-bento-card{--glow-x:50%;--glow-y:50%;--glow-intensity:0;--glow-radius:200px;background:#16332a;border:1px solid #27473b;border-radius:1rem;flex-direction:column;justify-content:space-between;width:100%;min-height:220px;padding:2rem;transition:transform .3s,box-shadow .3s,background-color .3s;display:flex;position:relative;overflow:hidden}.ea-bento-card:hover{background:#1e3c30;transform:translateY(-2px);box-shadow:0 8px 25px #00000040}.ea-bento-card--border-glow:after{content:"";background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y), rgba(var(--glow-color), calc(var(--glow-intensity) * .8)) 0%, rgba(var(--glow-color), calc(var(--glow-intensity) * .4)) 30%, transparent 60%);border-radius:inherit;-webkit-mask-composite:xor;-webkit-mask-composite:xor;pointer-events:none;z-index:1;padding:4px;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#fff 0,#fff 0),linear-gradient(#fff 0,#fff 0);mask-image:linear-gradient(#fff 0,#fff 0),linear-gradient(#fff 0,#fff 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:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.ea-bento-card--border-glow:hover{box-shadow:0 4px 20px #0000004d, 0 0 30px rgba(var(--glow-color), .15)}.ea-bento-card__body{z-index:2;position:relative}.ea-bento-card__art{z-index:2;border:1px solid #1e3c30;border-radius:.75rem;flex:auto;min-height:160px;margin-top:2rem;position:relative;overflow:hidden}.ea-bento-particle-container{position:relative;overflow:hidden}.ea-bento-particle:before{content:"";z-index:-1;background:#57b48a33;border-radius:50%;position:absolute;top:-2px;bottom:-2px;left:-2px;right:-2px}.ea-bento-spotlight{mix-blend-mode:screen;will-change:transform, opacity;pointer-events:none}@media (min-width:1024px){.ea-bento-grid{grid-auto-rows:1fr}.ea-bento-grid--3{grid-template-columns:repeat(3,1fr)}.ea-bento-grid--3 .ea-bento-card:first-child{grid-area:span 2/span 2}.ea-bento-grid--3 .ea-bento-card:nth-child(2),.ea-bento-grid--3 .ea-bento-card:nth-child(3){grid-column:3}.ea-bento-grid--4{grid-template-columns:repeat(4,1fr)}.ea-bento-grid--4 .ea-bento-card:first-child{grid-area:span 2/span 2}.ea-bento-grid--4 .ea-bento-card:nth-child(2){grid-column:3/span 2}.ea-bento-grid--4 .ea-bento-card:nth-child(3){grid-column:3}.ea-bento-grid--4 .ea-bento-card:nth-child(4){grid-column:4}}@media (prefers-reduced-motion:reduce){.ea-bento-card,.ea-bento-card:hover{transition:none;transform:none}}
.ea-spotlight-card{--mouse-x:50%;--mouse-y:50%;--spotlight-color:#57b48a2e;position:relative;overflow:hidden}.ea-spotlight-card:before{content:"";background:radial-gradient(circle at var(--mouse-x) var(--mouse-y), var(--spotlight-color), transparent 80%);opacity:0;pointer-events:none;z-index:0;transition:opacity .5s;position:absolute;top:0;bottom:0;left:0;right:0}.ea-spotlight-card:hover:before,.ea-spotlight-card:focus-within:before{opacity:.6}.ea-spotlight-card>*{z-index:1;position:relative}.ea-spotlight-card--tilt{--tilt-x:0deg;--tilt-y:0deg;transform:perspective(800px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-style:preserve-3d;will-change:transform;transition:transform .4s ease-out}.ea-spotlight-card--tilt:hover{transition:transform 50ms linear}@media (prefers-reduced-motion:reduce){.ea-spotlight-card:before{transition:none}.ea-spotlight-card--tilt{transition:none;transform:none}}