/* The gate, rider, rain and attached cloth form one quiet cinematic scene. */
.hero-section[data-scene="rain"] .hero-picture img{object-position:100% center}
.hero-section[data-scene="rain"] .hero-shade{background:linear-gradient(90deg,rgba(3,10,16,.65),rgba(3,10,16,.25) 39%,rgba(3,10,16,.03) 67%),linear-gradient(0deg,rgba(3,10,16,.7),transparent 28%)}
.hero-section[data-scene="rain"] .hero-content{margin-left:6vw;width:430px;max-width:36%;padding-top:clamp(210px,29vh,360px)}
.hero-section[data-scene="rain"] .hero-cloud{opacity:.2}
.hero-section[data-scene="rain"] .hero-content h1 img{filter:drop-shadow(0 5px 18px #000a)}
.hero-section[data-scene="rain"] .hero-overline{color:#d7c6a6}
.inner-hero[data-scene="rain"]{background-position:center 22%}
.inner-hero[data-scene="rain"] .inner-hero-shade{background:linear-gradient(180deg,rgba(4,12,19,.55),rgba(4,12,19,.84))}
.news-promo img{object-position:70% center}
@media(min-width:901px) and (max-width:1099px){
  .hero-section[data-scene="rain"] .hero-content{margin-left:5vw;width:335px;max-width:36%;padding-top:27vh}
  .hero-section[data-scene="rain"] .hero-content h1 img{height:150px}
  .hero-section[data-scene="rain"] .hero-slogan{font-size:25px}
}
@media(max-width:900px){
  .hero-section[data-scene="rain"] .hero-picture img{object-position:50% 35%}
  .hero-section[data-scene="rain"] .hero-picture{scale:1!important;translate:0 0!important}
  .hero-section[data-scene="rain"] .hero-shade{background:linear-gradient(0deg,rgba(3,10,16,.85),rgba(3,10,16,.3) 21%,transparent 48%),linear-gradient(180deg,rgba(3,10,16,.08),transparent 35%)}
  .hero-section[data-scene="rain"] .hero-content{position:absolute;left:50%;bottom:95px;translate:-50% 0!important;margin:0;padding:0;width:88vw;max-width:420px}
  .hero-section[data-scene="rain"] .hero-overline,
  .hero-section[data-scene="rain"] .hero-description,
  .hero-section[data-scene="rain"] .hero-stamp{display:none}
  .hero-section[data-scene="rain"] .hero-content h1{margin:0}
  .hero-section[data-scene="rain"] .hero-content h1 img{width:78%;height:88px;max-width:300px}
  .hero-section[data-scene="rain"] .hero-slogan{font-size:20px;line-height:1.4;margin:7px 0 0;letter-spacing:4px}
  .hero-section[data-scene="rain"] .hero-actions{margin-top:18px;gap:12px;justify-content:center}
  .hero-section[data-scene="rain"] .hero-actions .button{min-width:135px;height:44px;padding:0 16px;font-size:13px}
  .hero-section[data-scene="rain"] .hero-edition,
  .hero-section[data-scene="rain"] .hero-coordinate{display:none}
  .hero-section[data-scene="rain"] .hero-bottom{justify-content:center}
}
@media(max-width:900px) and (max-height:760px){
  .hero-section[data-scene="rain"] .hero-content{bottom:78px}
  .hero-section[data-scene="rain"] .hero-content h1 img{height:78px}
  .hero-section[data-scene="rain"] .hero-slogan{display:none}
  .hero-section[data-scene="rain"] .hero-actions{margin-top:12px}
}