/* Size each showcase group against the centered scene, leaving room between groups. */
.scene-phone{left:5%;top:200px;width:clamp(160px,14%,220px)}
.scene-packs{left:42%;top:auto;bottom:110px;width:24%;height:auto;aspect-ratio:460/360}
.scene-pack{width:44.56%}
.scene-pack-core{left:1.3%;bottom:1.94%}
.scene-pack-founder{left:26.96%;bottom:5.56%;width:47.83%}
.scene-pack-elements{right:1.3%;bottom:1.94%}
.scene-card-flaro{right:10%;bottom:100px;width:17%;max-width:260px}
.scene-card-side{bottom:144px;width:12%;max-width:185px}
.scene-card-brumel{right:25%}
.scene-card-fenara{right:3%}
@media(max-width:990px) and (min-width:651px){
  .scene-phone{left:4%;top:185px;width:17%}
  .scene-phone-frame{padding:6px;border-radius:21px}
  .scene-phone-screen{border-radius:15px}
  .scene-phone-topline{padding:14px 6px 5px;font-size:7px}
  .scene-phone-topline span{font-size:6px}
  .scene-phone-details{padding:6px}
  .scene-phone-name{font-size:14px}
  .scene-phone-name small{font-size:6px}
  .scene-phone-stats{margin:6px 0;gap:3px}
  .scene-phone-stats>span{font-size:7px}
  .scene-phone-stats img{width:14px;height:14px}
  .scene-phone-move{font-size:8px;padding:4px 0}
  .scene-phone-link{padding:7px 9px;font-size:9px}
  .scene-packs{left:42%;bottom:110px;width:24%}
  .scene-card-flaro{right:9%;width:19%;bottom:108px}
  .scene-card-side{width:13%;bottom:136px}
  .scene-card-brumel{right:25%}
  .scene-card-fenara{right:4%}
}
@media(max-width:650px){
  .masthead{height:min(110svh,820px);min-height:780px}
  .scene-phone{left:6%;top:185px;width:clamp(104px,30%,128px)}
  .scene-packs{left:74%;top:185px;bottom:auto;width:43%;max-width:180px}
  .scene-card-flaro{right:30%;bottom:94px;width:40%;max-width:160px}
  .scene-card-side{bottom:118px;width:27%;max-width:120px}
  .scene-card-brumel{right:62%}
  .scene-card-fenara{right:9%}
}