.hero-image { display: block; }
.hero-image img { display: block; width: 100%; height: auto; }
.hero-image--background { position: absolute; inset: 0; overflow: hidden; pointer-events: none; }
.hero-image--background img { width: 100%; height: 100%; object-fit: cover; }
.intro-hero__sky .hero-image, .ph-sky .hero-image { opacity: .5; }
.page-hero--image { position: relative; isolation: isolate; overflow: hidden; }
.page-hero--image > .hero-image { z-index: -2; }
.page-hero--image::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, #0b1424e6, #0b142480); }