/* HR Prime — emerald/lime brand refresh, October 2026.
   Final public-only design layer. Deliberately scoped to landing page. */
#hr-prime-public-website {
  --brand-emerald: #105b48;
  --brand-deep: #103d32;
  --brand-lime: #dcfa77;
  --brand-lime-dark: #557914;
  --blue: #557914;
  --line: rgba(16, 61, 50, .2);
}
#hr-prime-public-website ::selection { background: #d7f57b; color: #0a382d; }
#hr-prime-public-website :is(a,button,summary):focus-visible {
  outline-color: #8eac2b; outline-offset: 3px;
}
#hr-prime-public-website .navigation {
  background: rgba(248, 249, 238, .96);
  border-bottom: 1px solid #dbe9d7;
}
#hr-prime-public-website .wordmark,
#hr-prime-public-website .footer-logo {
  display: inline-flex;
  align-items: center;
  gap: .25em;
  font-weight: 850 !important;
  letter-spacing: -.055em !important;
  color: #153e32;
}
#hr-prime-public-website .wordmark { font-size: 25px; }
#hr-prime-public-website .wordmark > span:last-child {
  color: #557914;
}
#hr-prime-public-website .brand-mark {
  display: block;
  width: 43px;
  height: 43px;
  margin-right: .35em;
  object-fit: contain;
  border-radius: 12px;
  flex-shrink: 0;
  filter: drop-shadow(0 4px 8px rgba(18, 72, 51, .16));
}
#hr-prime-public-website .footer-logo {
  color: #f5fbea;
  font-size: 38px !important;
}
#hr-prime-public-website .footer-logo > span { color: #d5f17d; }
#hr-prime-public-website .footer-logo .brand-mark { width: 47px; height: 47px; }
#hr-prime-public-website .menu a:hover,
#hr-prime-public-website .access-dropdown .ui-icon,
#hr-prime-public-website .mobile-nav .ui-icon { color: #4c7a27; }

#hr-prime-public-website .hero {
  background: radial-gradient(circle at 85% 20%, rgba(194, 231, 174, .34), transparent 33%),
    linear-gradient(120deg, #f7f5ea, #eef5e8 66%, #e4f1df);
}
#hr-prime-public-website .hero .highlight-text,
#hr-prime-public-website .vacancy h2 em,
#hr-prime-public-website .journey h2 em,
#hr-prime-public-website .product h2 em,
#hr-prime-public-website .people h2 em,
#hr-prime-public-website .honesty h2 em {
  color: #527516 !important;
}
#hr-prime-public-website .hero .underline-swoosh { background: #bfe87c; }
#hr-prime-public-website .hero .period { color: #628b21; }
#hr-prime-public-website .big-cta {
  background: linear-gradient(135deg, #15674e, #104b3e);
  color: #fff;
  box-shadow: 0 15px 29px rgba(13, 81, 56, .2), inset 0 1px 0 #ffffff44;
}
#hr-prime-public-website .big-cta:hover {
  background: linear-gradient(135deg, #20785a, #155641);
  box-shadow: 0 17px 32px rgba(13, 81, 56, .23);
}
#hr-prime-public-website .graphic-blob-one { background: #d1e5c5; }
#hr-prime-public-website .hero-phone { background: #c5e4d0; }
#hr-prime-public-website .phone-top .pin .ui-icon { color: #377b55; }

/* The principle section: no pictograms floating over copy — only ambient circles. */
#hr-prime-public-website .belief {
  background: linear-gradient(128deg, #123f34 0%, #12624c 61%, #197658 100%);
  color: #f6fbef;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  grid-template-columns: minmax(155px, 240px) minmax(0, 1fr);
  gap: clamp(30px, 5vw, 90px);
  padding-block: clamp(92px, 9vw, 140px);
  min-height: 590px;
}
#hr-prime-public-website .belief::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 75% 20%, rgba(196, 244, 159, .09), transparent 30%),
    radial-gradient(circle at 10% 90%, rgba(125, 215, 157, .11), transparent 36%);
  pointer-events: none;
  z-index: 0;
  filter: none;
}
#hr-prime-public-website .belief-bubbles {
  position: absolute;
  z-index: 0;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}
