/* Keep responsive artwork out of layout calculations while letting existing
   image selectors continue to style the actual img element. */
.responsive-picture{display:contents}
.responsive-picture img{display:block;max-width:100%;height:auto}
.hero-visual .responsive-picture>img{width:100%;max-width:480px;height:auto}
.journey-banner .responsive-picture{flex:0 0 auto}
.journey-banner .responsive-picture>img{width:180px;height:180px;object-fit:contain;border-radius:24px}
.factory-machine .responsive-picture>img{width:100%;height:100%;object-fit:contain}

@supports (background-image: image-set(url('x') type('image/avif'))){
    .reactor-core{background-image:image-set(url('/assets/brand/mining-core.avif') type('image/avif'),url('/assets/brand/mining-core.webp') type('image/webp'))}
    .package-card::before,.package-intro::after{background-image:image-set(url('/assets/brand/speed-modules.avif') type('image/avif'),url('/assets/brand/speed-modules.webp') type('image/webp'))}
}

/* The JS adds .low-power for save-data, reduced-motion, small-memory and
   low-core devices. Keep the first paint intact while removing expensive
   continuous effects on those devices. */
.low-power .hero-orbit,.low-power .hero-particle,.low-power .equipment-glow,
.low-power .package-visual::before,.low-power .package-aura,
.low-power .package-card-v2 .package-visual img,.low-power .status-dot i{animation:none!important}
.low-power .offline-mining-beam,.low-power .offline-mining-core,
.low-power .offline-mining-core i,.low-power .offline-mining-particle,
.low-power .offline-mining-stream{animation-duration:6s!important}

@media(max-width:640px){
    .hero-visual .responsive-picture>img{max-width:86vw}
    .journey-banner .responsive-picture>img{width:132px;height:132px}
}

@media(prefers-reduced-motion:reduce){
    .responsive-picture img{transition:none!important}
}
.lite-mode .factory-halo,.lite-mode .factory-power,.lite-mode .refinery-token,.lite-mode .offline-mining-particle,.lite-mode .offline-mining-beam{animation:none!important}.lite-mode .factory-halo,.lite-mode .offline-mining-beam{opacity:.35}.lite-mode .tap-effects .tap-token-pop:nth-child(n+3){display:none}.lite-mode img{content-visibility:auto}