/* Keep the eight sprites in one overlapping burst at every screen width. */
.hero-ensemble{height:auto;aspect-ratio:1/1.04;margin:25px 8px 35px}
.hero-ensemble .burst{inset:0 -7% auto auto;width:114%;height:106%;opacity:.8;transform:rotate(-9deg)}
.hero-ensemble .ensemble-time{width:40%;left:-3%;top:0;transform:rotate(-18deg);z-index:2}
.hero-ensemble .ensemble-command{width:40%;left:29%;top:-4%;transform:rotate(7deg);z-index:1}
.hero-ensemble .ensemble-battery{width:38%;right:-7%;top:7%;transform:rotate(19deg);z-index:2}
.hero-ensemble .ensemble-helios{width:61%;left:-4%;top:22%;transform:rotate(-12deg);z-index:4}
.hero-ensemble .ensemble-gilded{width:54%;right:-6%;top:26%;transform:rotate(15deg);z-index:3}
.hero-ensemble .ensemble-apple{width:40%;left:-8%;bottom:0;transform:rotate(-15deg);z-index:5}
.hero-ensemble .ensemble-unicorn{width:48%;left:23%;bottom:-4%;transform:rotate(5deg);z-index:6}
.hero-ensemble .ensemble-clown{width:40%;right:-10%;bottom:-1%;transform:rotate(15deg);z-index:5}
.hero-ensemble .s1{font-size:42px;left:25%;right:auto;top:13%;z-index:7}
.hero-ensemble .s2{font-size:36px;left:48%;top:50%;z-index:7}
.hero-ensemble .s3{font-size:32px;left:64%;bottom:20%;z-index:7}
.hero-ensemble .pow{bottom:-13%;left:0;font-size:27px;z-index:8}
footer .studio-credit{display:block;font-size:13px}
@media(max-width:700px){.hero-ensemble{width:min(420px,87%);height:auto;margin:45px auto 60px}.hero-ensemble .pow{font-size:24px}footer .studio-credit{font-size:11px}}
@media(prefers-reduced-motion:no-preference){.hero-ensemble img:hover{transform:scale(1.06) rotate(0deg);z-index:9}}