.hero-art{position:absolute;inset:0;z-index:0;display:block;overflow:hidden}
.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center}
.hero-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(0,0,0,.84) 0%,rgba(0,0,0,.55) 38%,rgba(0,0,0,.05) 68%),linear-gradient(0deg,rgba(0,0,0,.35),transparent 45%)}
.hero-copy{padding-top:190px;text-align:left;margin-left:max(24px,calc((100vw - 1180px)/2));margin-right:0;width:min(570px,44vw)}
.hero-copy.shell{width:min(570px,44vw)}
.hero h1{font-size:clamp(58px,5.8vw,88px);line-height:1.01}
.hero h1 span{color:#aaa9ad}
.hero-sub{margin:25px 0 22px;color:#d2d2d5}
.hero-actions{justify-content:flex-start}
.hero-spec{z-index:3}
.scroll-cue{z-index:3}
.stage-item img{width:100%;height:68%;left:0;bottom:-2%}
.product-card .image-wrap{height:315px}
.product-card .image-wrap::before{width:230px;height:230px;opacity:.78}
.product-card img{width:100%;height:100%;object-fit:contain}
.dialog-product img{width:100%;height:600px;object-fit:contain}
@media(max-width:900px){
  .hero-copy{padding-top:150px;width:min(520px,58vw)}
  .hero-copy.shell{width:min(520px,58vw)}
}
@media(max-width:640px){
  .hero-art{top:70px;bottom:-70px}
  .hero-art img{object-position:center}
  .hero-shade{background:linear-gradient(180deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.43) 38%,rgba(0,0,0,.02) 68%)}
  .hero-copy,.hero-copy.shell{padding-top:94px;margin-inline:auto;width:calc(100% - 28px);text-align:center}
  .hero h1{font-size:46px;line-height:1.02}
  .hero-sub{margin:18px auto 18px;font-size:12px}
  .hero-actions{justify-content:center}
  .product-card .image-wrap{height:300px}
}
