.hero-stage .hero-stage-bottom{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:18px}
.hero-stage-bottom .hero-seat-count{justify-self:start}
.hero-stage-bottom .hero-payment-methods{position:relative;width:100%;max-width:320px;aspect-ratio:2065/264;justify-self:center;overflow:hidden;min-width:0}
.hero-stage-bottom .hero-payment-methods img{position:absolute;display:block;width:105.1816%;max-width:none;height:274.2424%;left:-3.7288%;top:-84.4697%;object-fit:fill;margin:0;filter:none;transform:none}
.hero-stage .hero-stage-bottom>p{justify-self:end;max-width:120px;text-align:right;margin:0}
@media(max-width:600px){.hero-stage .hero-stage-bottom{column-gap:10px}.hero-stage-bottom .hero-payment-methods{max-width:240px}}
@media(max-width:380px){.hero-stage .hero-stage-bottom{column-gap:7px;left:18px;right:18px}.hero-stage .hero-stage-bottom>p{font-size:.65rem}}
/* Keep the complete desktop hero, including its lower strip, inside the viewport. */
@media(min-width:1101px) and (min-height:620px){
 .hero-content{min-height:0;height:calc(100dvh - 120px);max-height:690px;align-items:stretch}
 .hero-content .hero-copy{min-height:0;padding:28px 0;display:flex;flex-direction:column;justify-content:center}
 .hero-content .hero-copy .kicker{margin-bottom:24px}
 .hero-content .hero-copy h1{font-size:clamp(3.7rem,5.4vw,6.2rem);line-height:.98;margin-top:0;margin-bottom:24px}
 .hero-content .hero-description{font-size:clamp(.95rem,1.2vw,1.1rem);line-height:1.55;margin-top:0;margin-bottom:24px}
 .hero-content .hero-stage{min-height:0;margin-top:12px;margin-bottom:16px}
 .hero-content .hero-stage-bottom{bottom:20px;padding-top:14px}
}
@media(min-width:1101px) and (min-height:620px) and (max-height:750px){
 .hero-content .hero-copy{padding:18px 0}
 .hero-content .hero-copy h1{font-size:clamp(3.4rem,5vw,5rem);margin-bottom:18px}
 .hero-content .hero-copy .kicker{margin-bottom:18px}
 .hero-content .hero-description{font-size:1rem;margin-bottom:20px}
}

/* Equal side columns keep the badges on the panel's central axis. */
@media(min-width:601px){.hero-stage .hero-stage-bottom{grid-template-columns:120px minmax(0,1fr) 120px}.hero-stage .hero-stage-bottom .hero-payment-methods{justify-self:center}}
