/* Selected original no. 3, horizontally reversed at the user's request.
   This is a fixed presentation transform, never part of scroll animation. */
.hero{min-height:760px}
.hero-art{width:63%;right:0;top:0;height:100%;overflow:visible}
.hero-art .hero-homi{width:100%;height:90%;left:0;top:5%;object-fit:contain;filter:drop-shadow(4px 10px 9px #25282016);transform:scaleX(-1)!important;transform-origin:50% 50%;transition:none}
.hero h1{font-size:clamp(100px,11.4vw,185px)}
.hero-bottom .scroll-cue{margin-left:60px}
@media(max-width:1100px){.hero-art{width:65%;right:0}.hero h1{font-size:12vw}}
@media(max-width:700px){
 .hero{height:830px;min-height:830px}
 .hero h1{font-size:25vw}
 .hero-art{top:330px;right:0;width:100%;height:340px}
 .hero-art .hero-homi{width:100%;height:100%;left:0;top:0}
 .hero-art .orbit-blue{width:240px;height:240px;right:16%;top:12%}
 .hero-art .orbit-line{width:330px;height:330px;right:4%;top:0}
 .hero-art .art-label{right:6%;top:0;font-size:6px}
 .hero-art .axis-one{top:2%;right:3%}
 .hero-bottom .scroll-cue{margin-left:0}
}