.mi-scene{position:relative;overflow:hidden;border-radius:1rem;border:1px solid var(--line);background:radial-gradient(120% 80% at 80% 0,var(--scene-glow,transparent),transparent 60%),var(--scene-tint,var(--surface-2));transition:background-color calc(500 * var(--d))}.mi-scene__ghost{position:absolute;right:-.05em;top:-.15em;font-size:clamp(5rem,22vw,14rem);font-weight:800;letter-spacing:-.04em;color:var(--scene-ink,var(--fg-strong));opacity:.06;pointer-events:none;user-select:none;transition:opacity calc(400 * var(--d))}.mi-scene__stage{position:relative;display:grid;gap:1.25rem;padding:1.5rem;min-height:16rem}@media (min-width:640px){.mi-scene__stage{grid-template-columns:1fr 1fr;align-items:center}}.mi-scene__panel{transition:opacity calc(500 * var(--d)),transform calc(500 * var(--d)) cubic-bezier(.2,.8,.2,1)}.mi-scene[data-switching=true] .mi-scene__panel{opacity:0;transform:translateX(var(--dir,24px))}.mi-scene__rail{display:flex;gap:.5rem;padding:.75rem 1.5rem 1.25rem;overflow-x:auto}.mi-scene__thumb{flex:none;display:inline-flex;align-items:center;gap:.5rem;min-height:2.75rem;padding:0 .9rem;border-radius:.5rem;border:1px solid var(--line);background:var(--surface-2);color:var(--fg-body);font-weight:600;font-size:.875rem;transition:border-color calc(200 * var(--d)),color calc(200 * var(--d))}.mi-scene__thumb[aria-selected=true]{border-color:var(--scene-ink,var(--blue-text));color:var(--scene-ink,var(--fg-strong))}.svc-art{display:block;width:100%;line-height:0}.svc-art .svc-art__stage{position:relative;width:100%;max-width:34rem;margin-inline:auto;aspect-ratio:4/3;overflow:clip;animation:svcFloat 7.5s ease-in-out infinite}.svc-art .svc__art,.svc-art .svc__layer{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible}.svc-art .svc__layer{pointer-events:none}.svc-art .art-arc{animation:artArc 2.4s linear infinite}.svc-art .svc__layer--fly{animation:artFly 11s ease-in-out infinite}.svc-art .svc__layer--drop{animation:artDrop 6.5s ease-in-out infinite alternate}.svc-art .svc__layer--lift{animation:artLift 5.5s ease-in-out infinite}.svc-art .svc__layer--tag{animation:artTag 4.5s ease-in-out infinite alternate}.svc-art .svc__layer--van{animation:artVan 4s ease-in-out infinite alternate}.svc-art .svc__layer--phone{animation:artPhone 5s ease-in-out infinite alternate}.svc-art:not([data-active]) .art-arc,.svc-art:not([data-active]) .svc-art__stage,.svc-art:not([data-active]) .svc__layer{animation-play-state:paused}@keyframes svcFloat{50%{transform:translateY(-7px)}}@keyframes artArc{to{stroke-dashoffset:-48}}@keyframes artFly{0%{opacity:0;transform:translate(-12.1%,9.4%) rotate(11deg)}12%,88%{opacity:1}30%{transform:translate(-6.25%,3.3%) rotate(6deg)}52%{transform:translate(.8%) rotate(-2deg)}74%{transform:translate(7.5%,2.5%) rotate(-9deg)}to{opacity:0;transform:translate(12.9%,9.4%) rotate(-15deg)}}@keyframes artDrop{0%{transform:translateY(-1.4%) rotate(-2deg)}to{transform:translateY(1.7%) rotate(2deg)}}@keyframes artLift{0%,to{transform:translateY(1.7%)}50%{transform:translateY(-2.5%)}}@keyframes artTag{to{transform:translateY(-1.7%)}}@keyframes artVan{to{transform:translateX(1.5%)}}@keyframes artPhone{to{transform:translateY(-1.7%)}}@media (prefers-reduced-motion:reduce){.svc-art,.svc-art *{animation:none!important}}:root[data-reduced="1"] .svc-art,:root[data-reduced="1"] .svc-art *{animation:none!important}