x-hero-scenes{display:contents}@scope (x-hero-scenes) to (:scope :is(x-accordion,x-any-device,x-article-card,x-assign-by-role,x-automate-learning,x-award-certificates,x-base,x-benefits,x-brands,x-carousel,x-course-library,x-cta,x-faq,x-footer,x-get-started,x-grants,x-hero,x-hero-scenes,x-laptop-mockup,x-logo-mark,x-nav,x-panel,x-phone-mockup,x-problem,x-quiz,x-quote,x-solution,x-testimonials,x-track-progress)>*){:scope{display:block;width:100%;max-width:32rem}.scene-stage{display:grid;padding-bottom:var(--space-5)}.scene{position:relative;grid-area:1 / 1;min-width:0;opacity:0;visibility:hidden;transition:opacity var(--duration-shine) var(--ease-in-out),visibility var(--duration-shine)}.scene[aria-hidden="false"]{opacity:1;visibility:visible}.photo{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-3xl);box-shadow:var(--shadow-media)}.scene-dots{display:flex;justify-content:center;gap:0}.scene-dots[hidden]{display:none}button.scene-dot{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;padding:0;border:0;background:transparent;box-shadow:none;transform:none}button.scene-dot::before{display:none}button.scene-dot:hover{background:transparent;box-shadow:none;transform:none}.scene-dot span{display:block;width:6px;height:6px;border-radius:50%;background:var(--text-soft)}.scene-dot[aria-pressed="true"] span{background:var(--purple)}@media (prefers-reduced-motion:reduce){.scene{transition:none}}}