/* Legibility first. The depth scenes sit behind the copy: keep the copy readable by calming the layers that cross it and by laying a soft dark scrim under the hero text. */
.scene-depth .lyr-fog { opacity: .22; }
.scene-depth .lyr-mid { opacity: .4; }
.scene-depth .lyr-near { opacity: .5; }
.hero-inner { position: relative; isolation: isolate; }
.hero-inner::before { content: ""; position: absolute; inset: -8% -12% -4%; z-index: -1; pointer-events: none;
  background: radial-gradient(ellipse 62% 58% at 50% 56%, rgba(9, 14, 23, .86) 0%, rgba(9, 14, 23, .64) 48%, rgba(9, 14, 23, 0) 78%); }
.hero-lead, .hero-note, .hero .motto, .hero-actions { text-shadow: 0 1px 16px rgba(6, 10, 18, .95), 0 0 2px rgba(6, 10, 18, .8); }