.mobile-petal-field{position:absolute;left:0;top:0;width:100%;z-index:5;pointer-events:none;contain:strict}
.knowledge-motion-card{border-radius:3px;overflow:visible;z-index:1;transition:box-shadow .3s var(--ease)}
.knowledge-motion-card::before{display:none}
.knowledge-card-surface{position:absolute;inset:0;display:block;overflow:hidden;border-radius:3px;opacity:0;pointer-events:none;transform-origin:50% 65%;transition:transform .35s var(--ease),filter .35s var(--ease),opacity .18s}
.knowledge-card-surface img{position:absolute;max-width:none;height:auto;display:block;pointer-events:none;user-select:none}
.knowledge-motion-card.card-engaged{z-index:4;box-shadow:none}
.knowledge-motion-card.card-engaged .knowledge-card-surface{opacity:1;transform:translateY(-3.5%) scale(1.025);filter:drop-shadow(0 5px 6px #3b061b55) drop-shadow(0 0 5px #ffdc99aa) brightness(1.035)}
.knowledge-motion-card.card-pressed .knowledge-card-surface{opacity:1;transform:translateY(-1%) scale(.985);filter:brightness(1.06)}
.source-motion-target{z-index:2;isolation:isolate;overflow:visible;border-radius:4px}
.source-motion-target::before{display:none}
.source-motion-surface{position:absolute;inset:0;display:block;overflow:hidden;opacity:0;border-radius:inherit;pointer-events:none;transform-origin:50% 65%;transition:transform .35s var(--ease),filter .35s var(--ease),opacity .15s}
.source-motion-surface>img{position:absolute;display:block;max-width:none;height:auto;pointer-events:none}
.source-motion-target.motion-engaged{z-index:4;box-shadow:none}
.source-motion-target.motion-engaged .source-motion-surface{opacity:1;transform:translateY(-1.8%) scale(1.018);filter:drop-shadow(0 5px 6px #b46e3a35) drop-shadow(0 0 6px #ffdc99aa) brightness(1.035)}
.source-motion-target[data-motion-kind=icon].motion-engaged .source-motion-surface{transform:translateY(-5%) rotate(-2deg) scale(1.045)}
.source-motion-target.motion-pressed .source-motion-surface{opacity:1;animation:mobile-source-pop .62s var(--ease) both}
.visual-motion-region{position:absolute;display:block;z-index:2;border-radius:4px;cursor:pointer;touch-action:manipulation}
@keyframes mobile-source-pop{0%,100%{transform:none}35%{transform:translateY(-4%) scale(1.035)}65%{transform:translateY(-1%) scale(.99)}}
.no-motion .source-motion-surface{opacity:0!important;transform:none!important;animation:none!important;filter:none!important}
.mobile-nav-glide{position:absolute;z-index:4;height:2px;pointer-events:none;opacity:0;background:linear-gradient(90deg,transparent,#f6d79e,#f00054,transparent);box-shadow:0 1px 8px #d4004966;transform:scaleX(.78);transition:left .3s var(--ease),top .3s var(--ease),width .3s var(--ease),opacity .2s}
.mobile-nav-glide.is-visible{opacity:1}
.consult-glint{border-radius:999px;overflow:hidden}
.consult-glint::before{inset:-10% 0;background:linear-gradient(110deg,transparent 25%,#fff4d680 50%,transparent 75%);animation:mobile-consult-glint 7s ease-in-out infinite}
@keyframes mobile-consult-glint{0%,65%,100%{opacity:0;transform:translateX(-100%)}72%{opacity:.5}88%{opacity:0;transform:translateX(100%)}}
.design-dialog[open]:not(.video-mode){animation:mobile-dialog-arrive .18s ease-out}
@keyframes mobile-dialog-arrive{from{opacity:.75;transform:translateY(6px)}to{opacity:1;transform:none}}
.no-motion .knowledge-motion-card .knowledge-card-surface{opacity:0!important;transform:none!important;filter:none!important}
.no-motion .mobile-petal-field,.no-motion .mobile-nav-glide{display:none!important}
.no-motion .consult-glint::before{animation:none!important}
@media(prefers-reduced-motion:reduce){.mobile-petal-field,.mobile-nav-glide{display:none}.knowledge-card-surface{transition:none}.consult-glint::before{animation:none}}