.magic-bento-grid{--glow-color:115, 196, 238;--glow-x:50%;--glow-y:50%;--spotlight-x:50%;--spotlight-y:50%;--spotlight-radius:260px;--spotlight-opacity:0;isolation:isolate;perspective:1200px;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(275px,1fr);gap:18px;display:grid;position:relative}.magic-bento-grid:before{background:radial-gradient(circle var(--spotlight-radius) at var(--spotlight-x) var(--spotlight-y), rgba(var(--glow-color), .12), transparent 68%);content:"";opacity:var(--spotlight-opacity);pointer-events:none;z-index:3;transition:opacity .35s;position:absolute;inset:-20px}.magic-bento-card{--glow-intensity:0;--glow-x:50%;--glow-y:50%;color:#f5fbff;isolation:isolate;min-height:275px;transform-style:preserve-3d;background:#081d2d;border:1px solid #a9d6ef3d;flex-direction:column;grid-area:span 1/span 1;transition:border-color .35s,box-shadow .35s,transform .35s;display:flex;position:relative;overflow:hidden}.magic-bento-card--featured{grid-area:span 2/span 2;min-height:566px}.magic-bento-card__image,.magic-bento-card__shade,.magic-bento-card__particles{pointer-events:none;position:absolute;inset:0}.magic-bento-card__image{z-index:-3;background:#102f47}.magic-bento-card__image img{filter:none;object-fit:cover;opacity:1;width:100%;height:100%;transition:opacity .5s,transform .7s cubic-bezier(.22,.61,.36,1);transform:scale(1.015)}.magic-bento-card__shade{z-index:-2;background:linear-gradient(#081d2d0a 14%,#081d2d1f 40%,#081d2d9e 72%,#081d2de0 100%)}.magic-bento-card__header,.magic-bento-card__content{z-index:2;display:flex;position:relative}.magic-bento-card__header{color:#e1f2fbc2;font-family:var(--font-home-mono), monospace;letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;padding:25px 27px;font-size:14px}.magic-bento-card__content{flex-direction:column;flex:1;justify-content:end;padding:27px}.magic-bento-card__content p{color:#a8c8d9;font-family:var(--font-home-mono), monospace;letter-spacing:.13em;text-transform:uppercase;text-shadow:0 2px 10px #00000057;margin:0 0 12px;font-size:14px}.magic-bento-card__content h3{color:#f5fbff;font-family:var(--font-home-display), var(--font-display), sans-serif;letter-spacing:-.045em;text-shadow:0 3px 16px #0000006b;max-width:90%;margin:0;font-size:clamp(34px,2.85vw,54px);font-weight:500;line-height:.98}.magic-bento-card:not(.magic-bento-card--featured) .magic-bento-card__content h3{font-size:clamp(28px,2.05vw,38px)}.magic-bento-card__footer{justify-content:space-between;align-items:end;gap:24px;margin-top:20px;display:flex}.magic-bento-card__description{color:#e1f2fbbd;text-shadow:0 2px 10px #00000061;max-width:74%;font-size:15px;line-height:1.45}.magic-bento-card__link{color:#d9effb;font-family:var(--font-home-mono), monospace;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 2px 10px #00000061;white-space:nowrap;font-size:14px}.magic-bento-card__particles{z-index:1}.magic-bento-particle{box-shadow:0 0 8px rgba(var(--glow-color), .82);opacity:0;background:#a7def8;border-radius:50%;width:3px;height:3px;position:absolute;transform:scale(0)}.magic-bento-card--border-glow:after{background:radial-gradient(circle 170px at var(--glow-x) var(--glow-y), rgba(var(--glow-color), calc(var(--glow-intensity) * .7)), transparent 72%);content:"";opacity:.95;pointer-events:none;z-index:4;-webkit-mask-composite:xor;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-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}:is(.magic-bento-card:hover,.magic-bento-card:focus-visible,.magic-bento-card.is-hovered){border-color:#a6ddf985;outline:none;transform:translateY(-3px);box-shadow:0 12px 32px #04162329}:is(.magic-bento-card:hover .magic-bento-card__image img,.magic-bento-card:focus-visible .magic-bento-card__image img,.magic-bento-card.is-hovered .magic-bento-card__image img){filter:none;opacity:1;transform:scale(1.045)}.magic-bento-card--text-autohide .magic-bento-card__description{opacity:0;max-height:0;transition:max-height .35s,opacity .35s,transform .35s;overflow:hidden;transform:translateY(8px)}:is(.magic-bento-card--text-autohide:hover .magic-bento-card__description,.magic-bento-card--text-autohide:focus-visible .magic-bento-card__description){opacity:1;max-height:48px;transform:translateY(0)}.magic-bento-ripple{background:radial-gradient(circle, rgba(var(--glow-color), .38) 0%, rgba(var(--glow-color), .14) 34%, transparent 70%);pointer-events:none;z-index:5;border-radius:50%;position:absolute}@media (max-width:980px){.magic-bento-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.magic-bento-card--featured{grid-area:span 1/span 2;min-height:430px}}@media (max-width:680px){.magic-bento-grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:10px;display:grid}.magic-bento-card,.magic-bento-card--featured{grid-area:span 1/span 1;min-height:340px}.magic-bento-card__content{padding:23px}.magic-bento-card__header{padding:19px 23px}.magic-bento-card__content h3,.magic-bento-card:not(.magic-bento-card--featured) .magic-bento-card__content h3{font-size:29px}.magic-bento-card__description{max-width:74%}}@media (prefers-reduced-motion:reduce){.magic-bento-card,.magic-bento-card__image img{transition:none}}