/* Decorative photography for the three public orientation pages only. */
.topic-hero {
  position:relative;
  background:#0b293f;
}
.topic-hero-media {
  position:absolute;
  inset:0;
  overflow:hidden;
  pointer-events:none;
  user-select:none;
}
.topic-hero-media img {
  position:absolute;
  inset:0 0 0 auto;
  display:block;
  width:64%;
  height:100%;
  max-width:none;
  object-fit:cover;
  object-position:50% 38%;
}
.topic-hero-media::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,
    #0b293f 0%,
    rgb(11 41 63 / .98) 28%,
    rgb(11 41 63 / .94) 48%,
    rgb(11 41 63 / .84) 66%,
    rgb(11 41 63 / .24) 84%,
    rgb(11 41 63 / .12) 100%);
}
.topic-hero > .container {
  position:relative;
  z-index:1;
}
.topic-hero h1 {
  max-width:min(800px,62vw);
  text-wrap:balance;
}
.topic-hero .portal-kicker {
  color:var(--wow-gold-light);
}
.topic-hero--employers .container > p:last-child {
  max-width:650px;
  color:var(--wow-white);
}
.topic-hero--candidates .topic-hero-media img {
  object-position:48% 26%;
}
.topic-hero--candidates .portal-candidate-title {
  max-width:min(760px,62vw);
}
.topic-hero--candidates .portal-candidate-title h1 {
  max-width:100%;
}
.topic-hero--candidates .portal-candidate-title > p:last-child {
  color:var(--wow-white);
}
.topic-hero--directory .topic-hero-media img {
  width:100%;
  object-position:50% 52%;
}
.topic-hero--directory h1 {
  max-width:580px;
}
.topic-hero--directory .container > p:not(.portal-kicker) {
  color:var(--wow-white);
}
.topic-hero .portal-directory-browse {
  color:var(--wow-gold-light);
}
.topic-hero .portal-directory-browse:focus-visible {
  outline:2px solid #e2c382;
  outline-offset:5px;
  border-radius:3px;
}
@media(min-width:761px) and (max-width:1100px) {
  .topic-hero h1,
  .topic-hero--candidates .portal-candidate-title {
    max-width:74%;
  }
  .topic-hero--candidates .portal-candidate-title h1 {
    max-width:100%;
  }
  .topic-hero--employers .container > p:last-child,
  .topic-hero--directory .container > p:not(.portal-kicker) {
    max-width:64%;
  }
  .topic-hero-media::after {
    background:linear-gradient(90deg,
      rgb(11 41 63 / .98) 0%,
      rgb(11 41 63 / .94) 48%,
      rgb(11 41 63 / .86) 74%,
      rgb(11 41 63 / .25) 100%);
  }
}
@media(max-width:760px) {
  .topic-hero-media img,
  .topic-hero--directory .topic-hero-media img {
    width:100%;
    object-position:60% 36%;
  }
  .topic-hero--candidates .topic-hero-media img {
    object-position:52% 22%;
  }
  .topic-hero-media::after {
    background:
      linear-gradient(0deg,rgb(11 41 63 / .48),transparent 72%),
      linear-gradient(90deg,rgb(11 41 63 / .94),rgb(11 41 63 / .84));
  }
  .topic-hero h1,
  .topic-hero--candidates .portal-candidate-title {
    max-width:100%;
  }
}
@media(forced-colors:active) {
  .topic-hero-media { display:none; }
}