.i2-portfolio-motion { position: relative; width: 100%; min-width: 0; isolation: isolate; background: #111; color: #fff; }
.i2-portfolio-motion__stage { width: 100%; min-width: 0; aspect-ratio: 16 / 9; overflow: hidden; }
.i2-portfolio-motion__image { display: block; width: 100%; height: 100%; object-fit: contain; transform-origin: 50% 50%; }
.i2-portfolio-motion__toggle { position: absolute; right: 12px; bottom: 12px; z-index: 2; min-height: 44px; padding: 8px 14px; border: 1px solid #ffffff80; border-radius: 24px; background: #111e; color: #fff; font: 500 12px/1.3 sans-serif; cursor: pointer; }
.i2-portfolio-motion__toggle:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.i2-portfolio-motion__toggle { width: 44px; height: 44px; padding: 0; display: grid; place-items: center; border-radius: 50%; }
.i2-portfolio-motion__toggle::before { content: ''; width: 12px; height: 15px; border-left: 4px solid currentColor; border-right: 4px solid currentColor; box-sizing: border-box; }
.i2-portfolio-motion__toggle[aria-pressed="true"]::before { width: 0; height: 0; margin-left: 3px; border: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 12px solid currentColor; }
.i2-portfolio-motion [hidden] { display: none !important; }
@media (prefers-reduced-motion: reduce) { .i2-portfolio-motion__image { transform: none !important; } }