/* Fit the original 1536x1024 painted art completely inside the widescreen stage.
   Feather at the true contained-image edges so the ambient extension has no seams. */
@media (min-width:75rem) {
 body.single-hub-home .hero{
  --rocket-stage-height:clamp(44rem,calc(100svh + 2rem),60rem);--rocket-feather:clamp(1.5rem,calc(25% - .375 * var(--rocket-stage-height)),12rem);
  background:#242628;
  isolation:isolate;
 }
 body.single-hub-home .hero::before{
  content:"";position:absolute;inset:-2rem;z-index:-2;pointer-events:none;
  background:url("/assets/paper-arcade-background.webp") center center / cover no-repeat;
  filter:blur(26px) brightness(.66) saturate(.95);
  transform:scale(1.02);
 }
 body.single-hub-home .hero-backdrop{
  object-fit:contain!important;object-position:center center!important;
  z-index:-1;
  -webkit-mask-image:linear-gradient(90deg,
   transparent calc(50% - .75 * var(--rocket-stage-height)),
   #000 calc(50% - .75 * var(--rocket-stage-height) + var(--rocket-feather)),
   #000 calc(50% + .75 * var(--rocket-stage-height) - var(--rocket-feather)),
   transparent calc(50% + .75 * var(--rocket-stage-height)));
  mask-image:linear-gradient(90deg,
   transparent calc(50% - .75 * var(--rocket-stage-height)),
   #000 calc(50% - .75 * var(--rocket-stage-height) + var(--rocket-feather)),
   #000 calc(50% + .75 * var(--rocket-stage-height) - var(--rocket-feather)),
   transparent calc(50% + .75 * var(--rocket-stage-height)));
 }
 body.single-hub-home .hero-tagline{text-shadow:0 3px 6px #000,0 1px 15px #000b}
}