:root{--border-color:rgba(0,160,160,.382);--background-dark:#06111f}.bento-section{position:relative;-webkit-user-select:none;user-select:none}.card-grid{grid-gap:.5em;display:grid;font-size:clamp(1rem,.9rem + .5vw,1.5rem);gap:.5em;padding:.75em;width:100%}@media (max-width:599px){.card-grid{grid-template-columns:1fr;padding:.5em}}@media (min-width:600px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.card-grid{grid-template-columns:repeat(3,1fr)}}.magic-bento-card{--glow-x:50%;--glow-y:50%;--glow-intensity:0;--glow-radius:200px;--glow-color:0,217,165;background:#080e1ce6;border:none;border-radius:20px;box-shadow:inset 0 0 0 6px rgba(0,160,160,.382);box-shadow:inset 0 0 0 6px var(--border-color);cursor:default;display:flex;flex-direction:column;min-height:220px;overflow:hidden;padding:1.25em;position:relative;transform-style:preserve-3d;transition:transform .3s ease,box-shadow .3s ease;width:100%}.magic-bento-card:hover{transform:translateY(-3px)}.magic-bento-watermark{bottom:-.1em;font-size:4.5em;font-weight:900;letter-spacing:-.04em;line-height:1;pointer-events:none;position:absolute;right:-.05em;transform:translateX(0);transition:opacity .4s ease,transform .4s ease;-webkit-user-select:none;user-select:none;z-index:1}.magic-bento-card:hover .magic-bento-watermark{opacity:1;transform:translateX(-8px)}.magic-bento-card__header{display:flex;margin-bottom:.5em;position:relative;z-index:2}.magic-bento-card__tag{font-size:.8rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.magic-bento-card__body{display:flex;flex-direction:column;position:relative;transform:translateZ(20px);z-index:2}.magic-bento-card__title{color:#fff;font-size:clamp(1rem,1.2rem + .5vw,1.6rem);font-weight:700;line-height:1.3;margin:0 0 6px}.magic-bento-card__description{color:#ffffff73;font-size:.9rem;line-height:1.6;margin:0}.magic-bento-card--text-autohide .magic-bento-card__title{-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.magic-bento-card--text-autohide .magic-bento-card__description{-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.magic-bento-card--border-glow:after{background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y),rgba(var(--glow-color),calc(var(--glow-intensity)*.9)) 0,rgba(var(--glow-color),calc(var(--glow-intensity)*.4)) 30%,#0000 60%);border-radius:inherit;content:"";inset:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:6px;pointer-events:none;position:absolute;z-index:1}.magic-bento-card--border-glow:hover{box-shadow:inset 0 0 0 6px rgba(0,160,160,.382),0 4px 20px #0006;box-shadow:inset 0 0 0 6px var(--border-color),0 4px 20px #0006}.particle-container{overflow:hidden;position:relative}.particle:before{background:rgba(var(--glow-color),.2);border-radius:50%;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}.global-spotlight{mix-blend-mode:screen;pointer-events:none;will-change:transform,opacity}