/* Scroll motion — only active when JS is running and the visitor allows motion */
#hero-globe{opacity:.22}
html.js .rv{opacity:0;transform:translate3d(0,32px,0);transition:opacity 1s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0ms);will-change:opacity,transform}
html.js .rv.in{opacity:1;transform:none}
html.js .rv-line{transform-origin:left center;transform:scaleX(0);transition:transform 1.4s cubic-bezier(.2,.7,.2,1);transition-delay:var(--d,0ms)}
html.js .rv-line.in{transform:scaleX(1)}
html.js .gal figure > div{overflow:hidden}
html.js .gal img{transform:scale(1.1);transition:transform 1.8s cubic-bezier(.2,.7,.2,1)}
html.js .gal figure.in img{transform:scale(1)}
.gal figure:hover img{transform:scale(1.03)!important;transition:transform .8s cubic-bezier(.2,.7,.2,1)!important}
html.js #hero-globe{transition:opacity 1.6s ease;opacity:0}
html.js #hero-globe.in{opacity:.22}
@keyframes stewa-spin{to{transform:rotate(360deg)}}
#hero-globe .spin{transform-box:view-box;transform-origin:400px 400px;animation:stewa-spin 240s linear infinite}
.progress{position:fixed;left:0;top:0;height:2px;width:100%;background:#B8935A;transform-origin:left;transform:scaleX(0);z-index:50;pointer-events:none}
@media (prefers-reduced-motion: reduce){
  html.js .rv,html.js .rv-line,html.js .gal img,html.js #hero-globe{opacity:1!important;transform:none!important;transition:none!important}
  html.js #hero-globe{opacity:.22!important}
  #hero-globe .spin{animation:none}
  .progress{display:none}
}