#hr-prime-public-website .belief-bubbles i {
  display: block;
  position: absolute;
  border-radius: 50%;
  transform: translate3d(0,0,0);
  box-shadow: inset 9px 11px 32px rgba(247, 255, 218, .15),
    18px 25px 45px rgba(2, 41, 30, .2);
}
#hr-prime-public-website .belief-bubbles i:nth-child(1) {
  width: 340px; height: 340px; right: -80px; top: -115px;
  background: radial-gradient(circle at 30% 25%, #d3fbac44, #45b98d18 64%, #103c2b00 78%);
  border: 1px solid #a5eb9a3a;
}
#hr-prime-public-website .belief-bubbles i:nth-child(2) {
  width: 175px; height: 175px; right: 12%; bottom: -95px;
  background: radial-gradient(circle at 34% 25%, #dffba945, #218b6640 66%, transparent);
  border: 1px solid #e4ffb639;
}
#hr-prime-public-website .belief-bubbles i:nth-child(3) {
  width: 115px; height: 115px; left: 6%; bottom: -44px;
  background: radial-gradient(circle at 25% 22%, #baff9965, #4fbc9050 65%, transparent);
  border: 1px solid #b2f4b83b;
}
#hr-prime-public-website .belief-bubbles i:nth-child(4) {
  width: 72px; height: 72px; left: 30%; top: 12%;
  background: radial-gradient(circle at 28% 23%, #e3fdb575, #77c99d2b 66%, transparent);
  border: 1px solid #e3fbbd45;
}
#hr-prime-public-website .belief-left,
#hr-prime-public-website .belief-right { position: relative; z-index: 1; }
#hr-prime-public-website .belief-left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 25px;
}
#hr-prime-public-website .belief .micro {
  font-size: 14px !important;
  font-weight: 700 !important;
  color: #d8f692 !important;
}
html body #hr-prime-public-website .belief-left > p {
  color: #d8f692 !important;
  font-size: 15px !important;
  font-weight: 720;
  line-height: 1.35;
  letter-spacing: .035em;
  margin: 0;
}
#hr-prime-public-website .belief-right h2 {
  max-width: 850px;
  font-size: clamp(52px, 5.45vw, 82px) !important;
  line-height: 1.09 !important;
  letter-spacing: -.055em !important;
  text-wrap: balance;
  color: #f4fbf1;
}
html body #hr-prime-public-website .belief-right h2 em {
  color: #d8f879 !important;
}
#hr-prime-public-website .belief-under {
  grid-template-columns: minmax(0, 650px);
  margin-top: 36px;
  gap: 0;
}
html body #hr-prime-public-website .belief .belief-under p {
  color: #eff9ed !important;
  font-size: 19px !important;
  line-height: 1.6 !important;
  max-width: 650px;
}

