:root{--magic-bento-hue:16;--magic-bento-sat:100%;--magic-bento-white:hsl(0,0%,100%);--magic-bento-glow:rgba(255,78,0,0.2);--magic-bento-border:rgba(255,78,0,0.8);--magic-bento-border-color:#2a2a2a;--magic-bento-bg:#0a0a0a}.card-grid.bento-section{display:grid;gap:.75em;padding:0;font-size:clamp(1rem,.9rem + .5vw,1.5rem);user-select:none}.card-grid.bento-section,.magic-bento-card{width:100%;max-width:100%;position:relative}.magic-bento-card{display:flex;flex-direction:column;justify-content:flex-end;aspect-ratio:4/3;min-height:220px;padding:1.25em;border-radius:24px;border:1px solid var(--magic-bento-border-color);background:var(--magic-bento-bg);font-weight:300;overflow:hidden;transition:box-shadow .3s ease,border-color .3s ease;text-decoration:none;color:inherit;--glow-x:50%;--glow-y:50%;--glow-intensity:0;--glow-radius:200px;--glow-color:255,78,0}.magic-bento-card--wide{aspect-ratio:16/10}.magic-bento-card--with-media{padding:1.25em}.magic-bento-card__media{position:absolute;inset:0;z-index:0;overflow:hidden}.magic-bento-card__media img,.magic-bento-card__media video{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .8s ease}.magic-bento-card:hover .magic-bento-card__media img,.magic-bento-card:hover .magic-bento-card__media video{transform:scale(1.03)}.magic-bento-card__mesh{display:none}.magic-bento-card__content,.magic-bento-card__header{display:flex;position:relative;z-index:2;color:var(--magic-bento-white)}.magic-bento-card__header{gap:.75em;justify-content:space-between;align-items:flex-start}.magic-bento-card__content{flex-direction:column}.magic-bento-card__content--on-media{max-width:92%}.magic-bento-card__content--on-media .magic-bento-card__title{margin:0;width:fit-content;max-width:100%;padding:.35em .65em;border-radius:8px;font-size:clamp(.85rem,1.4vw,1.15rem);color:#0a0a0a;background:rgba(255,255,255,.92);box-shadow:0 2px 12px rgba(0,0,0,.12);text-shadow:none}.magic-bento-card__label{font-size:clamp(.65rem,1.2vw,.85rem);letter-spacing:.06em;opacity:.9;margin:0}.magic-bento-card__label,.magic-bento-card__title{font-family:var(--font-archivo),"Archivo Black",sans-serif;font-weight:400;text-transform:uppercase}.magic-bento-card__title{font-size:clamp(1.1rem,2.5vw,2rem);margin:0 0 .25em;letter-spacing:-.03em;line-height:1.05}.magic-bento-card__description{font-family:var(--font-inter),Inter,sans-serif;font-size:clamp(.75rem,1.2vw,1rem);line-height:1.35;opacity:.8;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__description,.magic-bento-card--text-autohide .magic-bento-card__title{-webkit-line-clamp:2;line-clamp:2}@media (max-width:599px){.card-grid.bento-section{grid-template-columns:1fr;gap:.65em}.magic-bento-card,.magic-bento-card--wide{aspect-ratio:auto;min-height:220px}.magic-bento-card--text-autohide .magic-bento-card__description,.magic-bento-card--text-autohide .magic-bento-card__title{-webkit-line-clamp:unset;line-clamp:unset;display:block;overflow:visible;text-overflow:unset}}@media (min-width:600px){.card-grid.bento-section{grid-template-columns:repeat(2,1fr)}.magic-bento-card--wide{grid-column:span 2}}@media (min-width:1024px){.card-grid.bento-section{grid-template-columns:repeat(4,1fr);gap:1em}.magic-bento-card--wide{grid-column:span 2;aspect-ratio:21/9;min-height:280px}.magic-bento-card:not(.magic-bento-card--wide){min-height:280px}}.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:3}.magic-bento-card--border-glow:hover{box-shadow:0 4px 20px rgba(0,0,0,.45),0 0 30px var(--magic-bento-glow)}.particle-container{position:relative;overflow:hidden}.particle:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:rgba(var(--glow-color,255,78,0),.2);border-radius:50%;z-index:-1}.particle-container:hover{box-shadow:0 4px 20px rgba(0,0,0,.35),0 0 30px var(--magic-bento-glow)}.global-spotlight{mix-blend-mode:screen;will-change:transform,opacity;z-index:200!important;pointer-events:none}.logoloop{position:relative;--logoloop-gap:32px;--logoloop-logoHeight:28px;--logoloop-fadeColorAuto:#ffffff}.logoloop--vertical{height:100%;display:inline-block}.logoloop--scale-hover{padding-top:calc(var(--logoloop-logoHeight) * .1);padding-bottom:calc(var(--logoloop-logoHeight) * .1)}@media (prefers-color-scheme:dark){.logoloop{--logoloop-fadeColorAuto:#0b0b0b}}.logoloop__track{display:flex;width:max-content;will-change:transform;user-select:none;position:relative;z-index:0}.logoloop--vertical .logoloop__track{flex-direction:column;height:max-content;width:100%}.logoloop__list{display:flex;align-items:center}.logoloop--vertical .logoloop__list{flex-direction:column}.logoloop__item{flex:0 0 auto;margin-right:var(--logoloop-gap);font-size:var(--logoloop-logoHeight);line-height:1}.logoloop--vertical .logoloop__item{margin-right:0;margin-bottom:var(--logoloop-gap)}.logoloop__item:last-child{margin-right:var(--logoloop-gap)}.logoloop--vertical .logoloop__item:last-child{margin-right:0;margin-bottom:var(--logoloop-gap)}.logoloop__node{display:inline-flex;align-items:center}.logoloop__item img{height:var(--logoloop-logoHeight);width:auto;display:block;object-fit:contain;image-rendering:-webkit-optimize-contrast;-webkit-user-drag:none;pointer-events:none;transition:transform .3s cubic-bezier(.4,0,.2,1)}.logoloop--scale-hover .logoloop__item{overflow:visible}.logoloop--scale-hover .logoloop__item:hover .logoloop__node,.logoloop--scale-hover .logoloop__item:hover img{transform:scale(1.2);transform-origin:center center}.logoloop--scale-hover .logoloop__node{transition:transform .3s cubic-bezier(.4,0,.2,1)}.logoloop__link{display:inline-flex;align-items:center;text-decoration:none;border-radius:4px;transition:opacity .2s ease}.logoloop__link:hover{opacity:.8}.logoloop__link:focus-visible{outline:2px solid currentColor;outline-offset:2px}.logoloop--fade:after,.logoloop--fade:before{content:"";position:absolute;top:0;bottom:0;width:clamp(24px,8%,120px);pointer-events:none;z-index:10}.logoloop--fade:before{left:0;background:linear-gradient(to right,var(--logoloop-fadeColor,var(--logoloop-fadeColorAuto)) 0,rgba(0,0,0,0) 100%)}.logoloop--fade:after{right:0;background:linear-gradient(to left,var(--logoloop-fadeColor,var(--logoloop-fadeColorAuto)) 0,rgba(0,0,0,0) 100%)}.logoloop--vertical.logoloop--fade:after,.logoloop--vertical.logoloop--fade:before{left:0;right:0;width:100%;height:clamp(24px,8%,120px)}.logoloop--vertical.logoloop--fade:before{top:0;bottom:auto;background:linear-gradient(to bottom,var(--logoloop-fadeColor,var(--logoloop-fadeColorAuto)) 0,rgba(0,0,0,0) 100%)}.logoloop--vertical.logoloop--fade:after{bottom:0;top:auto;background:linear-gradient(to top,var(--logoloop-fadeColor,var(--logoloop-fadeColorAuto)) 0,rgba(0,0,0,0) 100%)}@media (prefers-reduced-motion:reduce){.logoloop__track{transform:translateZ(0)!important}.logoloop__item img,.logoloop__node{transition:none!important}}