.e5-top-visuals, .e5-top-visuals * { box-sizing: border-box; }
.e5-top-visuals { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100%; height: 100vh; height: 100svh; margin: 0; padding: 0; overflow: hidden; background: #dde1df; }
.e5-top-visuals__frame { position: relative; isolation: isolate; --fade-time: 2s; margin: 0; padding: 0; min-width: 0; height: 100%; overflow: hidden; }
.e5-top-visuals .e5-top-visuals__image { position: absolute; inset: 0; display: block; width: 100%; height: 100% !important; max-width: none; object-fit: cover; object-position: center; }
.e5-top-visuals__pause { position: absolute; z-index: 2; right: 20px; bottom: max(20px, env(safe-area-inset-bottom)); min-width: 66px; min-height: 44px; padding: 10px 14px; border: 1px solid rgb(255 255 255 / .65); border-radius: 0; color: #fff; background: rgb(0 0 0 / .34); font: 10px/1 Arial, sans-serif; letter-spacing: .12em; cursor: pointer; }
.e5-top-visuals__pause[hidden] { display: none; }
.e5-top-visuals__pause:hover { background: rgb(0 0 0 / .6); }
.e5-top-visuals__pause:focus-visible { outline: 2px solid #fff; outline-offset: 4px; }
.e5-top-visuals__frame:nth-child(2) { --fade-time: 1s; }
.e5-top-visuals__image--in { z-index: 1; animation: e5-top-fade-in var(--fade-time) ease-in-out both; }
.e5-top-visuals__image--out { z-index: 0; animation: e5-top-fade-out var(--fade-time) ease-in-out both; }
@keyframes e5-top-fade-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes e5-top-fade-out { from { opacity: 1; } to { opacity: 0; } }
@media (max-width: 800px) {
  .e5-top-visuals { grid-template-columns: 1fr; }
  .e5-top-visuals__frame { --fade-time: 1s; }
  .e5-top-visuals__frame:nth-child(2) { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .e5-top-visuals__image--in, .e5-top-visuals__image--out { animation: none; }
}

/* The existing English mobile ambassador banner occupies the bottom right. */
@media (max-width: 800px) {
  .e5-top-visuals:lang(en) .e5-top-visuals__pause { left: max(16px, env(safe-area-inset-left)); right: auto; }
}