

.p-industry--online-gaming .og-piece--a { --og-delay: 2.4s; }
.p-industry--online-gaming .og-piece--b { --og-delay: 4.32s; }
.p-industry--online-gaming .og-piece {
  --ih-ambient: og-drop 6s linear var(--og-delay) infinite;
}
@keyframes og-drop {
  0%, 40% { transform: translateY(0); }        
  44% { transform: translateY(-228.7px); }      
  48% {
    transform: translateY(-228.7px);
    animation-timing-function: steps(3, end);   
  }
  80%, 100% { transform: translateY(0); }       
}

.p-industry--online-gaming .og-sq--1 { --ih-ambient: og-sq-1 6s linear var(--og-delay) infinite; }
.p-industry--online-gaming .og-sq--2 { --ih-ambient: og-sq-2 6s linear var(--og-delay) infinite; }
.p-industry--online-gaming .og-sq--3 { --ih-ambient: og-sq-3 6s linear var(--og-delay) infinite; }
.p-industry--online-gaming .og-sq--4 { --ih-ambient: og-sq-4 6s linear var(--og-delay) infinite; }
@keyframes og-sq-1 { 0%, 20% { opacity: 1; } 24%, 44% { opacity: 0; } 46%, 100% { opacity: 1; } }
@keyframes og-sq-2 { 0%, 24% { opacity: 1; } 28%, 44% { opacity: 0; } 46%, 100% { opacity: 1; } }
@keyframes og-sq-3 { 0%, 28% { opacity: 1; } 32%, 44% { opacity: 0; } 46%, 100% { opacity: 1; } }
@keyframes og-sq-4 { 0%, 32% { opacity: 1; } 36%, 44% { opacity: 0; } 46%, 100% { opacity: 1; } }

.p-industry--online-gaming .og-piece--b {
  --ih-ambient: og-drop-b 6s linear var(--og-delay) infinite;
}
@keyframes og-drop-b {
  0%, 40% { transform: translateY(0); }        
  44% { transform: translateY(-228.7px); }
  66% {
    transform: translateY(-228.7px);
    animation-timing-function: steps(3, end);
  }
  98%, 100% { transform: translateY(0); }       
}
.p-industry--online-gaming .og-piece--b .og-sq--1 { --ih-ambient: og-sq-1b 6s linear var(--og-delay) infinite; }
.p-industry--online-gaming .og-piece--b .og-sq--2 { --ih-ambient: og-sq-2b 6s linear var(--og-delay) infinite; }
.p-industry--online-gaming .og-piece--b .og-sq--3 { --ih-ambient: og-sq-3b 6s linear var(--og-delay) infinite; }
.p-industry--online-gaming .og-piece--b .og-sq--4 { --ih-ambient: og-sq-4b 6s linear var(--og-delay) infinite; }
@keyframes og-sq-1b { 0%, 20% { opacity: 1; } 24%, 62% { opacity: 0; } 64%, 100% { opacity: 1; } }
@keyframes og-sq-2b { 0%, 24% { opacity: 1; } 28%, 62% { opacity: 0; } 64%, 100% { opacity: 1; } }
@keyframes og-sq-3b { 0%, 28% { opacity: 1; } 32%, 62% { opacity: 0; } 64%, 100% { opacity: 1; } }
@keyframes og-sq-4b { 0%, 32% { opacity: 1; } 36%, 62% { opacity: 0; } 64%, 100% { opacity: 1; } }

.p-industry--online-gaming .ih-hero__art svg .og-piece,
.p-industry--online-gaming .ih-hero__art svg .og-sq {
  transform-box: fill-box;
  animation:
    ih-el 0.55s var(--ease-out-expo, ease) var(--ih-el-delay, 0.12s) both,
    var(--ih-ambient, ih-none);
}
html[data-ih-skip] .p-industry--online-gaming .ih-hero__art svg .og-piece,
html[data-ih-skip] .p-industry--online-gaming .ih-hero__art svg .og-sq {
  animation: var(--ih-ambient, ih-none);
  opacity: 1;
}
@media (prefers-reduced-motion: reduce) {
  .p-industry--online-gaming .og-piece,
  .p-industry--online-gaming .og-sq {
    animation: none;
    opacity: 1;
    transform: none;
  }
}

.p-industry--online-gaming .og-logos__head {
  margin-top: 32px;
  text-align: center;
  font-size: var(--fs-sm);
  line-height: var(--leading-snug);
  color: var(--color-grey-on-white);
}

.p-industry--online-gaming .og-logos__head + .ind-stats__wall { margin-top: 20px; }

.p-industry--online-gaming .og-story__title {
  margin-top: 14px;
  font-family: var(--font-display);
  font-weight: 500;
  letter-spacing: var(--track-tighter);
  font-size: 26px;
  line-height: 1.15;
  color: var(--color-black);
}
@media (min-width: 640px) {
  .p-industry--online-gaming .og-story__title { font-size: 32px; }
}

.p-industry--online-gaming .og-story__chips {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin: 24px 0 0;
  padding: 0;
  list-style: none;
}
.p-industry--online-gaming .og-story__chip {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 8px 14px;
  border: 1px solid var(--color-border-light);
  border-radius: 999px;
  background: var(--color-white);
  font-size: var(--fs-sm);
  line-height: 1.2;
  color: var(--color-black);
  transition: border-color 0.2s ease, color 0.2s ease;
}
.p-industry--online-gaming .og-story__chip svg { opacity: 0.5; }
.p-industry--online-gaming .og-story__chip:hover {
  border-color: var(--color-blue);
  color: var(--color-blue);
}
.p-industry--online-gaming .og-story__chip:hover svg { opacity: 1; }
