.hero .home-campaign-art {
  display: block;
  position: relative;
  width: 100%;
  min-width: 0;
  height: 620px;
  margin: 0;
  scale: 1;
  transform: none;
  overflow: visible;
  border-radius: 0;
  background: transparent;
  isolation: isolate;
}
.home-campaign-art img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center bottom;
  position: relative;
  z-index: 2;
  transform: translate3d(var(--portrait-x,0px),var(--portrait-y,0px),0);
  transition: transform .3s ease-out;
  mask-image: none;
}
.home-campaign-art::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  background: radial-gradient(ellipse,#d8b24a24,transparent 65%);
  animation: campaign-glow 7s ease-in-out infinite alternate;
}
@media(max-width:1150px) {
  .hero .home-campaign-art { height: 540px; }
}
@media(max-width:900px) {
  .hero .home-campaign-art { height: 470px; }
}
@media(max-width:650px) {
  .hero .home-campaign-art {
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 5;
    max-height: 480px;
    margin: 25px 0 0;
    border-radius: 0;
  }
}
.hero.home-campaign { border: 0; border-radius: 0; box-shadow: none; background: transparent!important; margin-block: 0; padding-block: 0; min-height: 0; gap: 24px; }
.hero.home-campaign .home-campaign-art { height: 530px; }
.home-campaign-art .campaign-halo { position: absolute; inset: 15% 1% 12%; border: 1px solid #d8b24a44; border-radius: 50%; z-index: 0; transform: rotate(-25deg); animation: campaign-orbit 16s ease-in-out infinite alternate; pointer-events: none; }
.home-campaign-art .campaign-halo::after { content: ''; position: absolute; inset: 25px -15px; border: 1px solid #d8b24a20; border-radius: 50%; transform: rotate(38deg); }
.campaign-particles { position: absolute; inset: 0; z-index: 1; pointer-events: none; }
.campaign-particles i { position: absolute; left: var(--left); bottom: 5%; width: 4px; height: 4px; background: #f4d48a; border-radius: 50%; box-shadow: 0 0 12px #e6bf62; animation: campaign-rise 8s linear infinite; animation-delay: var(--delay); opacity: 0; }
.home-campaign-categories .game-art { display: block; overflow: hidden; }
.home-campaign-categories .game-art::before { display: none!important; }
.home-campaign-categories .game-art img { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform .5s ease; }
.home-campaign-categories .game-card:hover .game-art img { transform: scale(1.06); }
.section-2 .app-art.home-app-visual { width: 42%; min-width: 0; flex-shrink: 0; }
.home-app-visual img { display: block; width: 100%; height: auto; filter: drop-shadow(0 20px 25px #0007); animation: campaign-devices 7s ease-in-out infinite; }
@keyframes campaign-glow { from { opacity: .5; transform: scale(.9); } to { opacity: 1; transform: scale(1.1); } }
@keyframes campaign-orbit { to { transform: rotate(15deg) scale(.95); } }
@keyframes campaign-rise { 0% { transform: translateY(0); opacity: 0; } 15%,70% { opacity: .65; } 100% { transform: translateY(-420px); opacity: 0; } }
@keyframes campaign-devices { 50% { transform: translateY(-10px); } }
@media(max-width:650px) { .section-2 .app-art.home-app-visual { width: 100%; max-width: 390px; } .home-campaign-art .campaign-halo { inset-inline: 8%; } }
@media(prefers-reduced-motion:reduce) { .home-campaign-art *, .home-campaign-art::after,.home-app-visual img { animation: none!important; transition: none!important; transform: none!important; } }

/* Small illustrations occupy the open heading column, without adding cards. */
.section-1 .section-copy .home-about-spot,
.section-5 .section-copy .home-reward-spot {
  width: min(220px,100%);
  margin: 22px 0 0;
}
.section-1 .home-heading-visual { grid-column: 1; grid-row: 1 / 3; }
.section-5 .home-heading-visual { grid-column: 1; grid-row: 1 / 7; }
.section-1 .home-heading-visual h2,.section-5 .home-heading-visual h2 { margin-bottom: 0; }
.home-about-spot img,.home-reward-spot img { display: block; width: 100%; height: auto; }
.section-4 .demo-art.home-demo-visual {
  display: block;
  width: 300px!important;
  height: auto!important;
  padding: 0;
  border: 0!important;
  border-radius: 0;
  background: none!important;
  box-shadow: none!important;
  transform: none;
  font-size: 0;
}
.home-demo-visual img { width: 100%; height: auto; display: block; }
@media(max-width:1000px) {
  .hero.home-campaign { grid-template-columns: minmax(0,1fr) minmax(0,.85fr); padding-inline: 0; }
  .hero.home-campaign .home-campaign-art { height: 460px; }
}
@media(max-width:650px) {
  .hero.home-campaign { padding-block: 0; gap: 0; }
  .hero.home-campaign .hero-copy { padding-top: 18px; }
  .hero.home-campaign .home-campaign-art { height: auto; max-height: 390px; margin: 0; }
  .section-1 .section-copy .home-about-spot,.section-5 .section-copy .home-reward-spot { width: 155px; margin: 18px auto; }
  .section-4 .demo-art.home-demo-visual { width: min(280px,100%)!important; }
}