.card-grid{gap:1rem;width:100%;height:100%;min-height:0;display:grid}.magic-bento-card{isolation:isolate;--glow-x:50%;--glow-y:50%;--glow-intensity:0;--glow-radius:200px;--glow-color:246, 169, 38;background:#120f17;border:1px solid #2f293a99;border-radius:20px;flex-direction:column;justify-content:flex-end;width:100%;font-weight:300;transition:transform .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.magic-bento-card:hover{box-shadow:0 12px 32px #14101e59}.magic-bento-card__image{object-fit:cover;z-index:0;transition:transform .6s ease-out}.magic-bento-card:hover .magic-bento-card__image{transform:scale(1.05)}.magic-bento-card__shade{z-index:1;pointer-events:none;background:linear-gradient(#0000 22%,#0f0c172e 45%,#0f0c178c 72%,#0f0c17e0 100%);position:absolute;inset:0}.magic-bento-card__content{z-index:2;flex-direction:column;gap:.35rem;margin-top:auto;padding:.95rem 1.1rem;display:flex;position:relative}.magic-bento-card__title{color:#fff;font-family:var(--font-luckiest-guy,"Luckiest Guy"), system-ui, sans-serif;letter-spacing:.02em;text-shadow:0 2px 8px #0000008c;margin:0;font-size:clamp(1rem,.85rem + .5vw,1.35rem);line-height:1.05}.magic-bento-card__accent{opacity:.95;background:currentColor;border-radius:999px;width:1.75rem;height:3px;margin-bottom:.15rem;display:block;box-shadow:0 0 12px}.magic-bento-card__description{color:#ffffffeb;text-shadow:0 1px 4px #0000008c;max-width:22rem;margin:0;font-size:.85rem;line-height:1.35}.magic-bento-card--text-autohide .magic-bento-card__description{text-overflow:ellipsis;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (width<=599px){.card-grid{grid-template-columns:1fr}.magic-bento-card{aspect-ratio:4/3;min-height:200px}}@media (width>=600px) and (width<=1023px){.card-grid{grid-template-columns:repeat(2,1fr)}.magic-bento-card{aspect-ratio:4/3;min-height:240px}}@media (width>=1024px){.card-grid{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(4,minmax(0,1fr))}.magic-bento-card{aspect-ratio:auto;height:100%;min-height:0}.magic-bento-card[data-size=hero]{grid-area:span 2/span 2}.magic-bento-card[data-size=wide]{grid-area:span 1/span 2}.magic-bento-card[data-size=tall]{grid-area:span 2/span 1}.magic-bento-card[data-size=square]{grid-area:span 1/span 1}.magic-bento-card[data-size=hero] .magic-bento-card__title{font-size:clamp(1.4rem,1rem + .9vw,2rem)}.magic-bento-card[data-size=hero] .magic-bento-card__description{max-width:28rem;font-size:1rem}}.magic-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) * .9)) 0%, rgba(var(--glow-color), calc(var(--glow-intensity) * .4)) 30%, transparent 60%);border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;z-index:3;padding:2px;transition:opacity .3s;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 10px 28px #14101e59, 0 0 32px rgba(var(--glow-color), .45)}.particle-container{position:relative;overflow:hidden}.particle:before{content:"";background:rgba(var(--glow-color,246, 169, 38), .2);z-index:-1;border-radius:50%;position:absolute;inset:-2px}.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}@media (prefers-reduced-motion:reduce){.magic-bento-card,.magic-bento-card__image{transition:none!important}.magic-bento-card:hover .magic-bento-card__image{transform:none}}