/* Stormfront artwork with a transparent lower edge and live inline counts. */
.hero.banner-stormfront723 {background:transparent!important;padding:0!important;border:0!important;box-shadow:none!important;border-radius:10px 10px 0 0;}
.banner-stormfront723 .banner723-viewport {position:relative;aspect-ratio:2048 / 768;overflow:hidden;line-height:0;}
.banner-stormfront723 .banner723 {position:static;display:block;width:100%;height:auto;transform:none;-webkit-mask-image:linear-gradient(to bottom,#000 84%,rgba(0,0,0,.85) 89%,rgba(0,0,0,.25) 96%,transparent 99%,transparent);mask-image:linear-gradient(to bottom,#000 84%,rgba(0,0,0,.85) 89%,rgba(0,0,0,.25) 96%,transparent 99%,transparent);}
.hero.banner-stormfront723 #tributeTrigger {left:49.7802734375%;top:32.3567708333%;width:44px;height:44px;transform:translate(-50%,-50%);}
.hero.banner-stormfront723 #tributeTrigger:focus-visible {outline:2px solid #b99350;outline-offset:2px;}
.banner629-counts {position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;width:min(900px,94%);margin:-38px auto 0;padding:0 0 12px;line-height:1.2;z-index:1;}
.banner629-stat {display:flex;align-items:baseline;justify-content:center;gap:8px;min-width:0;white-space:nowrap;color:#173d65;}
.banner629-stat + .banner629-stat {border-left:1px solid #b9935080;}
.banner629-stat strong {font-family:Georgia,"Times New Roman",serif;font-size:28px;font-weight:700;font-variant-numeric:tabular-nums;}
.banner629-stat span {font-family:Georgia,"Times New Roman",serif;font-size:12px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;}
@media(max-width:999px) and (min-width:601px) {
  .banner629-counts {margin-top:-26px;padding-bottom:6px;}
  .banner629-stat {gap:6px;}
  .banner629-stat strong {font-size:24px;}
  .banner629-stat span {font-size:10px;}
}
/* Review 630: all four mobile count-label pairs share one row. */
@media(max-width:600px) {
  .banner629-counts {grid-template-columns:repeat(4,max-content);justify-content:space-evenly;width:100%;box-sizing:border-box;margin:-2px auto 0;padding:0 5px 4px;gap:0;}
  .banner629-stat {gap:clamp(3px,.7vw,5px);}
  .banner629-stat strong {font-size:clamp(16px,4.4vw,22px);}
  .banner629-stat span {font-size:clamp(8px,2vw,10px);letter-spacing:.015em;}
  .banner629-stat + .banner629-stat {border-left:0;}
}

/* Enlarge the artwork proportionally in the portrait Home Screen layout. */
@media (max-width: 600px) and (orientation: portrait) {
  html.ios-home-screen .banner-stormfront723 .banner723-viewport {
    aspect-ratio: auto;
  }
  html.ios-home-screen .banner-stormfront723 .banner723 {
    width: 112.5%;
    margin-inline: -6.25%;
  }
}