.dots-hero-intro,.dots-hero-intro-themed{position:absolute;inset:0}.dots-hero-intro img{object-fit:contain;width:100%;height:100%;display:block}.dots-hero-intro[data-static] img{aspect-ratio:1;width:auto;height:78%;position:absolute;top:54%;left:50%;transform:translate(-50%,-50%)}@media (prefers-reduced-motion:no-preference){.dots-hero-intro:not([data-static]){animation-name:dots-hero-intro-clock;animation-timing-function:linear;animation-fill-mode:both}}@media (prefers-reduced-motion:reduce){.dots-hero-intro img{aspect-ratio:1;width:auto;height:78%;position:absolute;top:54%;left:50%;transform:translate(-50%,-50%)}}@keyframes dots-hero-intro-clock{0%{--dots-hero-intro-progress:0}to{--dots-hero-intro-progress:1}}.dots-hero-intro-video{animation:none}.dots-hero-intro-video img{aspect-ratio:1;width:auto;height:78%;position:absolute;top:54%;left:50%;transform:translate(-50%,-50%)}.dots-hero-intro-video video{object-fit:contain;opacity:0;width:100%;height:100%;position:absolute;inset:0}.dots-hero-intro-video[data-playing] video{opacity:1}@media (prefers-reduced-motion:reduce){.dots-hero-intro-video video{display:none}}.dots-hero-intro-themed[data-themed]>picture[data-theme=dark],.dots-hero-intro-themed[data-themed]:where(.dark,.dark *):not(:where(.dark .light,.dark .light *))>picture[data-theme=light]{display:none}.dots-hero-intro-themed[data-themed]:where(.dark,.dark *):not(:where(.dark .light,.dark .light *))>picture[data-theme=dark]{display:block}@media (prefers-color-scheme:dark){.dots-hero-intro-themed[data-themed]:not(.light,.light *)>picture[data-theme=light]{display:none}.dots-hero-intro-themed[data-themed]:not(.light,.light *)>picture[data-theme=dark]{display:block}}