/* Editorial homepage: warm paper, forest ink, and a composed proof hierarchy. */
html body.page-home main#main #introduction {
  grid-template-columns: minmax(0, 1.22fr) minmax(0, .9fr) !important;
  align-items: center !important;
  gap: 32px clamp(40px, 5vw, 80px) !important;
  padding: 62px 0 30px !important;
}
#introduction:before { background: none; }
html body.page-home main#main #introduction .hero-signature {
  display: flex; justify-content: space-between; gap: 16px;
  padding-bottom: 22px; margin-bottom: 30px !important;
  border-bottom: 1px solid #d8ddd5;
  font-size: 17px !important; color: #253e31;
}
#introduction .hero-signature span { display: inline-flex; align-items: center; gap: 8px; font-size: 9px !important; letter-spacing: .12em !important; }
#introduction .hero-signature i, #introduction .venture-status { width: 6px; height: 6px; border-radius: 50%; background: #6b8c68; box-shadow: 0 0 0 4px #6b8c6810; flex: none; }
html body.page-home main#main #introduction .eyebrow { font-size: 10px !important; color: #6a756b; letter-spacing: .14em !important; }
html body.page-home main#main #introduction h1 {
  font-size: clamp(42px, 4.5vw, 68px) !important;
  line-height: 1.08 !important; margin: 20px 0 26px !important;
  letter-spacing: -.055em !important; max-width: none !important;
}
html body.page-home main#main #introduction h1 .hero-heading-line { line-height: inherit !important; }
html body.page-home main#main #introduction h1 .growth-highlight {
  font-family: Georgia, 'Times New Roman', serif !important;
  font-style: italic !important; font-weight: 400 !important;
  font-size: 1.04em !important; line-height: 1.1 !important;
  letter-spacing: -.04em !important; color: #4c7057 !important;
  margin-top: 6px !important;
}
html body.page-home main#main #introduction .acquisition-specialisms {
  gap: 7px !important; margin-bottom: 22px !important;
  font-size: 11px !important; line-height: 1.5 !important; max-width: none !important;
}
#introduction .acquisition-specialisms span { padding: 7px 10px; border: 1px solid #dce1d8; border-radius: 5px; background: #f1f3ec; }
html body.page-home main#main #introduction .acquisition-specialisms span:after { display: none !important; }
html body.page-home main#main #introduction .acquisition-intro { font-size: 16px !important; line-height: 1.8 !important; max-width: 49ch !important; margin-bottom: 24px !important; color: #5e6b60 !important; }
html body.page-home main#main #introduction .acquisition-credibility { display: flex; align-items: center; gap: 18px; border-left: 0; padding: 0; max-width: none !important; }
#introduction .acquisition-credibility strong { font-size: 30px; font-weight: 600; letter-spacing: -.05em; line-height: 1; color: #294635; white-space: nowrap; }
#introduction .acquisition-credibility > span { border-left: 1px solid #ccd5c9; padding-left: 18px; font-size: 11px; line-height: 1.7; color: #6e786e; }
html body.page-home main#main #introduction .hero-actions { gap: 12px !important; margin-top: 30px !important; }
html body.page-home main#main #introduction .hero-actions :is(.acquisition-primary, .acquisition-secondary) { min-height: 52px; padding: 0 22px !important; border-radius: 8px !important; font-size: 12px !important; }
html body.page-home main#main #introduction .hero-actions .acquisition-primary { background: #243e30 !important; border-color: #243e30 !important; box-shadow: 0 6px 14px #243e3012; }
html body.page-home main#main #introduction .hero-actions .acquisition-secondary { border-color: #c9d1c6 !important; background: #fffffb !important; }
html body.page-home main#main #introduction .acquisition-cv { font-size: 10px; margin-left: 4px; }
html body.page-home main#main #introduction .hero-position { font-size: 11px !important; margin-top: 24px !important; gap: 10px; color: #5f7462 !important; }
html body.page-home main#main #introduction .home-portrait-scene {
  margin: 0 !important; padding: 18px !important;
  background: #e9ede4; border: 1px solid #d7dfd2;
  border-radius: 22px; width: 100%; max-width: none;
  box-shadow: 0 24px 60px #263d2710;
}
#introduction .portrait-overline { display: flex; justify-content: space-between; align-items: center; padding: 0 2px 16px; font-size: 9px; font-weight: 500; letter-spacing: .15em; color: #62735d; }
#introduction .portrait-overline > span:last-child { font-size: 17px; letter-spacing: 0; }
html body.page-home main#main #introduction .home-portrait-scene .acquisition-portrait {
  height: clamp(350px, 31vw, 460px) !important; min-height: 0 !important;
  border: 0 !important; border-radius: 12px !important; box-shadow: none !important;
}
html body.page-home main#main #introduction .acquisition-portrait img { object-position: 50% 25% !important; }
html body.page-home main#main #introduction .home-portrait-scene figcaption {
  left: 0 !important; right: 0 !important; bottom: 0 !important;
  padding: 36px 24px 22px !important; border-radius: 0 !important;
  background: linear-gradient(transparent, #15251fee 48%) !important;
  border: 0 !important; backdrop-filter: none !important;
}
html body.page-home main#main #introduction figcaption > span { font-size: 7px !important; letter-spacing: .14em !important; color: #c6d3c5 !important; }
html body.page-home main#main #introduction figcaption strong { font-size: 25px !important; font-weight: 500; color: #fffdf5 !important; margin: 5px 0 !important; }
html body.page-home main#main #introduction .home-portrait-scene .portrait-role { color: #c6d3c5 !important; font-size: 10px !important; }
#introduction .hero-proof-strip { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin-top: 16px; }
html body.page-home main#main #introduction .home-proof {
  position: static !important; animation: none !important; transform: none !important;
  background: none; border: 0; border-right: 1px solid #cbd5c5;
  border-radius: 0; box-shadow: none; backdrop-filter: none;
  padding: 0 12px; display: block; min-width: 0;
}
#introduction .home-proof:first-child { padding-left: 2px; }
#introduction .home-proof:last-child { border-right: 0; padding-right: 0; }
html body.page-home main#main #introduction .home-proof strong { display: block; font-size: 25px !important; font-weight: 600; letter-spacing: -.05em; color: #294635 !important; margin-bottom: 6px; }
#introduction .home-proof > span { display: block; font-size: 10px; line-height: 1.6; color: #61735c; }
#introduction .home-proof i { display: none; }
html body.page-home main#main #introduction .acquisition-journey {
  margin-top: 14px; padding: 20px 0 0; border-color: #d7ddd3;
  font-size: 10px !important; letter-spacing: .02em;
}
/* An editorial card collection with one deliberate focal point. */
html body.page-home main#main #experience-in-numbers { padding-block: 72px !important; }
html body.page-home main#main #experience-in-numbers .section-head { margin-bottom: 34px !important; align-items: center !important; }
html body.page-home main#main #experience-in-numbers .section-head h2 { font-size: clamp(32px, 3.4vw, 48px) !important; line-height: 1.12 !important; letter-spacing: -.045em !important; }
html body.page-home main#main #experience-in-numbers h2 em { font: italic 400 1.1em/1.12 Georgia, 'Times New Roman', serif !important; color: #56735a; letter-spacing: -.035em !important; }
html body.page-home main#main #experience-in-numbers .section-head > p { max-width: 42ch !important; padding: 0 0 0 28px !important; border-left: 1px solid #d8ded3; font-size: 14px !important; }
html body.page-home main#main #experience-in-numbers .impact-number-grid { gap: 18px; }
html body.page-home main#main #experience-in-numbers .impact-number-grid > a {
  padding: 26px 28px !important; border: 1px solid #dfe3d8;
  border-radius: 14px; background: #fffefa; box-shadow: 0 4px 14px #283c2403;
  transition: opacity .65s var(--surface-ease), translate .8s var(--surface-ease), transform .3s var(--surface-ease), border-color .3s, box-shadow .3s !important;
}
#experience-in-numbers .metric-topline { display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-bottom: 22px; color: #8a9684; }
#experience-in-numbers .metric-topline > span { font-size: 9px; letter-spacing: .12em; text-transform: uppercase; }
#experience-in-numbers .metric-topline b { font-weight: 500; color: #425d48; }
#experience-in-numbers .metric-topline svg { width: 24px; height: 24px; flex: none; }
html body.page-home main#main #experience-in-numbers .impact-number-grid strong {
  display: flex; align-items: baseline; gap: 9px;
  font-size: clamp(44px, 4.5vw, 66px) !important; font-weight: 500;
  line-height: 1.08 !important; letter-spacing: -.06em; color: #273c2d !important;
  margin-bottom: 20px; white-space: nowrap;
}
#experience-in-numbers .metric-unit { font-family: Georgia, 'Times New Roman', serif; font-size: .45em; font-style: italic; letter-spacing: -.025em; color: #6b7e64; }
html body.page-home main#main #experience-in-numbers .impact-number-grid h3 { font-size: 19px !important; margin: 0 0 10px !important; color: #293b2e !important; }
html body.page-home main#main #experience-in-numbers .impact-number-grid p { font-size: 13px !important; line-height: 1.7 !important; margin-bottom: 24px; color: #768071 !important; }
html body.page-home main#main #experience-in-numbers .impact-link { align-items: center; border-top: 1px solid #e4e8dd; padding-top: 16px; font-size: 10px; font-weight: 500; color: #506d50; }
#experience-in-numbers .impact-link > span { display: grid; place-items: center; width: 28px; height: 28px; border: 1px solid #dce3d5; border-radius: 50%; font-size: 14px; }
html body.page-home main#main #experience-in-numbers .impact-number-grid > a:first-child { background: #263f31; border-color: #263f31; }
html body.page-home main#main #experience-in-numbers .impact-number-grid > a:first-child :is(strong,h3) { color: #faf7eb !important; }
html body.page-home main#main #experience-in-numbers .impact-number-grid > a:first-child :is(p,.metric-topline,.metric-topline b,.impact-link) { color: #c3d0bc !important; }
#experience-in-numbers .impact-number-grid > a:first-child .impact-link, #experience-in-numbers .impact-number-grid > a:first-child .impact-link > span { border-color: #56705a; }
html body.page-home main#main #experience-in-numbers .impact-number-grid > a:last-child { background: #edf0e6; }
@media (hover:hover) and (pointer:fine) {
  html body.page-home main#main #experience-in-numbers .impact-number-grid > a:hover { transform: translateY(-4px); border-color: #9aaa8d; box-shadow: 0 16px 34px #293b2410; }
  #introduction .home-proof:hover strong { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 5px; }
}
@media (max-width:1100px) {
  html body.page-home main#main #introduction { gap: 28px 36px !important; }
  html body.page-home main#main #introduction h1 { font-size: clamp(42px, 4.6vw, 54px) !important; }
  html body.page-home main#main #experience-in-numbers .impact-number-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width:850px) {
  html body.page-home main#main #introduction { grid-template-columns: 1fr !important; padding-top: 36px !important; gap: 30px !important; }
  html body.page-home main#main #introduction .home-portrait-scene { max-width: 540px; justify-self: center; }
  html body.page-home main#main #introduction h1 { font-size: clamp(40px,7.3vw,62px) !important; }
  html body.page-home main#main #experience-in-numbers .section-head > p { padding-left: 0 !important; border-left: 0; }
}
@media (max-width:550px) {
  html body.page-home main#main #introduction { padding-top: 28px !important; }
  html body.page-home main#main #introduction .hero-signature { font-size: 15px !important; margin-bottom: 24px !important; padding-bottom: 18px; }
  #introduction .hero-signature span { font-size: 8px !important; letter-spacing: .08em !important; }
  html body.page-home main#main #introduction h1 { font-size: clamp(34px,8.8vw,46px) !important; margin: 16px 0 22px !important; }
  html body.page-home main#main #introduction .eyebrow { font-size: 9px !important; }
  html body.page-home main#main #introduction .acquisition-intro { font-size: 15px !important; }
  #introduction .acquisition-specialisms span { padding: 6px 8px; font-size: 9px; }
  #introduction .acquisition-credibility strong { font-size: 27px; }
  #introduction .acquisition-credibility > span { font-size: 10px; padding-left: 14px; }
  html body.page-home main#main #introduction .hero-actions { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 10px !important; }
  html body.page-home main#main #introduction .hero-actions :is(.acquisition-primary,.acquisition-secondary) { padding: 0 14px !important; width: 100% !important; min-height: 48px; font-size: 11px !important; gap: 10px; }
  html body.page-home main#main #introduction .acquisition-cv { justify-self: start; margin: 0 !important; }
  html body.page-home main#main #introduction .home-portrait-scene { padding: 12px !important; border-radius: 18px; }
  html body.page-home main#main #introduction .home-portrait-scene .acquisition-portrait { height: 350px !important; border-radius: 10px !important; }
  #introduction .portrait-overline { padding: 0 2px 12px; font-size: 7px; }
  html body.page-home main#main #introduction .home-portrait-scene figcaption { padding: 36px 18px 18px !important; }
  #introduction .home-proof { padding-inline: 8px !important; }
  html body.page-home main#main #introduction .home-proof strong { font-size: 23px !important; }
  #introduction .home-proof > span { font-size: 9px; }
  html body.page-home main#main #introduction .acquisition-journey { gap: 10px !important; font-size: 9px !important; margin-top: 0; }
  html body.page-home main#main #experience-in-numbers { padding-block: 48px !important; }
  html body.page-home main#main #experience-in-numbers .impact-number-grid { grid-template-columns: 1fr; gap: 14px; }
  html body.page-home main#main #experience-in-numbers .impact-number-grid > a { padding: 24px !important; }
  html body.page-home main#main #experience-in-numbers .impact-number-grid strong { font-size: 58px !important; }
  html body.page-home main#main #experience-in-numbers .impact-number-grid h3 { font-size: 20px !important; }
  html body.page-home main#main #experience-in-numbers .impact-number-grid p { font-size: 14px !important; }
  #experience-in-numbers .metric-topline { margin-bottom: 18px; }
  html body.page-home main#main #experience-in-numbers .section-head h2 { font-size: 36px !important; }
}
@media (prefers-reduced-motion:reduce) {
  html body.page-home main#main #experience-in-numbers .impact-number-grid > a { transition: none !important; }
  html body.page-home main#main #experience-in-numbers .impact-number-grid > a:hover { transform: none !important; }
}
/* Career scale and case-study evidence sit in four balanced cells. */
html body.page-home main#main #introduction .hero-proof-strip {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 18px; gap: 0;
}
html body.page-home main#main #introduction .hero-proof-strip .home-proof {
  padding: 14px 16px !important;
  border-right: 0; border-bottom: 1px solid #cbd5c5;
}
html body.page-home main#main #introduction .hero-proof-strip .home-proof:nth-child(odd) {
  padding-left: 2px !important; border-right: 1px solid #cbd5c5;
}
html body.page-home main#main #introduction .hero-proof-strip .home-proof:nth-last-child(-n+2) { border-bottom: 0; }
html body.page-home main#main #introduction .hero-proof-strip .home-proof strong {
  display: flex; align-items: baseline; gap: 4px;
  font-size: 30px !important; font-weight: 600;
}
html body.page-home main#main #introduction .proof-currency {
  font-family: inherit; font-size: 12px !important; letter-spacing: -.02em;
  color: inherit; font-weight: 500;
}
html body.page-home main#main #introduction .hero-proof-note {
  font-size: 9px !important; line-height: 1.6 !important;
  color: #697a63 !important; margin: 6px 2px 0 !important;
}
@media(max-width:550px) {
  html body.page-home main#main #introduction .hero-proof-strip .home-proof { padding: 12px 10px !important; }
  html body.page-home main#main #introduction .hero-proof-strip .home-proof strong { font-size: 28px !important; }
}
