/* Hero sizing/layout fix 2026-10-11 */
section.cinematicHero{min-height:calc(100vh - 43px);min-height:calc(100svh - 43px);height:auto;padding:clamp(56px,9vh,110px) 0 clamp(20px,4vh,52px);align-items:center;box-sizing:border-box}
section.cinematicHero .heroGameBackdrop{background-position:62% 35%}
section.cinematicHero .cinematicHeroInner{min-height:0;padding-top:0;grid-template-columns:1fr}
section.cinematicHero .cinematicHeroCopy{max-width:min(860px,100%);padding-top:0}
section.cinematicHero .heroReview{margin-bottom:clamp(10px,2.4vh,24px)}
section.cinematicHero h1{font-size:clamp(40px,min(7.2vw,11.5vh),112px);line-height:.9;margin:clamp(8px,1.6vh,18px) 0 clamp(10px,2.2vh,22px);max-width:100%}
section.cinematicHero .cinematicHeroCopy>p:not(.rvHeroPrice){max-width:640px;min-height:0;font-size:clamp(14px,1.9vh,17px);line-height:1.6}
section.cinematicHero .cinematicActions{margin-top:clamp(14px,2.8vh,30px)}
section.cinematicHero .rvHeroPrice{margin-top:clamp(10px,1.8vh,18px)}
section.cinematicHero .heroSlideControls{display:flex!important;flex-wrap:wrap;gap:6px!important;width:auto!important;max-width:100%;margin-top:clamp(14px,2.8vh,30px)}
section.cinematicHero .heroSlideControls button{flex:0 0 auto;width:auto;height:clamp(36px,5.4vh,46px);padding:0 12px!important}
section.cinematicHero .heroSlideControls button span{overflow:visible;text-overflow:clip;white-space:nowrap}
section.cinematicHero .cinematicFacts{margin-top:clamp(14px,3vh,34px)}
section.cinematicHero .cinematicFacts span{padding-top:clamp(10px,1.8vh,18px)}
@media (min-width:900px){section.cinematicHero .cinematicHeroCopy{max-width:min(62vw,860px)}}
@media (max-height:700px) and (min-width:700px){
 section.cinematicHero{padding-top:46px;padding-bottom:14px}
 section.cinematicHero .heroReview{margin-bottom:8px;padding:4px 8px 4px 4px}
 section.cinematicHero h1{font-size:clamp(36px,min(6vw,9.6vh),72px);line-height:.92;margin:6px 0 8px}
 section.cinematicHero .cinematicHeroCopy>p:not(.rvHeroPrice){font-size:13.5px;line-height:1.4;max-width:600px}
 section.cinematicHero .cinematicKicker{font-size:10px}
 section.cinematicHero .cinematicActions{margin-top:10px}
 section.cinematicHero .cinematicActions .button{min-height:0;height:40px}
 section.cinematicHero .rvHeroPrice{margin-top:8px}
 section.cinematicHero .rvHeroPrice b{font-size:17px}
 section.cinematicHero .rvHeroPrice span{padding:4px 9px}
 section.cinematicHero .heroSlideControls{margin-top:10px}
 section.cinematicHero .heroSlideControls button{height:32px}
 section.cinematicHero .cinematicFacts{margin-top:10px}
 section.cinematicHero .cinematicFacts span{padding-top:7px}
 section.cinematicHero .cinematicFacts b{font-size:15px}
}
@media (max-width:699px){
 section.cinematicHero{padding:84px 0 28px;align-items:flex-end}
 section.cinematicHero h1{font-size:clamp(40px,12vw,58px)}
 section.cinematicHero .heroSlideControls{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 section.cinematicHero .heroSlideControls::-webkit-scrollbar{display:none}
 section.cinematicHero .cinematicActions{flex-direction:row;flex-wrap:wrap;align-items:center}
}