/* VanKpa layout refinements: restrained hero framing and useful full-width standards. */
html body:not([data-demo-family]) #main-content .creativeoPage .creativeoHero--split {
  background: linear-gradient(125deg, #091724 0%, #102c3b 55%, #091724 100%) !important;
}
html body:not([data-demo-family]) #main-content .creativeoPage .creativeoHero::after,
html body:not([data-demo-family]) #main-content .creativeoPage .creativeoDetailHero::after,
html body:not([data-demo-family]) #main-content .page-hero-v3::after {
  content: none !important;
  display: none !important;
}
html body:not([data-demo-family]) :is(.menu-v3-orbit, .services-hero-orbit-v13, .hero-v5-orbit) {
  display: none !important;
}
html body:not([data-demo-family]) #main-content .creativeoPage .creativeoHeroMedia {
  border-color: rgba(145, 207, 219, .32) !important;
  box-shadow: 0 24px 64px rgba(1, 13, 23, .30) !important;
}
html body:not([data-demo-family]) #main-content .creativeoPage .creativeoHero .creativeoEyebrow {
  color: #91d9e3 !important;
}
html body:not([data-demo-family]) #main-content .creativeoPage .creativeoHero .creativeoEyebrow::before {
  background: currentColor !important;
}

/* The standards now use the width of the page rather than a tall, empty sticky column. */
html body:not([data-demo-family]) #main-content .creativeoProcessPage [class*="_qualitySection_"] {
  display: block !important;
  padding-block: clamp(62px, 6vw, 96px) !important;
  background: #081521 !important;
}
html body:not([data-demo-family]) #main-content .creativeoProcessPage [class*="_qualityHeader_"] {
  position: static !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(300px, .72fr) !important;
  align-items: end !important;
  column-gap: clamp(36px, 6vw, 112px) !important;
  row-gap: 20px !important;
  margin-bottom: clamp(30px, 3.6vw, 56px) !important;
  padding-bottom: clamp(26px, 3vw, 42px) !important;
  border-bottom: 1px solid rgba(156, 219, 229, .22) !important;
}
html body:not([data-demo-family]) #main-content .creativeoProcessPage [class*="_qualityHeader_"] > [class*="_eyebrow_"] {
  grid-column: 1 / -1 !important;
  color: #8edce6 !important;
}
html body:not([data-demo-family]) #main-content .creativeoProcessPage [class*="_qualityHeader_"] h2 {
  grid-column: 1 !important;
  margin: 0 !important;
  max-width: 13ch;
  color: #f4fbff !important;
}
html body:not([data-demo-family]) #main-content .creativeoProcessPage [class*="_qualityHeader_"] h2 em {
  color: #9ce2e9 !important;
}
html body:not([data-demo-family]) #main-content .creativeoProcessPage [class*="_qualityHeader_"] > p:not([class*="_eyebrow_"]) {
  grid-column: 2 !important;
  margin: 0 !important;
  max-width: 54ch !important;
  color: #c2d7df !important;
}
html body:not([data-demo-family]) #main-content .creativeoProcessPage [class*="_qualityMeter_"] {
  display: none !important;
}
html body:not([data-demo-family]) #main-content .creativeoProcessPage [class*="_qualityGrid_"] {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
}
html body:not([data-demo-family]) #main-content .creativeoProcessPage [class*="_qualityGrid_"] article:nth-child(n) {
  min-height: 235px !important;
  padding: clamp(22px, 2.2vw, 34px) !important;
  border: 1px solid rgba(153, 218, 227, .22) !important;
  border-radius: 18px !important;
  background: #102735 !important;
  box-shadow: none !important;
  color: #f4fbff !important;
}
html body:not([data-demo-family]) #main-content .creativeoProcessPage [class*="_qualityGrid_"] article:is(:hover,:focus-within) {
  transform: translateY(-4px);
  border-color: rgba(157, 226, 235, .65) !important;
  background: #164052 !important;
  box-shadow: 0 18px 42px rgba(0, 9, 17, .28) !important;
}
html body:not([data-demo-family]) #main-content .creativeoProcessPage [class*="_qualityGrid_"] :is(small,article > span) {
  color: #9ce2e9 !important;
}
html body:not([data-demo-family]) #main-content .creativeoProcessPage [class*="_qualityGrid_"] h3 {
  margin: 30px 0 12px !important;
  color: #f4fbff !important;
}
html body:not([data-demo-family]) #main-content .creativeoProcessPage [class*="_qualityGrid_"] p {
  color: #c8dbe3 !important;
}
@media (max-width: 1200px) {
  html body:not([data-demo-family]) #main-content .creativeoProcessPage [class*="_qualityGrid_"] {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 760px) {
  html body:not([data-demo-family]) #main-content .creativeoProcessPage [class*="_qualityHeader_"] {
    display: block !important;
  }
  html body:not([data-demo-family]) #main-content .creativeoProcessPage [class*="_qualityHeader_"] h2 {
    max-width: 15ch;
    margin: 20px 0 !important;
  }
  html body:not([data-demo-family]) #main-content .creativeoProcessPage [class*="_qualityGrid_"] {
    grid-template-columns: 1fr !important;
  }
  html body:not([data-demo-family]) #main-content .creativeoProcessPage [class*="_qualityGrid_"] article:nth-child(n) {
    min-height: 190px !important;
  }
  html body:not([data-demo-family]) #main-content .creativeoProcessPage [class*="_qualityGrid_"] h3 {
    margin-top: 18px !important;
  }
}