/* Shared inner-page hero: original construction artwork and site-blue contrast. */
body.kn-page .kn-page-hero,
body.kn-page .kn-page-hero:not(.kn-page-hero-article) {
  min-height: clamp(310px, 26vw, 420px);
  margin: 0 20px;
  border: 1px solid #ffffff1f;
  border-radius: 28px !important;
  background: #071a3a;
  box-shadow: 0 18px 48px #0a255019;
}

body.kn-page .kn-page-hero .kn-page-hero-image {
  display: block;
  left: auto;
  right: 0;
  width: 70%;
  height: 100%;
  object-fit: cover;
  object-position: 53% 59%;
}

body.kn-page .kn-page-hero:before {
  display: block;
  background:
    linear-gradient(90deg, #071a3a 0%, #09274e 29%, #09274ef2 43%, #09274e96 61%, #071a3a24 82%, #071a3a42 100%),
    linear-gradient(0deg, #071a3a50, transparent 48%);
}

body.kn-page .kn-page-hero-inner {
  width: min(calc(100% - 96px), 1260px);
  max-width: 1260px;
  margin-inline: auto;
  padding-block: 56px;
  text-align: left;
}

body.kn-page .kn-page-hero-inner:before {
  content: "";
  display: block;
  width: 54px;
  height: 4px;
  margin-bottom: 22px;
  border-radius: 99px;
  background: #3870ff;
}

body.kn-page .kn-page-hero h1 {
  max-width: min(760px, 65%);
  margin: 0 0 19px;
  color: #fff;
  font-size: clamp(30px, 3vw, 45px);
  line-height: 1.23;
  text-wrap: balance;
}

body.kn-page .kn-page-hero-article h1,
body.kn-page .kn-page-hero-long h1 {
  font-size: clamp(26px, 2.45vw, 37px);
}

body.kn-page .kn-breadcrumb {
  justify-content: flex-start;
  color: #d8e5ff;
  font-size: 12px;
}

body.kn-page .kn-breadcrumb a {
  color: #fff;
  font-size: 12px;
  text-underline-offset: 4px;
}

body.kn-page .kn-page-hero-summary {
  max-width: 650px;
  margin: 17px 0 0;
  color: #d8e5f4;
  font-size: 14px;
  line-height: 1.55;
}

@media (max-width: 900px) {
  body.kn-page .kn-page-hero .kn-page-hero-image {
    width: 82%;
    object-position: 57% 56%;
  }

  body.kn-page .kn-page-hero:before {
    background: linear-gradient(90deg, #071a3af5 0%, #071a3add 49%, #071a3a55 100%);
  }

  body.kn-page .kn-page-hero h1 {
    max-width: 80%;
  }
}

@media (max-width: 680px) {
  body.kn-page .kn-page-hero,
  body.kn-page .kn-page-hero:not(.kn-page-hero-article) {
    min-height: 270px;
    margin: 0 8px;
    border-radius: 20px !important;
  }

  body.kn-page .kn-page-hero .kn-page-hero-image {
    width: 100%;
    object-position: 62% 53%;
  }

  body.kn-page .kn-page-hero:before {
    background: linear-gradient(90deg, #071a3af5 0%, #071a3ae8 49%, #071a3aa8 100%);
  }

  body.kn-page .kn-page-hero-inner {
    width: calc(100% - 44px);
    padding-block: 33px;
  }

  body.kn-page .kn-page-hero-inner:before {
    width: 40px;
    margin-bottom: 17px;
  }

  body.kn-page .kn-page-hero h1,
  body.kn-page .kn-page-hero-article h1,
  body.kn-page .kn-page-hero-long h1 {
    max-width: 100%;
    margin-bottom: 15px;
    font-size: clamp(24px, 6.4vw, 29px);
    line-height: 1.3;
  }

  body.kn-page .kn-page-hero-summary {
    font-size: 12px;
  }
}