/*!*************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js!./assets/pages/2025/style.css ***!
  \*************************************************************************************************************************/
:root {
  --accent-color: #800001;
  --accent-color-darker: #480000;
}

.header {
  border-top-color: #873a5e;
  background-color: #fff;
  position: relative;
  z-index: 200
}

.header-branding,.header a.header-branding {
  color: #002960;
  font-size: 22px
}

.header-branding a:hover,.header a.header-branding a:hover {
  color: #543b47;
  text-decoration: none
}

.navigation a {
  font-size: 14px
}

.navigation a:hover {
  color: #543b47;
  text-decoration: underline
}

.header-logos {
  background-color: #fff;
  position: relative;
  z-index: 200
}

.header-logos .container {
  display: flex;
  height: 70px
}

.header-logos a {
  font-size: 0
}

.header-logos .leanin-logo {
  height: 22px;
  margin-bottom: -8px
}

.header-logos .mckinsey-logo {
  height: 37px
}

.scrollup-header {
  background-color: #fff;
  transition: transform .25s ease;
  position: absolute;
  height: 60px;
  left: 0;
  top: -70px;
  width: 100%;
  z-index: 150;
  transform: translateZ(0);
  border-bottom: 1px solid #873a5e
}

.scrollup-header .header-branding {
  height: auto
}

.scrollup-header.fixed {
  position: fixed
}

.scrollup-header.in-transition {
  top: 0;
  transition: transform .3s cubic-bezier(.35,0,.25,1)
}

.scroll-progress {
  position: fixed;
  top: 0;
  height: 3px;
  background-color: #00295f;
  z-index: 3
}

.about-section .section-title {
  color: #4c4c4c
}

.about-section a {
  font-family: ProximaNova,sans-serif;
  font-weight: 700;
  text-decoration: underline
}

.about-section a:focus,.about-section a:hover {
  text-decoration: none
}

.about-section .content-wrapper {
  color: #515151;
  font-size: 16px;
  line-height: 26px
}

.about-section .content-wrapper h3 {
  color: #222944;
}

.about-section .content-wrapper p:last-child {
  margin-bottom: 0
}

.image-quote-section {
  overflow: hidden
}

.image-quote-section .pullquote-quote {
  font-size: 30px;
}

.image-quote-section .pullquote-byline {
  font-size: 20px;
}

.image-quote-section .header-wrapper {
  width: 100%
}

.image-quote-section .header-wrapper.animate:after,.image-quote-section .header-wrapper.animate:before {
  flex: 0;
  opacity: 0;
  transition: opacity .5s ease .5s,flex .75s ease .5s
}

.image-quote-section .header-wrapper.animate .header-title .header-content {
  opacity: 0;
  transition: opacity .5s ease .25s
}

.image-quote-section .header-wrapper.animate .header-title:after,.image-quote-section .header-wrapper.animate .header-title:before {
  opacity: 0;
  height: 0;
  transition: opacity .2s ease,height .5s ease
}

.image-quote-section .header-wrapper.animate.visible:after,.image-quote-section .header-wrapper.animate.visible:before {
  flex: 1;
  opacity: .32
}

.image-quote-section .header-wrapper.animate.visible .header-title .header-content {
  opacity: 1
}

.image-quote-section .header-wrapper.animate.visible .header-title:after,.image-quote-section .header-wrapper.animate.visible .header-title:before {
  opacity: .32;
  height: 100%
}

.image-quote-section .header-wrapper .header-title {
  letter-spacing: 4px;
  max-width: calc(100% - 80px)
}

.partners-section {
  background: #f7f7f7
}

.partners-section hr {
  margin-left: auto;
  margin-right: auto
}

.report-section ul {
  padding-left: 16px
}

.report-section .heading-mini-border {
  padding-top: 35px
}

.report-section .heading-mini-border:after {
  left: 0;
  margin-left: 0;
  width: 45px
}

.key-findings img {
  opacity: 0;
  min-height: 230px;
  transition: opacity .5s ease-in
}

.key-findings img.anim-in {
  opacity: 1
}

.slide-content {
  transform: scale(.8) translateY(100px);
  opacity: 0;
  transition: opacity .5s ease-in-out,transform .5s ease-in-out
}

.slide-content.anim-in {
  opacity: 1;
  transform: scale(1) translateY(0)
}

.fade-in {
  opacity: 0;
  transition: opacity .5s ease
}

.fade-in--up {
  transform: translate3d(0,5%,0);
  transition: opacity .5s ease,transform .5s ease
}

.fade-in--delayed {
  transition-delay: .4s
}

.visible .fade-in {
  opacity: 1;
  transform: translateZ(0)
}

.scroll-progress {
  background: var(--accent-color);
}

.font-bold-proxima {
  font-family: ProximaNova,sans-serif
}

.header-ribbon {
  display: inline-block;
  padding: 9px 12px;
  position: relative
}

