/* Rotating hero — generated by build_hero_rotation.py, do not hand-edit. Frames chosen by measured emptiness on the LEFT, where the headline sits. One class is stamped on before paint, so only one image loads. */ /* 1: mj-stool-31 stool lum 234.0 det 2.0 */ .hv1 .hero-img{background-image:image-set(url("img/mj-stool-31-1080.webp") 1x,url("img/mj-stool-31-1080.webp") 2x)} @media (max-width:860px){.hv1 .hero-img{background-image:url("img/mj-stool-31-640.webp")}} /* 2: mj-stool-29 stool lum 233.1 det 3.6 */ .hv2 .hero-img{background-image:image-set(url("img/mj-stool-29-1080.webp") 1x,url("img/mj-stool-29-1080.webp") 2x)} @media (max-width:860px){.hv2 .hero-img{background-image:url("img/mj-stool-29-640.webp")}} /* 3: mj-hands-07 hands lum 228.1 det 17.6 */ .hv3 .hero-img{background-image:image-set(url("img/mj-hands-07-1080.webp") 1x,url("img/mj-hands-07-1080.webp") 2x)} @media (max-width:860px){.hv3 .hero-img{background-image:url("img/mj-hands-07-640.webp")}} /* 4: mj-stool-30 stool lum 231.2 det 23.4 */ .hv4 .hero-img{background-image:image-set(url("img/mj-stool-30-1080.webp") 1x,url("img/mj-stool-30-1080.webp") 2x)} @media (max-width:860px){.hv4 .hero-img{background-image:url("img/mj-stool-30-640.webp")}} /* 5: mj-hands-08 hands lum 216.5 det 17.2 */ .hv5 .hero-img{background-image:image-set(url("img/mj-hands-08-1080.webp") 1x,url("img/mj-hands-08-1080.webp") 2x)} @media (max-width:860px){.hv5 .hero-img{background-image:url("img/mj-hands-08-640.webp")}} .hero-img{background-size:cover;background-position:60% 42%;background-repeat:no-repeat} @media (max-width:859px){.hero-img{background-position:64% 24%}}