/* Direct interaction with the infrastructure photographs, without interface chrome. */
.cat-hero.scene-hero{width:100%;aspect-ratio:auto;min-height:clamp(460px,72svh,800px);isolation:isolate;background:#050b12}
.cat-hero.scene-hero .cat-hero-img{object-position:75% 50%}
.cat-hero.scene-hero .cat-hero-ov{background:linear-gradient(90deg,rgba(3,8,14,.92),rgba(3,8,14,.73) 32%,rgba(3,8,14,.2) 64%,transparent 88%),linear-gradient(0deg,rgba(3,8,14,.66),transparent 45%,rgba(3,8,14,.12))}
.cat-hero.scene-hero .cat-hero-fx{z-index:0;-webkit-mask-image:none;mask-image:none}
.cat-hero.scene-hero .cat-hero-ov{z-index:1;pointer-events:none}
.scene-help{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.cat-hero.scene-hero:focus-visible{outline:2px solid #9fdcff;outline-offset:-3px}
@media(max-width:760px){
  .cat-hero.scene-hero{min-height:570px;aspect-ratio:auto}
  .cat-hero.scene-hero .cat-hero-img{object-position:78% 50%}
  .cat-hero.scene-hero[data-scene="railway"] .cat-hero-img{object-position:70% 50%}
  .cat-hero.scene-hero .cat-hero-in{padding-top:280px;padding-bottom:38px}
  .cat-hero.scene-hero .cat-hero-ov{background:linear-gradient(180deg,rgba(3,8,14,.18),rgba(3,8,14,.12) 25%,rgba(3,8,14,.74) 57%,rgba(3,8,14,.94))}
}

/* Sector films (sector-film.js) */
.cat-hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 50%}
.film-light{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:overlay}
.cat-hero.film-hero:focus-visible{outline:2px solid #9fdcff;outline-offset:-3px}