/* Center the desktop machine copy inside the usable area below the fixed nav.
   Short windows scroll this slide instead of clipping the title or table. */
@media(min-width:601px){
 .fp-swiper #computer.computer{
  box-sizing:border-box;min-height:0;max-height:none;
  padding:calc(var(--xgm-nav-h,95px) + 24px) 0 24px;
  align-items:flex-start;align-items:safe center;overflow-y:auto
 }
 .fp-swiper #computer .computer-copy{padding:0;flex-shrink:0}
}
@media(min-width:601px) and (max-height:850px){
 .fp-swiper #computer .computer-copy h2{font-size:clamp(28px,2.3vw,36px);line-height:1.35;margin:0 0 16px}
 .fp-swiper #computer .rhythm-copy{font-size:clamp(16px,1.05vw,18px);line-height:1.7;margin:16px 0}
 .fp-swiper #computer .more{font-size:16px;line-height:1.5;min-height:44px;padding:9px 18px;margin:0 0 16px}
 .fp-swiper #computer #computer-specs{font-size:14px}
 .fp-swiper #computer #computer-specs :is(th,td){font-size:inherit;line-height:1.6;padding-top:5px;padding-bottom:5px}
}
@media(min-width:601px) and (max-height:650px){
 .fp-swiper #computer.computer{padding-top:calc(var(--xgm-nav-h,95px) + 16px);padding-bottom:16px}
 .fp-swiper #computer .computer-copy h2{font-size:clamp(26px,2vw,32px);line-height:1.3;margin-bottom:12px}
 .fp-swiper #computer .rhythm-copy{font-size:16px;line-height:1.6;margin:12px 0}
 .fp-swiper #computer .more{padding:8px 16px;margin-bottom:12px}
 .fp-swiper #computer #computer-specs :is(th,td){line-height:1.5;padding-top:4px;padding-bottom:4px}
}
@media(min-width:601px) and (max-width:1100px){
 .fp-swiper #computer .computer-copy{width:52%}
}

/* Desktop homepage video fills the complete scene behind the readable copy. */
@media(min-width:601px){
 .fp-swiper #computer .scene-video-slot{background:#000}
 .fp-swiper #computer .bg-video{inset:0;width:100%;height:100%;object-fit:cover;object-position:center;background:#000}
}