/* Keep the full desktop introduction, poster and action visible in one viewport. */
.poster-open{display:block;cursor:zoom-in}
@media(min-width:1000px) and (min-height:620px){
  .hero-shell{min-height:0;height:calc(100vh - 134px);height:calc(100svh - 134px);padding-top:clamp(18px,2.8vh,30px);padding-bottom:clamp(18px,2.8vh,30px);gap:clamp(28px,4vw,72px)}
  .hero-poster{width:min(100%,430px,calc(56.3vh - 124px));width:min(100%,430px,calc(56.3svh - 124px));max-width:none}
  .hero-poster figcaption{margin-top:8px;font-size:13px;white-space:nowrap}
  .hero h1{font-size:clamp(65px,min(7.3vw,12.5vh),112px);font-size:clamp(65px,min(7.3vw,12.5svh),112px);margin:clamp(18px,2.5vh,30px) 0 clamp(16px,2vh,23px)}
  .hero-lead{font-size:clamp(15px,1.1vw,18px);line-height:1.5;margin-bottom:clamp(18px,2.5vh,27px)}
  .hero-facts{padding:16px 0;gap:12px}
  .hero-actions{margin-top:clamp(17px,2.4vh,27px);gap:20px}
  .hero-actions .btn{min-height:55px;font-size:20px}
  .hero-link{font-size:18px}
}
@media(min-width:1000px) and (max-width:1250px) and (min-height:620px){
  .hero-facts{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hero-facts .fact:last-child{grid-column:auto}
  .hero-facts .fact strong{font-size:clamp(16px,1.5vw,21px)}
}
@media(min-width:1000px) and (min-height:620px) and (max-height:740px){
  .hero h1{font-size:clamp(64px,min(7vw,11.5vh),88px);font-size:clamp(64px,min(7vw,11.5svh),88px)}
  .hero-lead{font-size:15px;margin-bottom:16px}
  .hero-facts{padding:11px 0}
  .hero-actions{margin-top:17px}
}