/* Keep all previously blue large surfaces in the emerald family. */
#hr-prime-public-website .motion-story,
#hr-prime-public-website .story-sticky {
  background-color: #105b4a;
  --story-bg: #105b4a;
}
#hr-prime-public-website .journey {
  background: linear-gradient(130deg, #dbe9d7, #cee6d6 68%, #e1eeca);
}
#hr-prime-public-website .journey-tab.is-active {
  background: #155b47;
  border-color: #0a4436;
  color: #fff;
  box-shadow: 6px 8px 0 #a6cbb1, 0 13px 24px #164e342b;
}
#hr-prime-public-website .journey-tab.is-active > span { color: #ebfbc8 !important; }
#hr-prime-public-website .scene-art-3 { background: #c6e8d9; }
#hr-prime-public-website .scene-art-3 > span:first-child { background: #20785a; }
#hr-prime-public-website .scene-art-4 { background: #b9dec1; }
#hr-prime-public-website .story-plane-three { background: #c9e7bb; color: #243f2e; }
#hr-prime-public-website .story-plane-four { background: #b4e6d2; color: #1d4434; }
#hr-prime-public-website .product {
  background: linear-gradient(135deg, #e8efd6, #ddecce);
}
#hr-prime-public-website .product-showcase {
  background: linear-gradient(140deg, #134b3b, #0e634e 75%, #104b3d);
  border-color: #154c3e;
  box-shadow: 0 23px 52px #184f4037, 12px 15px 0 #b9cda5;
}
#hr-prime-public-website .product-tab {
  background: rgba(235,255,218,.085);
  border-color: rgba(217,249,174,.3);
}
#hr-prime-public-website .product-tab.is-active { background: #d9f48d; color: #1b3a2a; }
#hr-prime-public-website .product-tab > span { color: #e7f8d1; }
#hr-prime-public-website .product-tab.is-active > span { color: #34562c; }
#hr-prime-public-website .product-label-icon,
#hr-prime-public-website .contact-float .ui-icon { color: #d8f47f; }
#hr-prime-public-website .mockfield > span { color: #4b7c26; }
#hr-prime-public-website .honesty-rows details[open] summary strong {
  color: #456d14 !important;
}
#hr-prime-public-website .close {
  background: linear-gradient(125deg, #0e3f34, #0b5e49 76%, #167251);
}
#hr-prime-public-website .close-decor {
  background: #8bcf99;
  opacity: .26;
  box-shadow: 0 0 0 70px #a7ef9b19;
}
#hr-prime-public-website .close-decor span { color: #c4fa80; }
#hr-prime-public-website .contact-visual::before {
  background: radial-gradient(circle at 50% 47%, #d1f7b5b0 0%, #a5dfb75c 20%, #208c6e70 44%, transparent 67%);
}
#hr-prime-public-website .contact-visual::after { background: #063f3760; }
#hr-prime-public-website .contact-core {
  background: linear-gradient(140deg, #9ee4aa, #3ba879 48%, #0c7555);
  box-shadow: inset 6px 8px 15px #e3ffe870,
    inset -12px -13px 22px #06513b70, 15px 25px 25px #082f2780, 0 0 65px #c8f69b55;
}
#hr-prime-public-website .contact-core .ui-icon { filter: drop-shadow(0 7px 6px #0a4d3855); }
#hr-prime-public-website .story-phrase h2 em,
#hr-prime-public-website .open-role h3 em,
#hr-prime-public-website .depth-copy h3 em,
#hr-prime-public-website .close h2 em { color: #e0fa92 !important; }
#hr-prime-public-website .footer { background: radial-gradient(ellipse at 2% 8%, #3c7d5550, transparent 42%), #132b22; }

@media (max-width: 700px) {
  #hr-prime-public-website .wordmark { font-size: 22px; }
  #hr-prime-public-website .wordmark .brand-mark { width: 36px; height: 36px; margin-right: .18em; }
  #hr-prime-public-website .hero h1 {
    font-size: clamp(43px, 10vw, 60px) !important;
    letter-spacing: -.056em !important;
    overflow-wrap: normal;
  }
  #hr-prime-public-website .hero .highlight-text {
    white-space: normal !important;
    font-size: inherit !important;
  }
  #hr-prime-public-website .belief {
    display: grid;
    grid-template-columns: 1fr;
    gap: 28px;
    padding: 68px 23px 78px;
    min-height: 0;
  }
  #hr-prime-public-website .belief-left {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
  }
  #hr-prime-public-website .belief-right h2 {
    font-size: clamp(40px, 10.15vw, 54px) !important;
    line-height: 1.11 !important;
    letter-spacing: -.052em !important;
    text-wrap: wrap;
  }
  #hr-prime-public-website .belief-under { margin-top: 24px; }
  html body #hr-prime-public-website .belief .belief-under p {
    font-size: 16px !important;
    line-height: 1.62 !important;
  }
  #hr-prime-public-website .belief-bubbles i:nth-child(1) {
    width: 260px; height: 260px; right: -145px; top: -110px;
  }
  #hr-prime-public-website .belief-bubbles i:nth-child(2) {
    right: -65px; bottom: -95px;
  }
  #hr-prime-public-website .belief-bubbles i:nth-child(4) { left: 25%; top: 28%; width: 50px; height: 50px; }
  #hr-prime-public-website .footer-logo { font-size: 33px !important; }
}
@media (max-width: 360px) {
  #hr-prime-public-website .belief-right h2 { font-size: 37px !important; }
  #hr-prime-public-website .belief-left > p { font-size: 12px !important; }
  #hr-prime-public-website .wordmark { font-size: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  #hr-prime-public-website .belief-bubbles i { transform: none; }
}


