/* Alterra VR / «Просто игра» / v2
 * ONLY mobile hero (<701px): separate three game illustrations from heading.
 * Desktop/tablet markup, 16 game cards, filters and all other pages unchanged.
 */
.pg-mobile-art{display:none}
@media(max-width:700px){
  /* Keep decorative game images ABOVE the hero text, not behind it. */
  .pg-hero{display:block;min-height:0;overflow:hidden;isolation:isolate;background:#02111e}
  .pg-hero-visual{background-image:none!important;background:radial-gradient(ellipse at 72% 26%,rgba(17,96,122,.26),transparent 63%),linear-gradient(155deg,#02111e,#031a2b 55%,#02111e)!important}
  .pg-hero::before{background:linear-gradient(180deg,rgba(2,17,30,.13) 0%,rgba(2,17,30,.05) 41%,#02111e 77%,#02111e 100%)}
  .pg-grid-overlay{opacity:.27;mask-image:linear-gradient(180deg,#000,transparent 93%)}
  .pg-mobile-art{display:block;position:relative;z-index:0;margin:74px auto 0;width:calc(100% - 34px);height:clamp(315px,100vw,700px);pointer-events:none}
  .pg-mobile-art-card{position:absolute;display:block;aspect-ratio:16/9;object-fit:cover;height:auto;border-radius:14px;border:1px solid rgba(89,231,246,.66);box-shadow:0 12px 32px rgba(0,0,0,.46),0 0 22px rgba(35,222,238,.07);will-change:auto}
  .pg-mobile-art-job{top:3%;left:2%;width:63%;transform:rotate(-6deg);z-index:1}
  .pg-mobile-art-beat{top:29%;right:-5%;width:66%;transform:rotate(-9deg);z-index:2}
  .pg-mobile-art-cat{top:55%;left:15%;width:72%;transform:rotate(7deg);z-index:3}
  .pg-hero-content{z-index:1;margin-top:10px;padding:0 0 93px!important}
  .pg-title-meta{margin-top:21px}
}
@media(max-width:390px){
  .pg-mobile-art{width:calc(100% - 30px);height:clamp(305px,100vw,390px)}
  .pg-mobile-art-job{left:1%;width:65%}
  .pg-mobile-art-beat{right:-7%;width:69%}
  .pg-mobile-art-cat{left:13%;width:76%;top:54%}
  .pg-hero-content{padding-top:0!important}
}
@media(prefers-reduced-motion:reduce){
  .pg-mobile-art-card{transition:none!important;animation:none!important}
}