:root{--ff-glow: rgba(255, 106, 0, 1);--ff-glow-soft: rgba(255, 106, 0, .2);--ff-glow-border: rgba(255, 106, 0, .5);--ff-card-border: rgba(255, 106, 0, .18);--ff-card-bg: #0E1116;color-scheme:dark}.magic-bento-section{padding:5rem 1.5rem;display:flex;flex-direction:column;align-items:center;position:relative}.magic-bento-heading{text-align:center;margin-bottom:2.5rem;max-width:56rem}.magic-bento-eyebrow{display:inline-block;padding:.25rem .75rem;background:#ff6a001a;border:1px solid rgba(255,106,0,.3);border-radius:9999px;color:#ff6a00;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin-bottom:.85rem}.magic-bento-title{font-family:Sora,system-ui,sans-serif;font-size:clamp(1.75rem,3.5vw,3rem);font-weight:700;letter-spacing:-.02em;line-height:1.05;color:#fff;margin:0}.card-grid{display:grid;gap:.6em;padding:.75em;max-width:64em;width:100%;font-size:clamp(1rem,.9rem + .5vw,1.5rem)}.magic-bento-card{display:flex;flex-direction:column;justify-content:space-between;position:relative;aspect-ratio:4/3;min-height:200px;width:100%;max-width:100%;padding:1.5em;border-radius:20px;border:1px solid var(--ff-card-border);background:var(--ff-card-bg);font-weight:300;overflow:hidden;transition:all .3s ease;--glow-x: 50%;--glow-y: 50%;--glow-intensity: 0;--glow-radius: 200px}.magic-bento-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #00000059}.magic-bento-card__header,.magic-bento-card__content{display:flex;position:relative;color:#fff;z-index:2}.magic-bento-card__header{gap:.75em;justify-content:space-between}.magic-bento-card__content{flex-direction:column}.magic-bento-card__label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#ffc700d9;background:#ffc70014;border:1px solid rgba(255,199,0,.2);border-radius:9999px;padding:.2em .65em;align-self:flex-start}.magic-bento-card__title,.magic-bento-card__description{--clamp-title: 2;--clamp-desc: 3}.magic-bento-card__title{font-family:Sora,system-ui,sans-serif;font-weight:700;font-size:1.15rem;line-height:1.15;margin:0 0 .4em;color:#fff}.magic-bento-card__description{font-size:.85rem;line-height:1.45;opacity:.78;color:#fff}.magic-bento-card--text-autohide .magic-bento-card__title,.magic-bento-card--text-autohide .magic-bento-card__description{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.magic-bento-card--text-autohide .magic-bento-card__title{-webkit-line-clamp:var(--clamp-title);line-clamp:var(--clamp-title)}.magic-bento-card--text-autohide .magic-bento-card__description{-webkit-line-clamp:var(--clamp-desc);line-clamp:var(--clamp-desc)}@media (max-width: 599px){.card-grid{grid-template-columns:1fr;width:95%;margin:0 auto;padding:.5em}.magic-bento-card{width:100%;min-height:180px}}@media (min-width: 600px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.card-grid{grid-template-columns:repeat(4,1fr)}.magic-bento-card:nth-child(3){grid-column:span 2;grid-row:span 2}.magic-bento-card:nth-child(4){grid-column:1 / span 2;grid-row:2 / span 2}.magic-bento-card:nth-child(6){grid-column:4;grid-row: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(255,106,0,calc(var(--glow-intensity) * .9)) 0%,rgba(255,199,0,calc(var(--glow-intensity) * .45)) 30%,transparent 60%);border-radius:inherit;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;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 24px #ff6a0040,0 0 36px var(--ff-glow-soft);border-color:var(--ff-glow-border)}.particle-container{position:relative;overflow:hidden}.particle-container:hover{box-shadow:0 4px 24px #ff6a0033,0 0 36px var(--ff-glow-soft)}.particle:before{content:"";position:absolute;inset:-2px;background:#ff6a0033;border-radius:50%;z-index:-1}.global-spotlight{mix-blend-mode:screen;will-change:transform,opacity;z-index:200!important;pointer-events:none}.bento-section{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}