.magic-bento-grid{--glow-color:217, 138, 82;--glow-x:50%;--glow-y:50%;--spotlight-x:50%;--spotlight-y:50%;--spotlight-radius:260px;--spotlight-opacity:0;isolation:isolate;perspective:1200px;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(275px,1fr);gap:18px;display:grid;position:relative}.magic-bento-grid:before{background:radial-gradient(circle var(--spotlight-radius) at var(--spotlight-x) var(--spotlight-y), rgba(var(--glow-color), .12), transparent 68%);content:"";opacity:var(--spotlight-opacity);pointer-events:none;z-index:3;transition:opacity .35s;position:absolute;inset:-20px}.magic-bento-card{--glow-intensity:0;--glow-x:50%;--glow-y:50%;color:#fdf5f0;isolation:isolate;min-height:275px;transform-style:preserve-3d;background:#2c1206;border:1px solid #ddc9bb3d;flex-direction:column;grid-area:span 1/span 1;transition:border-color .35s,box-shadow .35s,transform .35s;display:flex;position:relative;overflow:hidden}.magic-bento-card--featured{grid-area:span 2/span 2;min-height:566px}.magic-bento-card__image,.magic-bento-card__shade,.magic-bento-card__particles{pointer-events:none;position:absolute;inset:0}.magic-bento-card__image{z-index:-3;background:#2c1206}.magic-bento-card__image img{filter:grayscale(.16)sepia(.2)saturate(1.2)hue-rotate(-8deg)brightness(.86)contrast(1.02);object-fit:cover;opacity:1;width:100%;height:100%;transition:opacity .5s,transform .7s cubic-bezier(.22,.61,.36,1);transform:scale(1.015)}.magic-bento-card__shade{z-index:-2;background:linear-gradient(#0000 22%,#2c12062e 35%,#2c120685 55%,#2c1206c2 75%,#2c1206eb 100%),linear-gradient(#2c1206a3 0%,#2c120647 25%,#0000 40%)}.magic-bento-card__header,.magic-bento-card__content{z-index:2;display:flex;position:relative}.magic-bento-card__header{color:#f5e8e0;font-family:var(--font-home-mono), monospace;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 2px 8px #000000ad,0 1px 3px #0000008a;justify-content:space-between;gap:12px;padding:25px 27px;font-size:11px}.magic-bento-card__header span:last-child{white-space:nowrap;text-overflow:ellipsis;flex-shrink:1;overflow:hidden}.magic-bento-card__content{flex-direction:column;flex:1;justify-content:end;padding:27px}.magic-bento-card__content p{color:#f5e8e0;font-family:var(--font-home-mono), monospace;letter-spacing:.13em;text-transform:uppercase;text-shadow:0 2px 10px #000000ad,0 1px 3px #0000008a;margin:0 0 12px;font-size:11px}.magic-bento-card__content h3{color:#fdf5f0;font-family:var(--font-home-display), var(--font-display), sans-serif;letter-spacing:-.045em;text-shadow:0 3px 16px #0000006b;max-width:90%;margin:0;font-size:clamp(34px,2.85vw,54px);font-weight:500;line-height:.98}.magic-bento-card:not(.magic-bento-card--featured) .magic-bento-card__content h3{font-size:clamp(28px,2.05vw,38px)}.magic-bento-card__footer{justify-content:space-between;align-items:end;gap:24px;margin-top:20px;display:flex}.magic-bento-card__description{color:#fdf5f0bd;text-shadow:0 2px 10px #00000061;max-width:74%;font-size:15px;line-height:1.45}.magic-bento-card__link{color:#f0ddd0;font-family:var(--font-home-mono), monospace;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 2px 10px #00000061;white-space:nowrap;font-size:11px}.magic-bento-card__particles{z-index:1}.magic-bento-particle{box-shadow:0 0 8px rgba(var(--glow-color), .82);opacity:0;background:#f0ddd0;border-radius:50%;width:3px;height:3px;position:absolute;transform:scale(0)}.magic-bento-card--border-glow:after{background:radial-gradient(circle 170px at var(--glow-x) var(--glow-y), rgba(var(--glow-color), calc(var(--glow-intensity) * .7)), transparent 72%);content:"";opacity:.95;pointer-events:none;z-index:4;-webkit-mask-composite:xor;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-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}:is(.magic-bento-card:hover,.magic-bento-card:focus-visible,.magic-bento-card.is-hovered){border-color:#ddc9bb85;outline:none;transform:translateY(-3px);box-shadow:0 12px 32px #2c120629}:is(.magic-bento-card:hover .magic-bento-card__image img,.magic-bento-card:focus-visible .magic-bento-card__image img,.magic-bento-card.is-hovered .magic-bento-card__image img){filter:grayscale(.06)sepia(.12)saturate(1.12)hue-rotate(-7deg)brightness(.95)contrast(1.02);opacity:1;transform:scale(1.045)}.magic-bento-card--text-autohide .magic-bento-card__description{opacity:0;max-height:0;transition:max-height .35s,opacity .35s,transform .35s;overflow:hidden;transform:translateY(8px)}:is(.magic-bento-card--text-autohide:hover .magic-bento-card__description,.magic-bento-card--text-autohide:focus-visible .magic-bento-card__description){opacity:1;max-height:48px;transform:translateY(0)}.magic-bento-ripple{background:radial-gradient(circle, rgba(var(--glow-color), .38) 0%, rgba(var(--glow-color), .14) 34%, transparent 70%);pointer-events:none;z-index:5;border-radius:50%;position:absolute}@media (max-width:980px){.magic-bento-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.magic-bento-card--featured{grid-area:span 1/span 2;min-height:430px}}@media (max-width:680px){.magic-bento-grid{grid-template-columns:1fr;grid-auto-rows:auto;gap:10px;display:grid}.magic-bento-card,.magic-bento-card--featured{grid-area:span 1/span 1;min-height:340px}.magic-bento-card__content{padding:23px}.magic-bento-card__header{letter-spacing:.05em;padding:16px 17px;font-size:8px}.magic-bento-card__header span:last-child{min-width:60px}.magic-bento-card__content h3,.magic-bento-card:not(.magic-bento-card--featured) .magic-bento-card__content h3{font-size:29px}.magic-bento-card__description{max-width:74%}}@media (prefers-reduced-motion:reduce){.magic-bento-card,.magic-bento-card__image img{transition:none}}