.about-bento-card-icon{margin-top:auto;padding-top:1.5rem;opacity:.85}.about-bento-card-icon svg{width:2.5rem;height:2.5rem;stroke:white}.card-grid{display:grid;gap:.75em;width:100%;font-size:clamp(.875rem,.85rem + .25vw,1rem)}.magic-bento-card{display:flex;flex-direction:column;justify-content:flex-start;position:relative;min-height:220px;width:100%;padding:1.5em;border-radius:20px;border:1px solid #2f293a;background:#120f17;font-weight:300;overflow:hidden;transition:all .3s ease;text-align:left;--glow-x:50%;--glow-y:50%;--glow-intensity:0;--glow-radius:200px}.magic-bento-card:hover{transform:translateY(-2px)}.magic-bento-card__content{display:flex;flex-direction:column;flex:1;position:relative;color:#fff}.magic-bento-card__title{font-weight:700;font-size:1.125rem;margin:0 0 .75em;line-height:1.25}.magic-bento-card__description{font-size:.875rem;line-height:1.55;opacity:.85;margin:0}.magic-bento-card--text-autohide .magic-bento-card__description,.magic-bento-card--text-autohide .magic-bento-card__title{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.magic-bento-card--text-autohide .magic-bento-card__title{-webkit-line-clamp:2;line-clamp:2}.magic-bento-card--text-autohide .magic-bento-card__description{-webkit-line-clamp:4;line-clamp:4}@media (max-width:599px){.card-grid{grid-template-columns:1fr}.magic-bento-card{min-height:200px}}@media (min-width:600px) and (max-width:1023px){.card-grid{grid-template-columns:repeat(2,1fr)}.card-grid--five .magic-bento-card:last-child:nth-child(odd){grid-column:1/-1}}@media (min-width:1024px){.card-grid--five{grid-template-columns:repeat(6,1fr)}.card-grid--five .magic-bento-card:first-child,.card-grid--five .magic-bento-card:nth-child(2),.card-grid--five .magic-bento-card:nth-child(3){grid-column:span 2}.card-grid--five .magic-bento-card:nth-child(4),.card-grid--five .magic-bento-card:nth-child(5){grid-column:span 3}}.magic-bento-card--border-glow:after{content:"";position:absolute;inset:0;padding:6px;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:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none;opacity:1;transition:opacity .3s ease;z-index:1}.magic-bento-card--border-glow:hover{box-shadow:0 4px 20px rgba(0,0,0,.35),0 0 30px rgba(var(--glow-color),.15)}.particle-container{position:relative;overflow:hidden}.particle:before{content:"";position:absolute;inset:-2px;background:rgba(var(--glow-color),.2);border-radius:50%;z-index:-1}.particle-container:hover{box-shadow:0 4px 20px rgba(0,0,0,.25),0 0 30px rgba(var(--glow-color),.12)}.global-spotlight{mix-blend-mode:screen;will-change:transform,opacity;z-index:200!important;pointer-events:none}.bento-section{position:relative;user-select:none}.magic-bento-card--unstyled{background:transparent;border:none;min-height:0;padding:0;font-weight:inherit}.magic-bento-card--unstyled:hover{transform:none}@media (prefers-reduced-motion:reduce){.magic-bento-card{transition:none}.magic-bento-card:hover{transform:none}}