.magic-bento-grid{grid-template-columns:1fr;gap:20px;display:grid}@media (min-width:640px){.magic-bento-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.magic-bento-grid{grid-template-columns:repeat(4,1fr)}}.magic-bento-card{aspect-ratio:3/4;--glow-x:50%;--glow-y:50%;--glow-intensity:0;--glow-radius:200px;background:#0f172a;border:1px solid #ffffff2e;border-radius:20px;flex-direction:column;justify-content:flex-end;transition:box-shadow .3s;display:flex;position:relative;overflow:hidden}.magic-bento-card__image{object-fit:cover;object-position:top center;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.magic-bento-card__scrim{pointer-events:none;background:linear-gradient(#0000 45%,#0f172ae6 100%);position:absolute;inset:0}.magic-bento-card__content{z-index:2;color:#fff;pointer-events:none;padding:18px 20px;position:relative}.magic-bento-card__label{letter-spacing:.08em;text-transform:uppercase;opacity:.75;font-size:11px;font-weight:700}.magic-bento-card__title{margin:2px 0 0;font-size:17px;font-weight:700}.particle-container{position:relative;overflow:hidden}.particle:before{content:"";z-index:-1;background:#ec489940;border-radius:50%;position:absolute;inset:-2px}.magic-bento-card--border-glow:after{content:"";background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y), rgba(236, 72, 153, calc(var(--glow-intensity) * .8)) 0%, rgba(168, 85, 247, calc(var(--glow-intensity) * .5)) 35%, transparent 65%);border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;z-index:3;padding:3px;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: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}.magic-bento-card--border-glow:hover{box-shadow:0 20px 45px -20px #50288c66}.global-spotlight{mix-blend-mode:screen;will-change:transform, opacity;pointer-events:none;z-index:200!important}.bento-section{-webkit-user-select:none;user-select:none;position:relative}
.ribbons-container{width:100%;height:100%;position:relative}
.glass-surface{justify-content:center;align-items:center;transition:opacity .26s ease-out;display:flex;position:relative;overflow:hidden}.glass-surface__filter{pointer-events:none;opacity:0;z-index:-1;width:100%;height:100%;position:absolute;inset:0}.glass-surface__content{border-radius:inherit;z-index:1;justify-content:center;align-items:center;width:100%;height:100%;padding:.5rem;display:flex;position:relative}.glass-surface--svg{background:hsl(0 0% 100%/var(--glass-frost,0));-webkit-backdrop-filter:var(--filter-id,url(#glass-filter)) saturate(var(--glass-saturation,1));backdrop-filter:var(--filter-id,url(#glass-filter)) saturate(var(--glass-saturation,1));box-shadow:inset 0 0 2px 1px #ffffff59,inset 0 0 10px 4px #ffffff26,0 4px 16px #11111a0d,0 8px 24px #11111a0d,0 16px 56px #11111a0d,inset 0 4px 16px #11111a0d,inset 0 8px 24px #11111a0d,inset 0 16px 56px #11111a0d}.glass-surface--fallback{-webkit-backdrop-filter:blur(12px)saturate(1.8)brightness(1.2);background:#ffffff1a;border:1px solid #fff3;box-shadow:inset 0 1px #fff3,inset 0 -1px #ffffff1a}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.glass-surface--fallback{background:#0006}.glass-surface--fallback:before{content:"";border-radius:inherit;z-index:-1;background:#ffffff0d;position:absolute;inset:0}}.glass-surface:focus-visible{outline-offset:2px;outline:2px solid #0a84ff}
.pixel-card{isolation:isolate;-webkit-user-select:none;user-select:none;place-items:center;transition:border-color .2s cubic-bezier(.5,1,.89,1);display:grid;position:relative;overflow:hidden}.pixel-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.pixel-card:before{content:"";aspect-ratio:1;opacity:0;background:radial-gradient(circle,#a855f726,#0000 85%);margin:auto;transition:opacity .8s cubic-bezier(.5,1,.89,1);position:absolute;inset:0}.pixel-card:hover:before,.pixel-card:focus-within:before{opacity:1}
.darkveil-canvas{width:100%;height:100%;display:block}