.header-ribbon:after {
  border-bottom: 7px solid transparent;
  border-left: 10px solid #222944;
  border-top: 0 solid transparent;
  bottom: -7px;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  width: 0
}

a {
  color: #222944
}

a.color-light:focus,a.color-light:hover {
  color: #fff;
  text-decoration: underline
}

a:focus,a:hover {
  color: #1f253d
}

.font-small {
  font-size: 14px
}

.button,.button-outline {
  border-radius: 0;
  font-size: 16px;
  letter-spacing: 1.15px;
  line-height: 20px;
  min-width: 260px
}

.button {
  background-color: var(--accent-color);
  color: #fff;
}

.button:active,.button:focus,.button:hover {
  background-color: var(--accent-color-darker);
  text-decoration: none
}

.button-outline {
  color: #000 !important;
  border-color: var(--accent-color);
  border-width: 1px
}

.button-outline:active,.button-outline:focus,.button-outline:hover {
  background-color: var(--accent-color);
  border-color: var(--accent-color)
}

.about-section__title {
  font-size: 16px
}

.heading-mini-border,.report-section .heading-mini-border {
  padding-top: 50px;
  position: relative
}

.heading-mini-border:after,.report-section .heading-mini-border:after {
  background-color: var(--accent-color);
  content: "";
  top: 0;
  left: 0;
  height: 3px;
  position: absolute;
  width: 73px
}

.footer {
  border-top-color: var(--accent-color);
  padding-bottom: 30px;
  padding-top: 54px
}

.footer .credit-line {
  font-size: 16px
}

.hero {
  position: relative;
}

.hero::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.25); /* Black with 50% opacity */
}

.hero .heading-mini-border {
  margin-top: 20px;
  padding-top: 20px
}

.hero__image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0
}

.hero__content {
  position: relative;
  color: #222944;
}

.subhero__title.heading-mini-border:after {
  left: 0;
  margin-left: 0
}

.image-quote-section {
  overflow: visible;
  display: flex
}


.image-quote-section__container {
  max-width: 1200px
}

.image-quote-section__container .section-content {
  position: static
}

.image-quote-section__container .section-content.flex-order-first:after {
  left: auto;
  right: 0
}

.image-quote-section__container .section-content:after {
  content: none
}

.report-section {
  overflow: hidden
}

.report-section .image-container {
  flex-direction: row-reverse
}

.report-section .image-wrapper {
  position: relative
}

.report-section .image-wrapper .image-desktop {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  max-height: 100%;
  max-width: 100%
}

.subhero li,
.report-section li {
  font-size: 20px;
}

@media (max-width: 1023px) {
  .scrollup-header .header-branding {
      margin-right:10px
  }

  .scrollup-header {
      font-size: 14px
  }

  .scrollup-header .container {
      padding: 0
  }

  .about-section .content-wrapper {
      padding: 30px
  }

  .about-section .bg-image {
      height: 0;
      overflow: hidden;
      padding-bottom: 56.25%
  }

  .image-quote-section .bg-image {
      height: 0;
      overflow: hidden;
      padding-top: 56.25%
  }

  .report-section .image-container {
      margin-bottom: 50px
  }

  .report-section .image-container img {
      height: auto;
      margin: 0 auto;
      max-width: 100%
  }
}

@media (max-width: 767px) {
  .header {
      height:60px;
      line-height: 60px
  }

  .header-logos .container {
      height: 50px
  }

  .header-logos .leanin-logo {
      margin-bottom: -5px;
      width: 90px;
      height: auto
  }

  .header-logos .mckinsey-logo {
      height: 28px;
      width: 100px
  }

  .partners-section {
      padding-bottom: 40px
  }

  .margin-yaxis-xl {
      margin-top: 40px;
      margin-bottom: 40px
  }

}

@media (prefers-reduced-motion:reduce) {
  .fade-in {
      opacity: 1;
      transform: none;
      transition: none
  }
}

.about-section__title {
  font-size: 16px;
}

.content-wrapper h2, .content-wrapper em, .content-wrapper strong {
  font-weight: 700 !important;
}

h2 strong {
  font-size: 24px;
}

.hero {
  display: flex;
}

.hero .hero-link:hover,
    .hero .hero-link:focus {
      color: var(--color-white);
      text-decoration: underline;
    }

.hero .hero-link-print {
    margin-left: var(--spacing-sm);
  }

@media (--mobile) {

.hero .hero-link-print {
      margin-left: 0;
      margin-top: var(--spacing-sm)
  }
    }

.hero .hero-link-print:hover,
    .hero .hero-link-print:focus {
      color: #fff;
      text-decoration: underline;
      font-weight: 700;
    }

@media (--mobile) {

.hero .heading-3 {
      font-size: 24px
  }
    }

.hero .container {
    display: flex;
    align-items: center;
  }

.hero .container .flex-row {
      width: 100%;
    }

.no-padding-x {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.main {
  overflow: hidden;
}

.bg-accent-2024 {
  background-color: var(--accent-color);
}