.bento-visual{height:100%;min-height:0;display:flex;align-items:center;justify-content:center;padding:.2rem 0;box-sizing:border-box;pointer-events:none;user-select:none}.bento-visual,.bento-visual__marquee{width:100%;overflow:hidden}.bento-visual__marquee--fade{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent);mask-image:linear-gradient(90deg,transparent 0,#000 10%,#000 90%,transparent)}.bento-visual__marquee-track{display:flex;width:max-content;gap:.55rem;padding:.65rem .25rem .85rem;animation:bento-marquee 22s linear infinite;will-change:transform}.bento-visual__marquee-track--slow{animation-duration:28s}.magic-bento-card:hover .bento-visual__marquee-track{animation-play-state:paused}@keyframes bento-marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.bento-visual--backgrounds{align-items:center;padding-top:.35rem}.bento-visual--backgrounds .bento-visual__marquee-track{gap:.95rem}.bento-visual__preset{flex-shrink:0;width:5.35rem;border-radius:.7rem;padding:.5rem;background:color-mix(in srgb,var(--foreground) 3%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--foreground) 10%,transparent);transform:rotate(-2deg);filter:blur(.4px);opacity:.85;transition:filter .3s ease,opacity .3s ease,transform .3s ease}.bento-visual__preset:nth-child(2n){transform:rotate(2deg) translateY(.25rem)}.magic-bento-card:hover .bento-visual__preset{filter:blur(0);opacity:1}.bento-visual__preset-swatch{height:3.15rem;border-radius:.45rem;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--foreground) 8%,transparent)}.bento-visual__preset--a .bento-visual__preset-swatch{background:linear-gradient(135deg,var(--primary) 0,var(--muted-foreground) 45%,var(--card) 100%)}.bento-visual__preset--b .bento-visual__preset-swatch{background:radial-gradient(circle at 30% 20%,color-mix(in srgb,var(--foreground) 35%,transparent),transparent 45%),linear-gradient(160deg,color-mix(in srgb,var(--foreground) 20%,var(--card)),var(--background))}.bento-visual__preset--c .bento-visual__preset-swatch{background:var(--muted-foreground)}.bento-visual__preset--d .bento-visual__preset-swatch{background:linear-gradient(120deg,color-mix(in srgb,var(--foreground) 30%,var(--card)),color-mix(in srgb,var(--accent) 50%,var(--border)) 40%,color-mix(in srgb,var(--foreground) 90%,var(--background)));filter:blur(0)}.bento-visual__preset--e .bento-visual__preset-swatch{background:repeating-linear-gradient(0deg,transparent,transparent 1px,color-mix(in srgb,var(--foreground) 6%,transparent) 1px,color-mix(in srgb,var(--foreground) 6%,transparent) 2px),linear-gradient(145deg,var(--border),var(--card))}.bento-visual__preset figcaption{margin-top:.4rem;font-size:.6rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:color-mix(in srgb,var(--foreground) 55%,transparent)}.bento-visual--frames{align-items:center;padding-top:.35rem}.bento-visual--frames .bento-visual__marquee{transform:scale(.88);transform-origin:center center}.bento-visual--frames .bento-visual__marquee-track{padding-top:.55rem;padding-bottom:.45rem}.bento-visual__frame-card{position:relative;flex-shrink:0;width:4.25rem;border-radius:.5rem;background:var(--background);box-shadow:0 0 0 1px color-mix(in srgb,var(--foreground) 10%,transparent),0 6px 14px color-mix(in srgb,var(--shadow-color) 35%,transparent);overflow:hidden;filter:blur(.35px);opacity:.88;transition:filter .3s ease,opacity .3s ease,transform .3s ease}.magic-bento-card:hover .bento-visual__frame-card{filter:blur(0);opacity:1}.bento-visual__frame-chrome{display:flex;align-items:center;gap:.16rem;padding:.28rem .32rem;background:color-mix(in srgb,var(--card) 60%,var(--background));border-bottom:1px solid color-mix(in srgb,var(--foreground) 6%,transparent);min-height:.85rem}.bento-visual__frame-chrome>span{width:.22rem;height:.22rem;border-radius:999px;background:color-mix(in srgb,var(--foreground) 20%,transparent)}.bento-visual__frame-win{margin-left:auto;width:1.1rem;height:.22rem;border-radius:.1rem;background:color-mix(in srgb,var(--foreground) 18%,transparent)}.bento-visual__frame-arc{width:100%;height:.28rem;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--foreground) 8%,transparent),color-mix(in srgb,var(--foreground) 28%,transparent),color-mix(in srgb,var(--foreground) 8%,transparent))}.bento-visual__frame-card--polaroid{padding-bottom:.55rem;background:var(--primary)}.bento-visual__frame-card--polaroid .bento-visual__frame-chrome{display:none}.bento-visual__frame-card--polaroid .bento-visual__frame-page{margin:.3rem .3rem 0;background:color-mix(in srgb,var(--accent) 50%,var(--border));min-height:1.55rem}.bento-visual__frame-card--polaroid .bento-visual__frame-name{color:color-mix(in srgb,var(--accent) 50%,var(--border))}.bento-visual__frame-polaroid-label{display:none}.bento-visual__frame-page{padding:.28rem;min-height:1.45rem;background:linear-gradient(180deg,color-mix(in srgb,var(--muted) 50%,var(--accent)) 0,color-mix(in srgb,var(--card) 60%,var(--background)) 100%)}.bento-visual__frame-page i{display:block;height:.18rem;border-radius:999px;background:color-mix(in srgb,var(--foreground) 12%,transparent);margin-bottom:.2rem}.bento-visual__frame-page i:first-child{width:72%;height:.65rem;border-radius:.25rem;background:color-mix(in srgb,var(--foreground) 10%,transparent);margin-bottom:.22rem}.bento-visual__frame-page i:last-child{width:48%}.bento-visual__frame-name{display:block;padding:.22rem .35rem .3rem;font-size:.5rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:color-mix(in srgb,var(--foreground) 45%,transparent)}.bento-visual--transforms{padding:.55rem .65rem;-webkit-mask-image:linear-gradient(0deg,transparent 0,#000 28%,#000);mask-image:linear-gradient(0deg,transparent 0,#000 28%,#000)}.bento-visual__stage--3d{position:relative;width:70%;max-width:7.5rem;aspect-ratio:4/3;perspective:480px;transform-style:preserve-3d;display:flex;align-items:center;justify-content:center;transition:transform .35s cubic-bezier(.23,1,.32,1)}.magic-bento-card:hover .bento-visual__stage--3d{transform:scale(1.06)}.bento-visual__plane{position:absolute;width:52%;max-width:7rem;aspect-ratio:4/3;border-radius:.45rem;background:var(--background);box-shadow:0 0 0 1px color-mix(in srgb,var(--foreground) 10%,transparent);transform-style:preserve-3d;left:50%;top:50%;will-change:transform}.bento-visual__plane--back{opacity:.4;background:color-mix(in srgb,var(--border) 80%,var(--foreground));animation:bento-plane-back 6s cubic-bezier(.45,0,.55,1) infinite}.bento-visual__plane--mid{opacity:.65;background:linear-gradient(135deg,color-mix(in srgb,var(--foreground) 30%,var(--card)),var(--muted));animation:bento-plane-mid 6s cubic-bezier(.45,0,.55,1) infinite}.bento-visual__plane--front{background:linear-gradient(160deg,var(--border) 0,var(--background) 100%);box-shadow:0 0 0 1px color-mix(in srgb,var(--foreground) 12%,transparent),0 12px 22px color-mix(in srgb,var(--shadow-color) 45%,transparent);overflow:hidden;animation:bento-plane-front 6s cubic-bezier(.45,0,.55,1) infinite}.bento-visual__plane-bar{height:16%;background:color-mix(in srgb,var(--foreground) 6%,transparent);border-bottom:1px solid color-mix(in srgb,var(--foreground) 5%,transparent)}.bento-visual__plane-block{margin:14% 12%;height:48%;border-radius:.3rem;background:color-mix(in srgb,var(--foreground) 10%,transparent)}@keyframes bento-plane-back{0%,to{transform:translate(-50%,-50%) rotateY(-18deg) rotateX(10deg) translateZ(-22px) scale(.92)}50%{transform:translate(-50%,-50%) rotateY(-26deg) rotateX(14deg) translateZ(-22px) scale(.92)}}@keyframes bento-plane-mid{0%,to{transform:translate(-50%,-50%) rotateY(-14deg) rotateX(8deg) translateZ(-8px) scale(.96)}50%{transform:translate(-50%,-50%) rotateY(-22deg) rotateX(12deg) translateZ(-8px) scale(.96)}}@keyframes bento-plane-front{0%,to{transform:translate(-50%,-50%) rotateY(-12deg) rotateX(7deg) translateZ(10px)}50%{transform:translate(-50%,-50%) rotateY(-20deg) rotateX(11deg) translateZ(10px)}}.bento-visual--capture,.bento-visual--motion{align-items:stretch;justify-content:flex-start;padding-top:.1rem}.bento-visual__animated-list{position:relative;width:100%;height:100%;min-height:5.5rem;overflow:hidden;display:flex;flex-direction:column;padding:.15rem .25rem 0;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 16%,#000 78%,transparent);mask-image:linear-gradient(180deg,transparent 0,#000 16%,#000 78%,transparent)}.bento-visual--capture{justify-content:center}.bento-visual--capture .bento-visual__animated-list{height:auto;min-height:0;max-height:5.75rem;-webkit-mask-image:none;mask-image:none}.bento-visual__animated-list-inner{width:92%;max-width:12.5rem;margin-inline:auto;gap:.55rem!important}.bento-visual__animated-list-fade{display:none}.bento-visual--capture .bento-visual__animated-list-fade{display:block;pointer-events:none;position:absolute;inset-inline:0;bottom:0;height:2.75rem;background:linear-gradient(to top,var(--card) 0,color-mix(in srgb,var(--card) 92%,transparent) 45%,transparent 100%);z-index:5}.bento-visual__list-item{display:flex;align-items:center;gap:.5rem;padding:.45rem .55rem;border-radius:.55rem;background:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--foreground) 10%,transparent)}.bento-visual__list-icon{flex-shrink:0;width:1.15rem;height:1.15rem;border-radius:999px;background:color-mix(in srgb,var(--foreground) 10%,transparent);position:relative}.bento-visual__list-icon--play{background:var(--primary)}.bento-visual__list-icon--play:after{content:"";position:absolute;top:50%;left:54%;transform:translate(-50%,-50%);border-style:solid;border-width:.2rem 0 .2rem .3rem;border-color:transparent transparent transparent var(--primary-foreground)}.bento-visual__list-icon--tweet{background:color-mix(in srgb,var(--foreground) 20%,transparent)}.bento-visual__list-icon--tweet:after{content:"";position:absolute;inset:28%;border-radius:2px;background:var(--primary-foreground)}.bento-visual__list-icon--code{border-radius:.3rem;background:color-mix(in srgb,var(--foreground) 14%,transparent)}.bento-visual__list-icon--code:after,.bento-visual__list-icon--code:before{content:"";position:absolute;top:50%;width:.28rem;height:.28rem;border:1.5px solid color-mix(in srgb,var(--foreground) 70%,transparent);border-top:0;border-right:0}.bento-visual__list-icon--code:before{left:28%;transform:translateY(-50%) rotate(45deg)}.bento-visual__list-icon--code:after{right:28%;transform:translateY(-50%) rotate(-135deg)}.bento-visual__list-icon--check{background:var(--primary)}.bento-visual__list-icon--check:after{content:"";position:absolute;left:50%;top:45%;width:.28rem;height:.16rem;border-left:1.5px solid var(--primary-foreground);border-bottom:1.5px solid var(--primary-foreground);transform:translate(-50%,-50%) rotate(-45deg)}.bento-visual__list-copy{display:flex;flex-direction:column;gap:.08rem;min-width:0}.bento-visual__list-copy strong{font-size:.62rem;font-weight:600;letter-spacing:-.01em;color:var(--primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bento-visual__list-copy span{font-size:.5rem;color:color-mix(in srgb,var(--foreground) 40%,transparent);white-space:nowrap}.bento-visual--export{padding:.9rem .75rem .5rem;overflow:hidden;pointer-events:auto;align-items:center;justify-content:center;-webkit-mask-image:linear-gradient(0deg,transparent 0,#000 10%,#000);mask-image:linear-gradient(0deg,transparent 0,#000 10%,#000)}.bento-visual--export>*{width:auto;max-width:8.5rem;transform:scale(.78) translateY(.4rem);transform-origin:center center}@media (prefers-reduced-motion:reduce){.bento-visual__marquee-track,.bento-visual__plane--back,.bento-visual__plane--front,.bento-visual__plane--mid{animation:none!important}.bento-visual__plane--back{transform:translate(-50%,-50%) rotateY(-18deg) rotateX(10deg) translateZ(-22px) scale(.92)}.bento-visual__plane--mid{transform:translate(-50%,-50%) rotateY(-14deg) rotateX(8deg) translateZ(-8px) scale(.96)}.bento-visual__plane--front{transform:translate(-50%,-50%) rotateY(-12deg) rotateX(7deg) translateZ(10px)}.bento-visual__frame-card,.bento-visual__preset{filter:none;opacity:1}}.magic-bento-root{--mb-white:var(--foreground);--mb-muted:var(--muted-foreground);--mb-background:var(--card);--mb-glow:color-mix(in srgb,var(--foreground) 8%,transparent);--mb-glow-strong:color-mix(in srgb,var(--foreground) 16%,transparent);--mb-edge-shadow:var(--card-edge-shadow),0 0 0 1px color-mix(in srgb,var(--foreground) 10%,transparent);--mb-hover-shadow:var(--card-edge-shadow),0 0 0 1px color-mix(in srgb,var(--foreground) 12%,transparent),0 4px 14px color-mix(in srgb,var(--shadow-color) 25%,transparent)}.magic-bento-root .card-grid{display:grid;gap:.5em;padding:0;width:100%;max-width:100%;margin:0 auto;font-size:clamp(1rem,.9rem + .5vw,1.25rem)}.magic-bento-root .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.25em;border-radius:1rem;border:none;background:var(--mb-background);font-weight:400;overflow:hidden;box-shadow:var(--mb-edge-shadow);transition:transform .2s cubic-bezier(.23,1,.32,1),box-shadow .2s cubic-bezier(.23,1,.32,1);--glow-x:50%;--glow-y:50%;--glow-intensity:0;--glow-radius:200px;--glow-color:255,255,255}.magic-bento-root .magic-bento-card:hover{box-shadow:var(--mb-hover-shadow)}.magic-bento-root .magic-bento-card__content,.magic-bento-root .magic-bento-card__header,.magic-bento-root .magic-bento-card__visual{display:flex;position:relative;color:var(--mb-white);z-index:2}.magic-bento-root .magic-bento-card__header{gap:.75em;justify-content:space-between;flex-shrink:0}.magic-bento-root .magic-bento-card__visual{flex:1 1 auto;min-height:5rem;align-items:center;justify-content:center;margin:.35em 0 .25em;padding:.65em .35em .45em;overflow:hidden;contain:paint}.magic-bento-root .magic-bento-card__visual>*{max-width:100%;max-height:100%}.magic-bento-root .magic-bento-card__content{flex-direction:column;flex-shrink:0}.magic-bento-root .magic-bento-card__label{font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--mb-muted)}.magic-bento-root .magic-bento-card__title{font-weight:600;font-size:.875rem;margin:0 0 .35em;letter-spacing:-.02em;color:var(--mb-white)}.magic-bento-root .magic-bento-card__description{font-size:.875rem;line-height:1.45;color:var(--mb-muted);margin:0}.magic-bento-root .magic-bento-card--text-autohide .magic-bento-card__description,.magic-bento-root .magic-bento-card--text-autohide .magic-bento-card__title{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.magic-bento-root .magic-bento-card--text-autohide .magic-bento-card__title{-webkit-line-clamp:1;line-clamp:1}.magic-bento-root .magic-bento-card--text-autohide .magic-bento-card__description{-webkit-line-clamp:2;line-clamp:2}@media (max-width:599px){.magic-bento-root .card-grid{grid-template-columns:1fr}.magic-bento-root .magic-bento-card{min-height:180px}}@media (min-width:600px){.magic-bento-root .card-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.magic-bento-root .card-grid{grid-template-columns:repeat(4,1fr)}.magic-bento-root .magic-bento-card:nth-child(3){grid-column:span 2;grid-row:span 2}.magic-bento-root .magic-bento-card:nth-child(4){grid-column:1/span 2;grid-row:2/span 2}.magic-bento-root .magic-bento-card:nth-child(6){grid-column:4;grid-row:3}.magic-bento-root .magic-bento-card--large .bento-visual__animated-list-inner{max-width:16rem}.magic-bento-root .magic-bento-card--large .bento-visual__preset{width:6rem}.magic-bento-root .magic-bento-card--large .bento-visual__preset-swatch{height:3.75rem}.magic-bento-root .magic-bento-card--large .bento-visual--backgrounds .bento-visual__marquee-track{gap:1.15rem}}.magic-bento-root .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-root .magic-bento-card--border-glow:hover:after{opacity:1}.magic-bento-root .magic-bento-card--border-glow:hover{box-shadow:var(--mb-edge-shadow),0 4px 20px color-mix(in srgb,var(--shadow-color) 35%,transparent),0 0 30px var(--mb-glow-strong)}.magic-bento-root .magic-bento-interactive{position:relative;overflow:hidden}.magic-bento-root .magic-bento-interactive:hover{box-shadow:var(--mb-hover-shadow),0 0 14px var(--mb-glow)}.global-spotlight{mix-blend-mode:screen;will-change:transform,opacity;z-index:200!important;pointer-events:none}.magic-bento-root .bento-section{position:relative;user-select:none}.zoom-parallax{height:300vh;position:relative}.zoom-parallax__sticky{position:sticky;top:0;height:100vh;overflow:hidden}.zoom-parallax__el{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.zoom-parallax__frame{position:relative;width:25vw;height:25vh;overflow:hidden;border-radius:1rem;background:color-mix(in srgb,var(--foreground) 4%,transparent);box-shadow:var(--card-edge-shadow),0 0 0 1px color-mix(in srgb,var(--foreground) 10%,transparent)}.zoom-parallax__el:nth-of-type(2) .zoom-parallax__frame{top:-30vh;left:5vw;width:35vw;height:30vh}.zoom-parallax__el:nth-of-type(3) .zoom-parallax__frame{top:-10vh;left:-25vw;width:20vw;height:45vh}.zoom-parallax__el:nth-of-type(4) .zoom-parallax__frame{left:27.5vw;width:25vw;height:25vh}.zoom-parallax__el:nth-of-type(5) .zoom-parallax__frame{top:27.5vh;left:5vw;width:20vw;height:25vh}.zoom-parallax__el:nth-of-type(6) .zoom-parallax__frame{top:27.5vh;left:-22.5vw;width:30vw;height:25vh}.zoom-parallax__el:nth-of-type(7) .zoom-parallax__frame{top:22.5vh;left:25vw;width:15vw;height:15vh}@media (max-width:767px){.zoom-parallax{height:220vh}.zoom-parallax__frame{width:42vw;height:22vh}.zoom-parallax__el:nth-of-type(2) .zoom-parallax__frame{top:-28vh;left:4vw;width:48vw;height:24vh}.zoom-parallax__el:nth-of-type(3) .zoom-parallax__frame{top:-8vh;left:-28vw;width:28vw;height:36vh}.zoom-parallax__el:nth-of-type(4) .zoom-parallax__frame{left:30vw;width:32vw;height:20vh}.zoom-parallax__el:nth-of-type(5) .zoom-parallax__frame{top:26vh;left:6vw;width:28vw;height:20vh}.zoom-parallax__el:nth-of-type(6) .zoom-parallax__frame{top:26vh;left:-26vw;width:36vw;height:20vh}.zoom-parallax__el:nth-of-type(7) .zoom-parallax__frame{top:20vh;left:28vw;width:22vw;height:14vh}}