/* Photographic HR Prime lockup: people are part of the visual identity,
   not tiny abstract glyphs. Wordmark stays accessible as selectable text. */
#hr-prime-public-website .wordmark .brand-photo,
#hr-prime-public-website .footer-logo .brand-photo {
  display:block;
  flex:0 0 auto;
  width:94px;
  height:64px;
  object-fit:cover;
  object-position:center 49%;
  border-radius:12px;
  box-shadow:0 6px 18px rgba(1,49,32,.22);
  margin-right:9px;
}
#hr-prime-public-website .navigation .wordmark {
  gap:.23em;
  min-width:0;
  line-height:1;
}
#hr-prime-public-website .footer-logo .brand-photo {
  width:110px;
  height:77px;
}
@media(max-width:700px) {
  #hr-prime-public-website .navigation .wordmark {
    font-size:21px;
    gap:.18em;
  }
  #hr-prime-public-website .wordmark .brand-photo {
    width:83px;
    height:58px;
    margin-right:6px;
    border-radius:9px;
  }
  #hr-prime-public-website .footer-logo .brand-photo {
    width:90px;
    height:63px;
  }
}
@media(max-width:360px) {
  #hr-prime-public-website .navigation .wordmark {font-size:19px;}
  #hr-prime-public-website .wordmark .brand-photo {
    width:79px;
    height:55px;
    margin-right:4px;
  }
}


/* Completing the full-page accent audit: old blue/purple tones are removed
   from illustrations, tabs, help glyphs, and the 3D practice screen. */
#hr-prime-public-website {
  --purple: #c3e6b0;
}
#hr-prime-public-website .point { background: #8cae39; }
#hr-prime-public-website .phone-top .pin { color: #226e53; }
#hr-prime-public-website .journey-tab:not(.is-active) {
  background: #eef7e6;
  border-color: #8aaf99;
  color: #213b2e;
}
#hr-prime-public-website .journey-scene {
  border-color: #7f9f8c;
  box-shadow: 7px 10px 0 #a6c7b2, 0 25px 45px #365c4526;
}
#hr-prime-public-website .journey-explainer {
  border-top-color: #9abd9e;
}
#hr-prime-public-website .journey-explainer > span,
#hr-prime-public-website .journey-explainer .ui-icon {
  color: #39754d;
  stroke: currentColor;
}
#hr-prime-public-website .scene-art-3 > span:nth-child(2) {
  background: #b6e1bf;
  color: #244932;
}
#hr-prime-public-website .depth-slab-practice {
  background: linear-gradient(155deg, #c6edcf, #8ec4a5);
  color: #234a37;
  border-color: #d6f7c4;
}
#hr-prime-public-website .story-plane-one {
  background: #d7f18e;
  color: #233e2c;
}
#hr-prime-public-website .story-plane-two {
  background: #f1d6b5;
  color: #3f392e;
}
#hr-prime-public-website .contact-float-c {
  background: linear-gradient(110deg, #e8f4dbed, #c5dfc6ed);
}
#hr-prime-public-website .close-cta .ui-icon {
  color: #20563c;
}
#hr-prime-public-website .role-postit .ui-icon,
#hr-prime-public-website .journey-explainer .ui-icon,
#hr-prime-public-website .phone-top .pin .ui-icon {
  color: #287353;
}
#hr-prime-public-website .hero-sticker:focus-visible {
  outline-color: #d5ed88;
}