.mx-motixo-example-grid[data-v-f83b04a2]{--mx-accent-gradient:linear-gradient( 90deg, color-mix(in oklab, var(--wn-primary) 22%, #ff7a18), color-mix(in oklab, var(--wn-primary) 16%, #ff4fa3), color-mix(in oklab, var(--wn-primary) 24%, #a78bfa), color-mix(in oklab, var(--wn-primary) 36%, #22d3ee) );padding:clamp(3rem,6vw,5rem) clamp(1rem,4vw,2rem);background:transparent}.mx-motixo-example-grid__inner[data-v-f83b04a2]{width:min(100%,72rem);margin-inline:auto}.mx-motixo-example-grid__header[data-v-f83b04a2]{max-width:48rem;margin-bottom:clamp(1.5rem,3vw,2.25rem);text-align:center;margin-inline:auto}.mx-motixo-example-grid--bento .mx-motixo-example-grid__header[data-v-f83b04a2],.mx-motixo-example-grid--stage .mx-motixo-example-grid__header[data-v-f83b04a2]{max-width:none;text-align:left;margin-inline:0}.mx-motixo-example-grid--bento .mx-motixo-example-grid__header[data-v-f83b04a2]{display:grid;gap:.85rem;margin-bottom:clamp(1.75rem,3.5vw,2.5rem)}@media(min-width:900px){.mx-motixo-example-grid--bento .mx-motixo-example-grid__header[data-v-f83b04a2]{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:end;-moz-column-gap:clamp(1.5rem,4vw,3rem);column-gap:clamp(1.5rem,4vw,3rem)}.mx-motixo-example-grid--bento .mx-motixo-example-grid__header p[data-v-f83b04a2]{margin:0;justify-self:end;text-align:right;max-width:22rem}}.mx-motixo-example-grid__header h2[data-v-f83b04a2]{margin:0;color:var(--wn-text);font-size:clamp(1.75rem,4vw,2.75rem);font-weight:850;letter-spacing:-.04em;line-height:1.12}.mx-motixo-example-grid__accent[data-v-f83b04a2]{background:var(--mx-accent-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.mx-motixo-example-grid__header p[data-v-f83b04a2]{margin:.85rem 0 0;color:var(--wn-text-secondary);font-size:clamp(.98rem,1.5vw,1.1rem);line-height:1.7;max-width:42rem}.mx-motixo-example-grid__bento[data-v-f83b04a2]{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:clamp(.75rem,1.4vw,1rem);min-height:clamp(22rem,48vw,34rem)}.mx-motixo-example-grid__bento-cell[data-v-f83b04a2]{position:relative;overflow:hidden;min-height:0;border-radius:1.15rem;border:1px solid color-mix(in srgb,var(--wn-border) 90%,var(--wn-primary));background:#050505;box-shadow:var(--wn-shadow-sm)}.mx-motixo-example-grid__bento-cell.is-featured[data-v-f83b04a2]{grid-row:1/-1}.mx-motixo-example-grid__bento-media[data-v-f83b04a2]{position:absolute;inset:0}.mx-motixo-example-grid__bento-visual[data-v-f83b04a2]{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none;transition:transform .45s ease}.mx-motixo-example-grid__bento-cell:hover .mx-motixo-example-grid__bento-visual[data-v-f83b04a2]{transform:scale(1.04)}.mx-motixo-example-grid__bento-overlay[data-v-f83b04a2]{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(.85rem,2vw,1.25rem);background:linear-gradient(165deg,color-mix(in srgb,#000 35%,transparent),transparent 38%,color-mix(in srgb,#000 72%,transparent));pointer-events:none}.mx-motixo-example-grid__bento-index[data-v-f83b04a2]{align-self:flex-start;font-size:clamp(1.35rem,2.5vw,1.85rem);font-weight:900;letter-spacing:-.06em;line-height:1;color:color-mix(in srgb,#fff 88%,var(--wn-primary));font-variant-numeric:tabular-nums}.mx-motixo-example-grid__bento-copy[data-v-f83b04a2]{display:grid;gap:.35rem;max-width:28rem}.mx-motixo-example-grid__bento-kicker[data-v-f83b04a2]{color:color-mix(in srgb,var(--wn-primary) 85%,#fff);font-size:.68rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.mx-motixo-example-grid__bento-copy h3[data-v-f83b04a2]{margin:0;color:#fff;font-size:clamp(1rem,1.8vw,1.25rem);font-weight:850;letter-spacing:-.03em;line-height:1.2}.mx-motixo-example-grid__bento-cell.is-featured .mx-motixo-example-grid__bento-copy h3[data-v-f83b04a2]{font-size:clamp(1.15rem,2.2vw,1.55rem)}.mx-motixo-example-grid__bento-copy p[data-v-f83b04a2]{margin:0;color:color-mix(in srgb,#fff 76%,transparent);font-size:clamp(.82rem,1.3vw,.92rem);line-height:1.55}@media(max-width:820px){.mx-motixo-example-grid__bento[data-v-f83b04a2]{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;min-height:unset}.mx-motixo-example-grid__bento-cell.is-featured[data-v-f83b04a2]{grid-row:auto;min-height:clamp(16rem,62vw,22rem)}.mx-motixo-example-grid__bento-cell[data-v-f83b04a2]:not(.is-featured){min-height:clamp(11rem,42vw,14rem)}.mx-motixo-example-grid--bento .mx-motixo-example-grid__header p[data-v-f83b04a2]{text-align:left;max-width:none}}.mx-motixo-example-grid__stage[data-v-f83b04a2]{display:grid;gap:clamp(1rem,2vw,1.35rem)}.mx-motixo-example-grid__stage-main[data-v-f83b04a2]{position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--wn-border) 88%,var(--wn-primary));border-radius:1.25rem;background:radial-gradient(120% 80% at 100% 0,color-mix(in srgb,var(--wn-primary) 12%,transparent),transparent 55%),color-mix(in srgb,var(--wn-surface-strong) 92%,transparent);box-shadow:var(--wn-shadow-md)}.mx-motixo-example-grid__stage-media[data-v-f83b04a2]{position:relative;aspect-ratio:21/9;background:#050505}@media(max-width:720px){.mx-motixo-example-grid__stage-media[data-v-f83b04a2]{aspect-ratio:16/10}}.mx-motixo-example-grid__stage-video[data-v-f83b04a2]{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.mx-motixo-example-grid__stage-overlay[data-v-f83b04a2]{position:absolute;inset:auto 0 0;padding:clamp(1.25rem,3vw,2rem);background:linear-gradient(180deg,transparent,color-mix(in srgb,#000 55%,transparent) 45%,color-mix(in srgb,#000 88%,transparent));pointer-events:none}.mx-motixo-example-grid__stage-kicker[data-v-f83b04a2]{display:inline-block;margin-bottom:.35rem;padding:.2rem .55rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--wn-primary) 45%,transparent);background:color-mix(in srgb,var(--wn-primary) 18%,transparent);color:var(--wn-primary);font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.mx-motixo-example-grid__stage-title[data-v-f83b04a2]{margin:0;color:#fff;font-size:clamp(1.15rem,2.4vw,1.65rem);font-weight:850;letter-spacing:-.03em;line-height:1.2}.mx-motixo-example-grid__stage-desc[data-v-f83b04a2]{margin:.45rem 0 0;max-width:36rem;color:color-mix(in srgb,#fff 78%,transparent);font-size:clamp(.88rem,1.4vw,.98rem);line-height:1.55}.mx-motixo-example-grid__stage-controls[data-v-f83b04a2]{display:flex;align-items:center;justify-content:flex-end;gap:.65rem;padding:.65rem .85rem .85rem;border-top:1px solid var(--wn-border)}.mx-motixo-example-grid__stage-btn[data-v-f83b04a2]{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border:1px solid var(--wn-border);border-radius:999px;background:color-mix(in srgb,var(--wn-surface) 90%,transparent);color:var(--wn-text);cursor:pointer;transition:border-color .15s ease,background .15s ease}.mx-motixo-example-grid__stage-btn[data-v-f83b04a2]:hover{border-color:color-mix(in srgb,var(--wn-primary) 55%,var(--wn-border));background:color-mix(in srgb,var(--wn-primary) 10%,var(--wn-surface))}.mx-motixo-example-grid__stage-counter[data-v-f83b04a2]{min-width:3.5rem;text-align:center;color:var(--wn-text-secondary);font-size:.82rem;font-weight:700;font-variant-numeric:tabular-nums}.mx-motixo-example-grid__filmstrip[data-v-f83b04a2]{display:flex;gap:.75rem;overflow-x:auto;padding-bottom:.35rem;scroll-snap-type:x mandatory;scrollbar-width:thin}.mx-motixo-example-grid__film[data-v-f83b04a2]{flex:0 0 clamp(7.5rem,22vw,9.5rem);display:grid;gap:.45rem;padding:0;border:none;background:transparent;cursor:pointer;scroll-snap-align:start;text-align:left}.mx-motixo-example-grid__film-media[data-v-f83b04a2]{display:block;overflow:hidden;border-radius:.85rem;border:2px solid transparent;aspect-ratio:9/16;background:color-mix(in srgb,var(--wn-surface) 88%,#000);transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.mx-motixo-example-grid__film.is-active .mx-motixo-example-grid__film-media[data-v-f83b04a2]{border-color:color-mix(in srgb,var(--wn-primary) 70%,#fff);box-shadow:0 0 0 1px color-mix(in srgb,var(--wn-primary) 35%,transparent),0 12px 28px color-mix(in srgb,#000 35%,transparent);transform:translateY(-2px)}.mx-motixo-example-grid__film-video[data-v-f83b04a2]{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none}.mx-motixo-example-grid__film-label[data-v-f83b04a2]{color:var(--wn-text-secondary);font-size:.78rem;font-weight:700;line-height:1.25}.mx-motixo-example-grid__film.is-active .mx-motixo-example-grid__film-label[data-v-f83b04a2]{color:var(--wn-text)}.mx-motixo-example-grid__grid[data-v-f83b04a2]{display:grid;gap:clamp(.85rem,1.6vw,1.25rem);grid-template-columns:repeat(2,minmax(0,1fr))}.mx-motixo-example-grid__card[data-v-f83b04a2]{display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid var(--wn-border);border-radius:1rem;background:color-mix(in srgb,var(--wn-surface-strong) 94%,transparent);box-shadow:var(--wn-shadow-sm)}.mx-motixo-example-grid__media[data-v-f83b04a2]{overflow:hidden;background:color-mix(in srgb,var(--wn-surface) 92%,var(--wn-primary-soft))}.mx-motixo-example-grid__image[data-v-f83b04a2]{display:block;width:100%;aspect-ratio:1/1;-o-object-fit:cover;object-fit:cover}.mx-motixo-example-grid__video[data-v-f83b04a2]{pointer-events:none}.mx-motixo-example-grid__body[data-v-f83b04a2]{display:grid;gap:.4rem;padding:1rem 1.05rem 1.15rem}.mx-motixo-example-grid__body span[data-v-f83b04a2]{color:var(--wn-primary);font-size:.72rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.mx-motixo-example-grid__body h3[data-v-f83b04a2]{margin:0;color:var(--wn-text);font-size:1.05rem;font-weight:800;line-height:1.25}.mx-motixo-example-grid__body p[data-v-f83b04a2]{margin:0;color:var(--wn-text-secondary);font-size:.92rem;line-height:1.65}@media(max-width:700px){.mx-motixo-example-grid__grid[data-v-f83b04a2]{grid-template-columns:minmax(0,1fr)}.mx-motixo-example-grid--stage .mx-motixo-example-grid__header[data-v-f83b04a2]{text-align:left}}