.container-width {
  max-width: 1320px !important;
  width: 87.3%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 428px) {
  .container-width {
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1680px) {
  .container-width {
    max-width: calc(80.5rem + 0.2vw) !important;
  }
}
@media screen and (min-width: 1920px) {
  .container-width {
    max-width: calc(82.5rem + 0.2vw) !important;
  }
}
@media screen and (min-width: 2560px) {
  .container-width {
    max-width: calc(85.5rem + 0.2vw) !important;
  }
}
@media screen and (min-width: 3840px) {
  .container-width {
    max-width: calc(86.5rem + 0.2vw) !important;
  }
}
@media screen and (min-width: 4096px) {
  .container-width {
    max-width: calc(87.5rem + 0.2vw) !important;
  }
}

.container-width-small {
  max-width: 1472px !important;
  width: 97.4%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 428px) {
  .container-width-small {
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media screen and (min-width: 1680px) {
  .container-width-small {
    max-width: calc(95.5rem + 0.2vw) !important;
  }
}
@media screen and (min-width: 1921px) {
  .container-width-small {
    max-width: calc(110.5rem + 0.2vw) !important;
  }
}
@media screen and (min-width: 2561px) {
  .container-width-small {
    max-width: calc(102.5rem + 0.2vw) !important;
  }
}
@media screen and (min-width: 3840px) {
  .container-width-small {
    max-width: calc(120.5rem + 0.2vw) !important;
  }
}
@media screen and (min-width: 4096px) {
  .container-width-small {
    max-width: calc(125.5rem + 0.2vw) !important;
  }
}

@media screen and (min-width: 993px) and (max-width: 1024px) {
  html,
  body {
    font-family: "sofia-pro", Helvetica, Arial, serif;
    font-size: calc(16px - 0.5vw);
    line-height: calc(16px - 0.5vw);
  }
}
@media screen and (min-width: 1025px) and (max-width: 1320px) {
  html,
  body {
    font-family: "sofia-pro", Helvetica, Arial, serif;
    font-size: calc(16px - 0.3vw);
    line-height: calc(16px - 0.3vw);
  }
}
@media screen and (min-width: 1680px) {
  html,
  body {
    font-size: calc(16px + 0.1vw);
    line-height: calc(18px + 0.1vw);
  }
}
@media screen and (min-width: 1920px) {
  html,
  body {
    font-size: calc(16px + 0.2vw);
    line-height: calc(18px + 0.2vw);
  }
}
@media screen and (min-width: 2560px) {
  html,
  body {
    font-size: calc(16px + 0.4vw);
    line-height: calc(18px + 0.4vw);
  }
}
@media screen and (min-width: 3840px) {
  html,
  body {
    font-size: calc(20px + 0.5vw);
    line-height: calc(22px + 0.5vw);
  }
}
@media screen and (min-width: 4096px) {
  html,
  body {
    font-size: calc(24px + 0.4vw);
    line-height: calc(26px + 0.4vw);
  }
}

* {
  box-sizing: border-box;
  font-family: "sofia-pro", Helvetica, Arial, serif !important;
}

html,
body {
  padding: 0;
  margin: 0;
  overflow-x: hidden;
  scroll-behavior: smooth;
  text-size-adjust: none;
  background-color: #ffffff;
}

img {
  display: block;
}

a {
  cursor: pointer !important;
  color: inherit;
  text-decoration: none;
}

button {
  border: none;
  outline: none;
  color: inherit;
}

.spacer-top {
  padding-top: 9.75rem;
}
@media (max-width: 1100px) {
  .spacer-top {
    padding-top: 10.1875rem;
  }
}
.spacer-top.without-breadcrumb {
  padding-top: 6.5rem;
}
@media (max-width: 1100px) {
  .spacer-top.without-breadcrumb {
    padding-top: 6.25rem;
  }
}
.spacer-top.with-hero-banner {
  padding-top: 0px;
}
@media (max-width: 1100px) {
  .spacer-top.with-hero-banner {
    padding-top: 7.375rem;
  }
}

.herobanner {
  background-color: #F0EEEB;
  margin: 1.25rem;
  padding-top: 4rem;
  padding-bottom: 3rem;
  border-radius: 1.75rem;
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
@media (max-width: 992px) {
  .herobanner {
    margin: 0rem;
    border-radius: unset;
    padding-top: 0rem;
    padding-bottom: 3rem;
    gap: 3rem;
  }
}
.herobanner .video-section {
  border-radius: 1.75rem;
  background-color: grey;
  width: 100%;
}
@media (max-width: 992px) {
  .herobanner .video-section {
    border-radius: unset;
    padding: 0;
  }
}
.herobanner .video-section .hero-video-wrap {
  position: relative;
  cursor: pointer;
  border-radius: 1.75rem;
  overflow: hidden;
}
@media (max-width: 992px) {
  .herobanner .video-section .hero-video-wrap {
    border-radius: unset;
  }
}
.herobanner .video-section img,
.herobanner .video-section video {
  width: 100%;
  object-fit: cover;
  border-radius: 1.75rem;
  aspect-ratio: 1320/742.5;
  display: block;
}
@media (max-width: 992px) {
  .herobanner .video-section img,
  .herobanner .video-section video {
    border-radius: unset;
    aspect-ratio: unset;
    height: 100vh;
  }
}
.herobanner .video-section .hero-video-play-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
}
.herobanner .video-section .hero-video-play-overlay img {
  width: auto;
  height: auto;
  max-width: none;
  aspect-ratio: auto;
}
.herobanner .video-section .hero-video-play-overlay.is-visible {
  opacity: 1;
}
.herobanner .content-section {
  width: 60%;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 2.25rem;
  align-items: center;
}
@media (max-width: 992px) {
  .herobanner .content-section {
    width: 87%;
    gap: 1rem;
  }
}
.herobanner .content-section .description p {
  margin: 0;
  font-size: 1.25rem;
  line-height: 160%;
  letter-spacing: 0.0375rem;
  font-family: "Roboto", sans-serif !important;
  font-weight: 400;
}
@media (max-width: 992px) {
  .herobanner .content-section .description p {
    font-size: 1rem;
    letter-spacing: 0.03rem;
  }
}
.initiative {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  padding: 6rem;
  padding-bottom: 7.5rem;
}
@media (max-width: 992px) {
  .initiative {
    padding: unset;
    padding-top: 3rem;
    padding-bottom: 3rem;
    gap: 0.75rem;
  }
}
.initiative .heading {
  text-align: center;
  font-size: 2.5rem;
  line-height: 108%;
  font-weight: 400;
}
@media (max-width: 992px) {
  .initiative .heading {
    font-size: 1.375rem;
  }
}
.initiative .content-section {
  padding-top: 2rem;
}
@media (max-width: 992px) {
  .initiative .content-section {
    padding-top: 0.75rem;
  }
}
.initiative .content-section .header-content {
  display: flex;
  gap: 1.5rem;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}
.initiative .content-section .header-content .item {
  text-align: center;
  font-size: 1.125rem;
  line-height: 110%;
  text-transform: uppercase;
  letter-spacing: 0.1125rem;
  font-weight: 400;
  border-bottom: 0.25rem solid #D6D6D6;
  padding-bottom: 0.5rem;
  width: 100%;
  cursor: pointer;
  color: #272727;
  transition: color 0.2s ease, border-color 0.2s ease;
}
@media (max-width: 992px) {
  .initiative .content-section .header-content .item {
    font-size: 0.75rem;
    letter-spacing: 0.075rem;
    padding-bottom: 0.125rem;
    border-bottom: 0.125rem solid #D6D6D6;
  }
}
.initiative .content-section .header-content .item.is-active {
  color: #F15627;
  border-bottom-color: #F15627;
}
.initiative .content-section .header-content::-webkit-scrollbar {
  display: none;
}
.initiative .content-section .header-content {
  -ms-overflow-style: none;
  /* IE/Edge */
  scrollbar-width: none;
  /* Firefox */
}
.initiative .two-col-layout {
  display: flex;
}
@media (max-width: 992px) {
  .initiative .two-col-layout {
    flex-direction: column;
    gap: 0.75rem;
  }
}
.initiative .two-col-layout .image {
  flex: 0 0 50%;
  display: flex;
  border-radius: 1rem;
}
.initiative .two-col-layout .image img {
  width: 75.2%;
  aspect-ratio: 424/318;
  border-radius: 1rem;
  height: fit-content;
  object-fit: cover;
  transition: opacity 300ms ease-out;
}
@media (max-width: 992px) {
  .initiative .two-col-layout .image img {
    width: 100%;
  }
}
.initiative .two-col-layout .content,
.initiative .two-col-layout p {
  flex: 0 0 50%;
  transition: opacity 300ms ease-out;
  font-size: 1.25rem;
  line-height: 160%;
  font-weight: 300;
  color: #272727;
  letter-spacing: 0.0375rem;
  text-overflow: ellipsis;
  font-family: "Roboto", sans-serif !important;
}
@media (max-width: 992px) {
  .initiative .two-col-layout .content,
  .initiative .two-col-layout p {
    font-size: 0.9375rem;
    letter-spacing: 0.028125rem;
  }
}
.initiative .two-col-layout p {
  margin-top: 0;
}
.initiative .two-col-layout .learnmore-wrapper {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.initiative .two-col-layout .learnmore-wrapper a.link {
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 132%;
  color: #EE4550;
}
.initiative .two-col-layout .learnmore-wrapper img {
  width: 1.375rem;
  height: auto;
  padding-top: 0.3125rem;
}
.initiative .two-col-layout .learnmore-wrapper .btn.black {
  display: none;
}
@media (max-width: 992px) {
  .initiative .two-col-layout .learnmore-wrapper {
    justify-content: center;
    padding-top: 20px;
  }
  .initiative .two-col-layout .learnmore-wrapper a.link, .initiative .two-col-layout .learnmore-wrapper img {
    display: none;
  }
  .initiative .two-col-layout .learnmore-wrapper .btn.black {
    display: block;
  }
}

.accolades {
  background: #F0EEEB;
  padding: 6rem 0;
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
@media (max-width: 992px) {
  .accolades {
    padding: 3rem 0;
    gap: 1.5rem;
  }
}
.accolades .title {
  font-size: 1.75rem;
  line-height: 100%;
  letter-spacing: 0.35rem;
  color: #272727;
  text-transform: uppercase;
  text-align: center;
}
@media (max-width: 992px) {
  .accolades .title {
    font-size: 1.25rem;
    letter-spacing: 0.25rem;
  }
}
.accolades .crousal {
  overflow: hidden;
  width: 100%;
}
.accolades .crousal-track {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  gap: 2rem;
  width: max-content;
  animation: crousal-scroll-rtl 30s linear infinite;
}
.accolades .crousal-item {
  padding: 1.5625rem 1.375rem;
  padding-top: 0;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  width: 26.5rem;
  text-align: center;
  padding-bottom: 1.5rem;
  border-bottom: 0.0625rem solid #767676;
}
@media (max-width: 992px) {
  .accolades .crousal-item {
    width: 9.375rem;
    gap: 0.75rem;
    padding: 0rem;
    padding-bottom: 0.75rem;
  }
}
.accolades .crousal-item img {
  height: 3.375rem;
  width: auto;
  object-fit: cover;
}
@media (max-width: 992px) {
  .accolades .crousal-item img {
    height: 2.5rem;
  }
}
.accolades .crousal-item .description {
  font-size: 1.25rem;
  line-height: 132%;
  font-weight: 500;
  color: #272727;
}
@media (max-width: 992px) {
  .accolades .crousal-item .description {
    font-size: 0.8125rem;
    line-height: 125%;
  }
}

@keyframes crousal-scroll-rtl {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
@media (prefers-reduced-motion: reduce) {
  .accolades .crousal-track {
    animation: none;
  }
}
.spotlight-articles-main {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4.25rem 0;
}
@media (max-width: 992px) {
  .spotlight-articles-main {
    padding: 3rem 0;
  }
}
.spotlight-articles-main .spotlight-articles {
  display: flex;
  flex-direction: column;
  width: 58%;
  gap: 3rem;
}
@media (max-width: 992px) {
  .spotlight-articles-main .spotlight-articles {
    width: 95%;
    gap: 2.25rem;
  }
}
.spotlight-articles-main .spotlight-articles .headings {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.spotlight-articles-main .spotlight-articles .headings .eyebrow {
  background-color: #E6E6E6;
  padding: 0.5rem 0.75rem;
  padding-bottom: 0.625rem;
  font-size: 0.875rem;
  line-height: 100%;
  font-weight: 400;
  letter-spacing: 0.0875rem;
  text-align: center;
  text-transform: uppercase;
  text-overflow: ellipsis;
  border-radius: 6.25rem;
  width: fit-content;
}
@media (max-width: 992px) {
  .spotlight-articles-main .spotlight-articles .headings .eyebrow {
    font-size: 0.625rem;
    letter-spacing: 0.0625rem;
    padding: 0.25rem 0.5rem;
  }
}
.spotlight-articles-main .spotlight-articles .headings .title {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 2.5rem;
  line-height: 108%;
  font-weight: 400;
  color: #272727;
}
@media (max-width: 992px) {
  .spotlight-articles-main .spotlight-articles .headings .title {
    font-size: 1.375rem;
    gap: 0.5rem;
  }
}
.spotlight-articles-main .spotlight-articles .headings .title img {
  width: 2.625rem;
  height: auto;
}
@media (max-width: 992px) {
  .spotlight-articles-main .spotlight-articles .headings .title img {
    width: 1.5rem;
  }
}
.spotlight-articles-main .spotlight-articles .articles {
  display: flex;
  flex-direction: column;
  gap: 4rem;
}
@media (max-width: 992px) {
  .spotlight-articles-main .spotlight-articles .articles {
    gap: 2rem;
  }
}
.spotlight-articles-main .spotlight-articles .articles .article {
  display: flex;
  gap: 1.5rem;
  position: relative;
}
@media (max-width: 992px) {
  .spotlight-articles-main .spotlight-articles .articles .article {
    gap: 1rem;
  }
}
.spotlight-articles-main .spotlight-articles .articles .article img {
  width: 23%;
  object-fit: cover;
  height: auto;
  border-radius: 0.5rem;
}
@media (max-width: 992px) {
  .spotlight-articles-main .spotlight-articles .articles .article img {
    width: 20%;
    aspect-ratio: 1/1;
  }
}
.spotlight-articles-main .spotlight-articles .articles .article .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.5rem;
  min-width: 0;
  color: #272727;
}
.spotlight-articles-main .spotlight-articles .articles .article .content .date {
  text-transform: uppercase;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 100%;
  letter-spacing: 0.075rem;
}
.spotlight-articles-main .spotlight-articles .articles .article .content .title {
  font-weight: 400;
  font-size: 1.5rem;
  line-height: 140%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 992px) {
  .spotlight-articles-main .spotlight-articles .articles .article .content .title {
    font-weight: 500;
    font-size: 1rem;
    line-height: 132%;
    text-overflow: unset;
    white-space: unset;
  }
}
.spotlight-articles-main .spotlight-articles .articles .article::after {
  content: "";
  width: 100%;
  position: absolute;
  bottom: -2rem;
  height: 0.0625rem;
  background-color: #767676;
}
@media (max-width: 992px) {
  .spotlight-articles-main .spotlight-articles .articles .article::after {
    bottom: -1rem;
  }
}
.spotlight-articles-main .spotlight-articles .view-btn {
  align-self: center;
  border: 0.125rem solid #272727;
  border-radius: 0.25rem;
  padding: 1rem 2rem;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 135%;
  letter-spacing: 0.1125rem;
  margin-top: 1.875rem;
}
@media (max-width: 992px) {
  .spotlight-articles-main .spotlight-articles .view-btn {
    margin-top: 0.5rem;
  }
}

.podcast-section {
  background: linear-gradient(180deg, #000 0%, #28184E 100%);
  padding: 8rem 0;
  display: flex;
  flex-direction: column;
  gap: 3.28125rem;
  color: white;
}
@media (max-width: 992px) {
  .podcast-section {
    padding: 3rem 0;
    gap: 2rem;
  }
}
.podcast-section .title {
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 108%;
}
@media (max-width: 992px) {
  .podcast-section .title {
    font-size: 1.375rem;
  }
}
.podcast-section .podcasts {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
.podcast-section .podcasts .results {
  display: grid;
  gap: 1.5rem;
}
@media (max-width: 428px) {
  .podcast-section .podcasts .results {
    gap: 1rem;
  }
}
.podcast-section .podcasts .results {
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding-bottom: 1.5rem !important;
}
.podcast-section .podcasts .results::-webkit-scrollbar {
  display: none;
}
.podcast-section .podcasts .results {
  grid-template-columns: none;
  grid-auto-columns: calc(20% - 12.5px);
  grid-auto-flow: column;
  overflow-x: scroll;
}
.podcast-section .podcasts .results > * {
  scroll-snap-align: start;
}
.podcast-section .podcasts .results .result {
  grid-column: auto;
}
@media (max-width: 600px) {
  .podcast-section .podcasts .results {
    grid-auto-columns: 42%;
  }
}
@media (max-width: 425px) {
  .podcast-section .podcasts .results {
    grid-auto-columns: 65%;
  }
}
.podcast-section .podcasts .ssCards {
  grid-auto-columns: 15%;
  padding: 0 6rem;
  scroll-padding: 0 6rem;
}
@media (min-width: 1513px) {
  .podcast-section .podcasts .ssCards {
    grid-auto-columns: 15%;
    padding: 0 calc(50% - 660px);
    scroll-padding: 0 calc(50% - 660px);
  }
}
@media (min-width: 1680px) {
  .podcast-section .podcasts .ssCards {
    grid-auto-columns: 15%;
    padding: 0 7.5%;
    scroll-padding: 7.5%;
  }
}
@media (min-width: 2560px) {
  .podcast-section .podcasts .ssCards {
    grid-auto-columns: 15%;
    padding: 0 6%;
    scroll-padding: 6%;
  }
}
@media (min-width: 4096px) {
  .podcast-section .podcasts .ssCards {
    grid-auto-columns: 15%;
    padding: 0 7%;
    scroll-padding: 7%;
  }
}
@media (max-width: 1299px) {
  .podcast-section .podcasts .ssCards {
    grid-auto-columns: calc((95% - 1rem) / 5);
    padding: 0 6rem;
    scroll-padding: 0 6rem;
  }
}
@media (max-width: 1298px) {
  .podcast-section .podcasts .ssCards {
    grid-auto-columns: 20%;
    padding: 0 4rem;
    scroll-padding: 4rem;
  }
}
@media (max-width: 768px) {
  .podcast-section .podcasts .ssCards {
    grid-auto-columns: 25%;
    padding: 0 2rem;
    scroll-padding: 2rem;
  }
}
@media (max-width: 576px) {
  .podcast-section .podcasts .ssCards {
    padding: 0 1rem;
    scroll-padding: 1rem;
    grid-auto-columns: 40%;
  }
}
@media (max-width: 428px) {
  .podcast-section .podcasts .ssCards {
    grid-auto-columns: 50%;
    scroll-padding: 0 1rem;
    padding: 0 1rem;
  }
}
.podcast-section .podcasts .speakers-nav-arrows {
  display: flex;
  justify-content: end;
  gap: 1.5rem;
  margin-top: 1.5rem;
  padding-bottom: 1rem;
}
@media (max-width: 992px) {
  .podcast-section .podcasts .speakers-nav-arrows {
    display: none;
  }
}
.podcast-section .podcasts .speakers-nav-arrows .nav-arrow {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.2s;
}
.podcast-section .podcasts .speakers-nav-arrows .nav-arrow:not(:disabled):hover {
  opacity: 0.8;
}
.podcast-section .podcasts .speakers-nav-arrows .nav-arrow:disabled {
  cursor: default;
  opacity: 0.35;
}
.podcast-section .podcasts .speakers-nav-arrows .nav-arrow img {
  width: 1.5rem;
  height: auto;
  display: block;
}
.podcast-section .podcasts .speakers-nav-arrows .nav-arrow-left img {
  transform: scaleX(-1);
}
.podcast-section .podcasts .podcast {
  display: flex;
  flex-direction: column;
  padding: 0.5rem;
  border-radius: 0.75rem;
  background: #28184E;
}
.podcast-section .podcasts .podcast img {
  border-radius: 0.75rem;
  width: 100%;
  aspect-ratio: 1/1;
}
.podcast-section .podcasts .podcast .content {
  display: flex;
  flex-direction: column;
  padding: 0.25rem;
  padding-top: 0.75rem;
  gap: 0.5rem;
}
.podcast-section .podcasts .podcast .content .title {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 132%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media (max-width: 992px) {
  .podcast-section .podcasts .podcast .content .title {
    font-size: 1rem;
    -webkit-line-clamp: 2;
  }
}
.podcast-section .podcasts .podcast .content .time {
  font-size: 1rem;
  font-weight: 300;
  line-height: 160%;
  letter-spacing: 0.03rem;
  font-family: "Roboto", sans-serif !important;
}
@media (max-width: 992px) {
  .podcast-section .podcasts .podcast .content .time {
    font-size: 0.875rem;
    letter-spacing: 0.02625rem;
  }
}

.linked-in {
  padding: 3.1875rem 0;
  margin: 1.25rem;
  border-radius: 1.75rem;
  color: white;
  font-weight: 500;
  font-size: 1.875rem;
  line-height: 120%;
  text-align: center;
  background: linear-gradient(180deg, #F47443 0%, #E23714 100%);
  display: flex;
  gap: 0.5rem;
  align-items: center;
  justify-content: center;
}
@media (max-width: 992px) {
  .linked-in {
    font-size: 1.375rem;
  }
}
.linked-in img {
  width: 2.625rem;
  height: auto;
}
@media (max-width: 992px) {
  .linked-in img {
    width: 2rem;
  }
}

.btn {
  color: #272727;
  font-size: 1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 135%;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  background-color: white;
  padding: 0.75rem 1.5rem;
  width: fit-content;
  border-radius: 0.25rem;
}
.btn.black {
  color: white;
  background-color: #272727;
}

/*# sourceMappingURL=lws-home.css.map */