@font-face {
  font-family: Georgia Pro;
  src: url('../fonts/GeorgiaPro-CondLight.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: TeX Gyre Heros Cn;
  src: url('../fonts/texgyreheroscn-regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: TeX Gyre Heros Cn;
  src: url('../fonts/texgyreheroscn-italic.otf') format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

:root {
  --beige: #f3efec;
  --black: #151617;
  --black-40: #15161766;
  --white: white;
  --black-10: #1516171a;
}

body {
  background-color: var(--beige);
  color: var(--black);
  letter-spacing: -.02em;
  font-family: Georgia Pro, sans-serif;
  font-size: 28rem;
  font-weight: 300;
  line-height: 110%;
}

h1 {
  letter-spacing: -.05em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 100rem;
  line-height: 90%;
}

h2 {
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: TeX Gyre Heros Cn, sans-serif;
  font-size: 94rem;
  font-weight: 400;
  line-height: 95%;
}

h3 {
  letter-spacing: -.05em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 56rem;
  font-weight: 300;
  line-height: 85%;
}

p {
  margin-bottom: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

img {
  object-fit: cover;
  width: 100%;
  max-width: 100%;
  height: 100%;
  display: inline-block;
}

.zh-scripts {
  display: none;
}

.root {
  grid-column-gap: 96rem;
  grid-row-gap: 96rem;
  flex-flow: column;
  display: flex;
  overflow-x: clip;
}

.container {
  padding-left: 56rem;
  padding-right: 56rem;
}

.hero-layout.container {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.hero-bg {
  z-index: -1;
  border-radius: 32rem;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.hero-bg.mobile {
  display: none;
}

.navigation {
  z-index: 501;
  pointer-events: none;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding-top: 40rem;
  transition: transform .5s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  transform: translate(0);
}

.navigation.close {
  transform: translate(0, -105%);
}

.navigation-container {
  background-color: var(--beige);
  pointer-events: auto;
  color: var(--black-40);
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  padding: 16rem 24rem;
  display: flex;
}

.text-p3 {
  letter-spacing: 0;
  font-family: TeX Gyre Heros Cn, sans-serif;
  font-size: 14rem;
  font-weight: 400;
  line-height: 115%;
}

.caps {
  text-transform: uppercase;
}

.hero-content {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  max-width: 790rem;
  color: var(--white);
  text-align: center;
  flex-flow: column;
  justify-content: flex-end;
  transition: color .5s;
  display: flex;
  position: relative;
}

.hero-content.black {
  color: var(--black);
}

.font-georgia-300 {
  font-family: Georgia Pro, sans-serif;
  font-weight: 300;
}

.text-p1 {
  font-family: Georgia Pro, sans-serif;
  font-size: 28rem;
  font-weight: 300;
  line-height: 110%;
}

.hero-bullets {
  grid-column-gap: 24rem;
  grid-row-gap: 24rem;
  justify-content: center;
  margin-top: 56rem;
  display: flex;
}

.hero-bullet {
  width: 150rem;
  max-width: 150rem;
  padding: 16rem;
  position: relative;
}

.hero-bullet__icon {
  pointer-events: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  bottom: -11rem;
  right: 15rem;
}

.hero-bullet__icon.is-1 {
  width: 44rem;
  height: 44rem;
}

.hero-bullet__icon.is-2 {
  width: 44rem;
  height: 44rem;
  top: -22rem;
  bottom: auto;
  right: 45rem;
}

.hero-bullet__icon.is-3 {
  width: 76rem;
  height: 40rem;
  top: auto;
  bottom: -14rem;
  right: 12rem;
}

.svg {
  width: 100%;
  height: 100%;
}

.team-section {
  border: 1rem solid var(--black);
  background-color: var(--white);
  border-radius: 32rem;
  justify-content: center;
  align-items: center;
  height: 574rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.team-section__content {
  grid-column-gap: 56rem;
  grid-row-gap: 56rem;
  text-align: center;
  flex-flow: column;
  max-width: 697rem;
  padding-left: 56rem;
  padding-right: 56rem;
  display: flex;
  position: relative;
}

.text-h3 {
  letter-spacing: -.05em;
  font-family: Georgia Pro, sans-serif;
  font-size: 56rem;
  font-weight: 300;
  line-height: 85%;
}

.team-section__paragraph {
  grid-column-gap: 24rem;
  grid-row-gap: 24rem;
  flex-flow: column;
  display: flex;
}

.team-section__buttons {
  grid-column-gap: 8rem;
  grid-row-gap: 8rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button {
  border: 1rem solid var(--black-10);
  color: var(--black);
  letter-spacing: -.03em;
  background-color: #0000;
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  padding: 16rem 24rem;
  font-family: TeX Gyre Heros Cn, sans-serif;
  font-size: 20rem;
  font-weight: 400;
  line-height: 120%;
  transition: border-color .3s, background-color .3s;
  display: flex;
}

.button:hover {
  border-color: var(--black);
  background-color: var(--white);
}

.team-section__images-track {
  grid-column-gap: 16rem;
  grid-row-gap: 16rem;
  flex-flow: column;
  display: flex;
  position: absolute;
  top: 0;
  left: 56rem;
}

.team-section__image {
  aspect-ratio: 1;
  border-radius: 32rem;
  overflow: hidden;
}

.team-section__image.stretch {
  aspect-ratio: auto;
  height: 286rem;
}

.team-section__book {
  max-width: 264rem;
  position: absolute;
  right: 56rem;
}

.projects-layout.container {
  padding-top: 100rem;
  padding-bottom: 56rem;
}

.projects-subsection {
  grid-column-gap: 16rem;
  grid-row-gap: 16rem;
  padding-bottom: 100rem;
  display: flex;
}

.charity__left-side {
  grid-column-gap: 56rem;
  grid-row-gap: 56rem;
  flex-flow: column;
  justify-content: flex-start;
  width: 100%;
  max-width: 656rem;
  height: calc(100vh - 200rem);
  display: flex;
  position: sticky;
  top: 100rem;
}

.text-h1 {
  letter-spacing: -.05em;
  font-family: Georgia Pro, sans-serif;
  font-size: 100rem;
  font-weight: 300;
  line-height: 90%;
}

.text-h2 {
  letter-spacing: -.03em;
  font-family: TeX Gyre Heros Cn, sans-serif;
  font-size: 94rem;
  font-weight: 400;
  line-height: 95%;
}

.projects-subsection__right-side {
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  display: flex;
  position: relative;
}

.projects-subsection__image-1 {
  border-radius: 32rem;
  width: 544rem;
  height: 440rem;
  overflow: hidden;
}

.projects-subsection__image-2 {
  z-index: 1;
  border-radius: 16rem;
  justify-content: center;
  align-items: center;
  width: 171rem;
  min-width: 171rem;
  height: 116rem;
  min-height: 116rem;
  display: flex;
  overflow: hidden;
}

.charity-icon {
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  width: 88rem;
  display: flex;
  position: absolute;
  bottom: -25rem;
  right: 240rem;
}

.projects-wrapper {
  margin-left: -56rem;
  margin-right: -56rem;
  position: relative;
}

.project-container {
  justify-content: center;
  align-items: center;
  padding-top: 12rem;
  padding-bottom: 12rem;
  display: flex;
  position: relative;
}

.text-supercaption {
  letter-spacing: -.03em;
  font-size: 150rem;
  line-height: 100%;
}

.project-about {
  border: 1rem solid var(--black);
  background-color: var(--white);
  border-radius: 32rem;
  width: 336rem;
  max-width: 336rem;
  padding: 24rem;
  overflow: hidden;
}

.project-cover {
  border-radius: 32rem;
  width: 290rem;
  height: 160rem;
  overflow: hidden;
}

.project-cover.is-1 {
  width: 336rem;
  height: 405rem;
}

.project-cover.is-3 {
  width: 280rem;
  height: 380rem;
}

.project-cover.is-4 {
  width: 300rem;
  height: 167rem;
}

.project-cover.is-4.tbank {
  width: 400rem;
  height: 260rem;
}

.project-cover.is-5 {
  width: 340rem;
  height: 420rem;
}

.project-cover.is-6, .project-cover.is-7 {
  width: 340rem;
  height: 500rem;
}

.project-cover.is-8 {
  width: 340rem;
  height: 185rem;
}

.project-cover.is-9 {
  width: 300rem;
  height: 167rem;
}

.project-cover.is-10 {
  width: 280rem;
  height: 490rem;
}

.project-cover.is-11 {
  width: 340rem;
  height: 520rem;
}

.project-cover.is-12 {
  width: 300rem;
  height: 167rem;
}

.project-cover.is-35 {
  width: 450rem;
  height: 350rem;
}

.projects-more-button {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 40rem;
  display: flex;
}

.media-layout.container {
  grid-column-gap: 16rem;
  grid-row-gap: 80rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.media-empty {
  grid-column-gap: 56rem;
  grid-row-gap: 56rem;
  border: 1rem solid var(--black);
  background-color: var(--white);
  text-align: center;
  border-radius: 32rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding: 56rem;
  display: flex;
}

.media-empty__icon {
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  width: 88rem;
  display: flex;
}

.media-card {
  grid-column-gap: 24rem;
  grid-row-gap: 24rem;
  flex-flow: column;
  grid-column: span 2;
  display: flex;
}

.media-card__cover {
  border: 1rem solid var(--black-10);
  border-radius: 32rem;
  height: 100%;
  min-height: 228rem;
  max-height: 228rem;
  transition: border-color .3s;
  position: relative;
  overflow: hidden;
}

.media-card__cover.fill-height {
  max-height: none;
}

.media-card__logo {
  z-index: 1;
  background-color: var(--white);
  border-radius: 16rem;
  height: 48rem;
  max-height: 48rem;
  padding: 8rem;
  display: flex;
  position: absolute;
  bottom: 24rem;
  left: 24rem;
  overflow: hidden;
}

.media-card__logo.big {
  height: 60rem;
  max-height: 60rem;
}

.media-more-card.button {
  border-radius: 32rem;
  max-height: 228rem;
}

.media-more-card.button.only-mob {
  display: none;
}

.podcasts-layout.container {
  grid-column-gap: 80rem;
  grid-row-gap: 80rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 56rem;
  padding-bottom: 56rem;
  display: flex;
}

.podcasts-layout__top {
  grid-column-gap: 56rem;
  grid-row-gap: 56rem;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 656rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: relative;
}

.section-heading {
  grid-column-gap: 16rem;
  grid-row-gap: 16rem;
  flex-flow: column;
  display: flex;
  position: relative;
}

.podcasts-icon {
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  width: 88rem;
  display: flex;
  position: absolute;
  top: 74rem;
  right: -64rem;
}

.podcasts-list {
  grid-column-gap: 56rem;
  grid-row-gap: 56rem;
  display: flex;
}

.podcast-card {
  grid-column-gap: 16rem;
  grid-row-gap: 16rem;
  flex-flow: column;
  width: 210rem;
  max-width: 210rem;
  display: flex;
}

.podcast-card__about {
  grid-column-gap: 8rem;
  grid-row-gap: 8rem;
  text-align: center;
  flex-flow: column;
  display: flex;
}

.podcast-card__cover {
  z-index: 0;
  aspect-ratio: 1;
  border: 1rem solid var(--black-10);
  border-radius: 100vw;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  transition: border-color .3s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.podcast-card__icon {
  background-color: var(--beige);
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  width: 40rem;
  min-width: 40rem;
  max-width: 40rem;
  height: 40rem;
  min-height: 40rem;
  max-height: 40rem;
  padding: 8rem;
  display: flex;
  position: absolute;
  bottom: 16rem;
}

.charity-description {
  max-width: 320rem;
}

.charity-layout.container {
  grid-column-gap: 16rem;
  grid-row-gap: 16rem;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 100rem;
  padding-bottom: 100rem;
  display: flex;
  position: relative;
}

.charity__right-side {
  flex-flow: column;
  width: 100%;
  display: flex;
}

.charity__float-content {
  grid-column-gap: 90rem;
  grid-row-gap: 90rem;
  flex-flow: column;
  display: flex;
}

.gift-layout.container {
  grid-column-gap: 16rem;
  grid-row-gap: 16rem;
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  padding-top: 100rem;
  padding-bottom: 0;
  display: flex;
}

.gift-layout.container.mkot {
  height: auto;
  position: static;
}

.footer-layout.container {
  grid-column-gap: 56rem;
  grid-row-gap: 56rem;
  flex-flow: column;
  padding-bottom: 24rem;
  display: flex;
}

.footer-bottom {
  grid-column-gap: 24rem;
  grid-row-gap: 24rem;
  flex-flow: column;
  display: flex;
}

.footer-copyright {
  color: var(--black-40);
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.footer-bottom__inner {
  grid-column-gap: 120rem;
  grid-row-gap: 120rem;
  border: 1rem solid var(--black-10);
  border-radius: 32rem;
  justify-content: space-between;
  align-items: center;
  padding: 56rem;
  display: flex;
}

.footer-links-grid {
  grid-column-gap: 24rem;
  grid-row-gap: 24rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.footer-link {
  grid-column-gap: 16rem;
  grid-row-gap: 16rem;
  border: 1rem solid var(--black-10);
  border-radius: 16rem;
  justify-content: flex-start;
  align-items: center;
  width: 224rem;
  max-width: 224rem;
  padding: 8rem 16rem 8rem 8rem;
  transition: border-color .3s, background-color .3s;
  display: flex;
}

.footer-link:hover {
  border-color: var(--black);
  background-color: var(--white);
}

.footer-link__image {
  aspect-ratio: 1;
  border-radius: 8rem;
  width: 58rem;
  overflow: hidden;
}

.footer-top {
  grid-column-gap: 24rem;
  grid-row-gap: 24rem;
  text-align: center;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.footer-icon {
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  width: 88rem;
  display: flex;
}

.embed-link {
  text-underline-offset: 6rem;
  text-decoration: underline;
  text-decoration-thickness: 4rem;
}

.footer-top__buttons-wrp {
  grid-column-gap: 24rem;
  grid-row-gap: 24rem;
  flex-flow: column;
  margin-top: 16rem;
  display: flex;
}

.footer-top__buttons {
  grid-column-gap: 16rem;
  grid-row-gap: 16rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.font-tex-gyre-400 {
  font-family: TeX Gyre Heros Cn, sans-serif;
  font-weight: 400;
}

.max-w-656 {
  max-width: 656rem;
}

.gift-layout-heading.section-heading {
  grid-column-gap: 32rem;
  grid-row-gap: 32rem;
  justify-content: flex-start;
  align-items: center;
  transform: translate(0, -100rem);
}

.gifts-layout_cards {
  grid-column-gap: 16rem;
  grid-row-gap: 16rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.gift-card {
  grid-column-gap: 40rem;
  grid-row-gap: 40rem;
  border: 1rem solid var(--black);
  background-color: var(--white);
  border-radius: 32rem;
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  align-items: center;
  width: 430rem;
  max-width: 430rem;
  height: 552rem;
  padding: 48rem 32rem;
  display: flex;
  position: relative;
}

.gift-card.is-02 {
  z-index: 2;
}

.gift-card.is-3 {
  z-index: 3;
}

.gift-card.is-1 {
  z-index: 1;
}

.gift-card__cover {
  aspect-ratio: 1;
  border-radius: 16rem;
  width: 200rem;
  height: 200rem;
  overflow: hidden;
}

.gift-card__about {
  grid-column-gap: 16rem;
  grid-row-gap: 16rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.gifts-layout__track {
  position: relative;
}

.charity-card {
  grid-column-gap: 24rem;
  grid-row-gap: 24rem;
  flex-flow: column;
  width: 430rem;
  max-width: 430rem;
  display: flex;
  position: relative;
}

.charity-card.right-side {
  align-self: end;
}

.charity-card.right-side.hide-on-mob.no-events, .charity-card.no-events {
  pointer-events: none;
}

.charity-card__cover {
  border: 1rem solid var(--black-10);
  border-radius: 32rem;
  height: 260rem;
  max-height: 260rem;
  transition: border-color .3s;
  overflow: hidden;
}

.charity-card__about {
  grid-column-gap: 16rem;
  grid-row-gap: 16rem;
  flex-flow: column;
  display: flex;
}

.charity-card__second-cover {
  border-radius: 32rem;
  width: 208rem;
  height: 144rem;
  position: absolute;
  left: calc(100% + 16rem);
  overflow: hidden;
}

.charity-first-card {
  grid-column-gap: 16rem;
  grid-row-gap: 16rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  transform-style: initial !important;
}

.charity-logo {
  border: 1rem solid var(--black-10);
  background-color: var(--beige);
  object-fit: contain;
  border-radius: 32rem;
  justify-content: center;
  align-items: center;
  height: 120rem;
  padding-left: 30rem;
  padding-right: 30rem;
  transition: background-color .3s, border-color .3s;
  display: flex;
  overflow: hidden;
}

.charity-logo:hover {
  border-color: var(--black);
  background-color: var(--white);
}

.charity-logo-image {
  border-radius: 32rem;
  overflow: hidden;
}

.podcasts-list-wrapper {
  cursor: grab;
  margin-left: -56rem;
  margin-right: -56rem;
  padding-left: 56rem !important;
  padding-right: 56rem !important;
}

.podcasts {
  position: relative;
}

.hero-track {
  margin-bottom: 72rem;
  position: relative;
}

.hero-second-layout.container {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  min-height: 100vh;
  padding-top: 80rem;
  padding-bottom: 46rem;
  display: flex;
  position: relative;
}

.hero-second__heading.section-heading {
  max-width: 386rem;
}

.business-cards {
  transition-property: transform;
  transition-duration: .5s;
  transition-timing-function: ease;
  position: absolute;
  top: calc(100% + 72rem);
  transform: translate(0, 20%);
}

.business-cards.visible {
  transform: translate(0);
}

.business-card {
  border: 1rem solid var(--black-10);
  text-align: center;
  border-radius: 32rem;
  flex-flow: column;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 220rem;
  max-width: 220rem;
  height: 260rem;
  max-height: 260rem;
  padding: 24rem;
  transition: border-color .3s, background-color .3s;
  display: flex;
}

.business-card:hover {
  border-color: var(--black);
  background-color: var(--white);
}

.business-card__about-grid {
  grid-template-rows: 0fr;
  margin-top: 0;
  display: grid;
}

.business-card__about {
  opacity: 0;
  transition: opacity .5s;
  overflow: hidden;
}

.business-card__heading {
  margin-top: 24rem;
}

.business-cards__track {
  grid-column-gap: 16rem;
  grid-row-gap: 16rem;
  margin-left: -56rem;
  margin-right: -56rem;
  display: flex;
  padding-left: 56rem !important;
  padding-right: 56rem !important;
}

.business-cards__list {
  grid-column-gap: 16rem;
  grid-row-gap: 16rem;
  display: flex;
}

.hero-bg-track {
  z-index: -1;
  position: absolute;
  inset: 0%;
}

.hero-bg-sticky {
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding: 8rem;
  transition: transform 1.25s cubic-bezier(.77, 0, .175, 1);
  display: flex;
  position: sticky;
  top: 0;
  transform: translate(0);
}

.hero-bg-sticky.hidden {
  transform: translate(0, 100%);
}

.hero-second__top {
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.hero-bg-wrp {
  width: 100%;
  height: 100%;
  position: relative;
}

.is-hero-bg {
  object-position: 85%;
  transition-property: transform;
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(.77, 0, .175, 1);
  position: absolute;
  inset: 0%;
  transform: translate(0);
}

.projects-icon {
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  width: 88rem;
  display: flex;
  position: absolute;
  bottom: 68rem;
  right: 68rem;
}

.nav-item {
  transition: color .3s;
}

.nav-item:hover {
  color: var(--black);
}

.nav-item.text-p3.w--current {
  color: var(--black);
  font-style: italic;
}

.nav-item.text-p3.unset.w--current {
  color: inherit;
  font-style: normal;
}

.hero-description-wrapper {
  grid-template-rows: 1fr;
  margin-top: 32rem;
  transition-property: all;
  transition-duration: 1s;
  transition-timing-function: cubic-bezier(.77, 0, .175, 1);
  display: grid;
  overflow: hidden;
}

.hero-description-wrapper.hidden {
  grid-template-rows: 0fr;
  margin-top: 0;
}

.hero-description {
  overflow: hidden;
}

.hero-icon {
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  width: 88rem;
  transition: color .5s;
  display: flex;
  position: absolute;
  top: 17rem;
  right: 22%;
}

.fc-black {
  color: var(--black);
}

.team-section__images {
  grid-column-gap: 16rem;
  grid-row-gap: 16rem;
  flex-flow: column;
  min-width: 192rem;
  max-width: 192rem;
  display: flex;
}

.business-icon {
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  width: 88rem;
  transition: color .5s;
  display: flex;
  position: absolute;
  bottom: -16rem;
  right: -16rem;
}

.projects-about {
  z-index: 10;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: 24rem;
  padding-right: 24rem;
  display: flex;
  position: absolute;
  inset: 0%;
}

.project-about__wrapper {
  grid-column-gap: 30rem;
  grid-row-gap: 30rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  place-items: center;
  display: flex;
  position: absolute;
}

.test {
  background-color: red;
  width: 1px;
  height: 100%;
  position: absolute;
}

.opacity-0 {
  opacity: 0;
}

.project-about__pixel {
  z-index: 10;
  opacity: 0;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  transition: opacity .3s;
  display: flex;
  position: absolute;
  inset: 0%;
}

.project-about__pixel.is-active {
  opacity: 1;
}

.project-subsection__images {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 544rem;
  height: 440rem;
  display: flex;
  position: relative;
}

.project-subsection__paragraph {
  max-width: 540rem;
}

.fit-inherit {
  object-fit: inherit;
}

.fit-inherit.multiply {
  mix-blend-mode: multiply;
}

.teams-icon {
  aspect-ratio: 1;
  justify-content: center;
  align-items: center;
  width: 88rem;
  transition: color .5s;
  display: flex;
  position: absolute;
  top: 70rem;
  right: 120rem;
}

.nav-menu {
  grid-column-gap: 16rem;
  grid-row-gap: 16rem;
  display: flex;
}

.nav-menu-button, .business-cards__pagination, .second-section-bg, .mobile-projects, .slider-pagination {
  display: none;
}

.projects-subsection__image-1-mask {
  border-radius: 32rem;
  justify-content: center;
  align-items: center;
  width: 544rem;
  height: 440rem;
  display: flex;
  overflow: hidden;
}

.projects-subsection__image-2-mask {
  z-index: 1;
  border-radius: 16rem;
  justify-content: center;
  align-items: center;
  width: 171rem;
  height: 116rem;
  display: flex;
  position: absolute;
  overflow: hidden;
}

.projects-subsection__image-2-mask.mobile, .hero-animation__step-1, .hero-animation__step-2 {
  display: none;
}

.gift-card__buttons {
  grid-column-gap: 8rem;
  grid-row-gap: 8rem;
  display: flex;
}

.lottie {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.project-about-mask {
  border-top-style: solid;
  border-top-width: 1rem;
  border-top-color: var(--black);
  border-right-style: solid;
  border-right-width: 1rem;
  border-right-color: var(--black);
  border-bottom-style: solid;
  border-bottom-width: 1rem;
  border-bottom-color: var(--black);
  border-left-style: solid;
  border-left-width: 1rem;
  border-left-color: var(--black);
  border-radius: 32rem;
  grid-template-rows: 0fr;
  justify-content: center;
  align-items: center;
  width: 0;
  max-width: 336rem;
  display: grid;
  overflow: hidden;
}

.hero-second__heading-layout {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.podcasts-arrow {
  aspect-ratio: 1;
  border: 1rem solid var(--black);
  background-color: var(--white);
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  min-width: 64rem;
  max-width: 64rem;
  transition: opacity .3s;
  display: flex;
  position: absolute;
  top: 73rem;
}

.podcasts-arrow.u-left-side {
  left: -24rem;
}

.podcasts-arrow.u-right-side {
  right: -24rem;
}

.podcasts-arrow.disabled {
  opacity: 0;
  pointer-events: none;
}

.social-link {
  aspect-ratio: 1;
  background-color: var(--beige);
  border-radius: 100vw;
  justify-content: center;
  align-items: center;
  width: 80rem;
  display: flex;
}

.media-buttons {
  grid-column-gap: 24rem;
  grid-row-gap: 24rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.u-video-wrapper {
  z-index: 1;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 100%;
  padding: 0;
  display: flex;
  position: relative;
}

.u-video {
  object-fit: cover;
  width: 100%;
  max-width: 100%;
  height: 100%;
  padding: 0;
  position: relative;
}

.collab_img {
  object-position: 50% 2%;
}

.code-embed {
  display: flex;
}

@media screen and (max-width: 991px) {
  h2 {
    font-size: 70rem;
    line-height: 100%;
  }

  .container {
    padding-left: 16rem;
    padding-right: 16rem;
  }

  .container.teams-container {
    margin-top: -240rem;
  }

  .navigation {
    background-color: var(--beige);
    align-items: stretch;
    padding-top: 0;
  }

  .navigation-container {
    background-color: #0000;
    border-bottom: 1rem solid #0000;
    border-radius: 0 0 24rem 24rem;
    grid-template-rows: 0fr;
    padding-top: 0;
    padding-bottom: 0;
    transition-property: all;
    transition-duration: .75s;
    transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    display: grid;
    overflow: hidden;
  }

  .hero-content {
    max-width: 550rem;
  }

  .text-p1 {
    font-size: 22rem;
  }

  .team-section {
    height: 474rem;
  }

  .team-section__content {
    grid-column-gap: 40rem;
    grid-row-gap: 40rem;
    max-width: 470rem;
    padding-left: 0;
    padding-right: 0;
  }

  .text-h3 {
    font-size: 48rem;
    line-height: 92%;
  }

  .button {
    font-size: 18rem;
    line-height: 100%;
  }

  .team-section__images-track {
    left: 36rem;
  }

  .team-section__image {
    aspect-ratio: auto;
    border-radius: 24rem;
    height: 90rem;
    min-height: 90rem;
  }

  .team-section__image.stretch {
    height: 140rem;
  }

  .team-section__book {
    max-width: 150rem;
    right: 36rem;
  }

  .charity__left-side {
    grid-column-gap: 40rem;
    grid-row-gap: 40rem;
    max-width: 468rem;
    height: auto;
  }

  .text-h1 {
    font-size: 76rem;
    line-height: 92%;
  }

  .text-h2 {
    font-size: 70rem;
    line-height: 100%;
  }

  .projects-subsection__right-side {
    justify-content: flex-start;
    align-items: flex-end;
  }

  .charity-icon {
    width: 65rem;
    bottom: -24rem;
    left: 200rem;
    right: auto;
  }

  .projects-wrapper {
    margin-left: -16rem;
    margin-right: -16rem;
  }

  .project-container {
    padding-top: 20rem;
    padding-bottom: 20rem;
  }

  .project-container.is-active {
    z-index: 2;
  }

  .text-supercaption {
    font-size: 100rem;
    line-height: 90%;
  }

  .project-about {
    pointer-events: none;
    border-radius: 24rem;
    width: 262rem;
    max-width: 262rem;
    padding: 16rem;
    display: none;
    position: absolute;
    left: calc(100% + 24rem);
  }

  .project-cover {
    pointer-events: none;
    border-radius: 24rem;
    display: none;
    position: absolute;
    right: calc(100% + 24rem);
  }

  .project-cover.is-1 {
    width: 250rem;
    height: 300rem;
  }

  .project-cover.is-2 {
    width: 212rem;
    height: 116rem;
  }

  .project-cover.is-3 {
    width: 208rem;
    height: 287rem;
  }

  .project-cover.is-4 {
    width: 240rem;
    height: 134rem;
  }

  .project-cover.is-5 {
    width: 248rem;
    height: 310rem;
  }

  .project-cover.is-6, .project-cover.is-7 {
    width: 248rem;
    height: 370rem;
  }

  .project-cover.is-8 {
    border-radius: 32rem;
    width: 240rem;
    height: 130rem;
  }

  .project-cover.is-9 {
    width: 240rem;
    height: 134rem;
  }

  .project-cover.is-10 {
    width: 209rem;
    height: 370rem;
  }

  .project-cover.is-11 {
    width: 248rem;
    height: 380rem;
  }

  .project-cover.is-12 {
    width: 240rem;
    height: 134rem;
  }

  .project-cover.is-35 {
    width: 320rem;
    height: 250rem;
  }

  .media-layout.container {
    grid-row-gap: 48rem;
  }

  .media-empty__icon {
    width: 56rem;
  }

  .media-card__cover {
    min-height: 170rem;
    max-height: 170rem;
  }

  .media-card__cover.fill-height {
    max-height: 400rem;
  }

  .media-card__logo {
    border-radius: 12rem;
    height: 40rem;
    max-height: 40rem;
    bottom: 16rem;
    left: 16rem;
  }

  .media-card__logo.big {
    height: 40rem;
    max-height: 40rem;
  }

  .media-more-card.button {
    max-height: 170rem;
  }

  .podcasts-layout.container {
    grid-column-gap: 64rem;
    grid-row-gap: 64rem;
    padding-top: 40rem;
    padding-bottom: 16rem;
  }

  .podcasts-layout__top {
    grid-column-gap: 40rem;
    grid-row-gap: 40rem;
    max-width: 550rem;
  }

  .podcasts-icon {
    width: 64rem;
    top: 60rem;
    right: 0;
  }

  .podcasts-list {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    max-width: calc(100vw - 32rem);
  }

  .podcast-card {
    width: 180rem;
    max-width: 180rem;
  }

  .podcast-card__icon {
    width: 32rem;
    min-width: 32rem;
    max-width: 32rem;
    height: 32rem;
    min-height: 32rem;
    max-height: 32rem;
  }

  .charity-layout.container {
    padding-top: 40rem;
    padding-bottom: 60rem;
  }

  .charity__float-content {
    grid-column-gap: 56rem;
    grid-row-gap: 56rem;
  }

  .gift-layout.container {
    padding-top: 40rem;
  }

  .footer-layout.container {
    grid-column-gap: 48rem;
    grid-row-gap: 48rem;
    margin-top: -240rem;
  }

  .footer-bottom {
    grid-column-gap: 20rem;
    grid-row-gap: 20rem;
  }

  .footer-bottom__inner {
    grid-column-gap: 36rem;
    grid-row-gap: 36rem;
    border-radius: 24rem;
    padding: 48rem 36rem;
  }

  .footer-links-grid {
    grid-column-gap: 16rem;
    grid-row-gap: 16rem;
  }

  .footer-link {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    border-radius: 12rem;
    width: 180rem;
    max-width: 180rem;
    padding: 7rem;
  }

  .footer-link__image {
    width: 35rem;
  }

  .footer-icon {
    width: 64rem;
  }

  .max-w-656 {
    max-width: 420rem;
  }

  .charity-card {
    grid-column-gap: 20rem;
    grid-row-gap: 20rem;
    max-width: 310rem;
  }

  .charity-card__cover {
    border-radius: 24rem;
    height: 190rem;
    max-height: 190rem;
  }

  .charity-card__about {
    grid-column-gap: 12rem;
    grid-row-gap: 12rem;
  }

  .charity-card__second-cover {
    border-radius: 24rem;
    width: 146rem;
    height: 100rem;
  }

  .charity-logo {
    border-radius: 24rem;
    height: 100rem;
  }

  .podcasts-list-wrapper {
    margin-left: -16rem;
    margin-right: -16rem;
    padding-left: 16rem !important;
    padding-right: 16rem !important;
  }

  .hero-second-layout.container {
    justify-content: flex-end;
    align-items: stretch;
    padding-top: 0;
    padding-bottom: 126rem;
  }

  .hero-second__heading.section-heading {
    max-width: 310rem;
  }

  .business-cards {
    max-width: calc(100vw - 32rem);
    position: static;
    top: auto;
  }

  .business-cards__track {
    margin-left: -16rem;
    margin-right: -16rem;
    display: block;
    padding-left: 16rem !important;
    padding-right: 16rem !important;
  }

  .business-cards__list {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .hero-second__top {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    position: static;
  }

  .projects-icon {
    width: 64rem;
    inset: 83rem auto auto 250rem;
  }

  .hero-icon {
    width: 68rem;
    top: 0;
    right: 20%;
  }

  .team-section__images {
    grid-column-gap: 12rem;
    grid-row-gap: 12rem;
    min-width: 140rem;
    max-width: 140rem;
  }

  .business-icon {
    bottom: -4rem;
    right: -45rem;
  }

  .project-about__wrapper {
    pointer-events: none;
    display: none;
  }

  .project-about__pixel {
    display: none;
  }

  .project-subsection__images {
    width: 430rem;
    height: 350rem;
  }

  .teams-icon {
    width: 56rem;
    top: 55rem;
    right: 64rem;
  }

  .nav-menu {
    opacity: 0;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    padding-top: 96rem;
    padding-bottom: 40rem;
    transition: opacity .75s cubic-bezier(.77, 0, .175, 1);
  }

  .nav-menu-button {
    z-index: 10;
    background-color: var(--beige);
    pointer-events: auto;
    border-radius: 100vw;
    justify-content: center;
    align-items: center;
    height: 40rem;
    padding: 0 24rem;
    transition: transform .75s, background-color .5s;
    display: flex;
    position: absolute;
    top: 32rem;
    left: 50%;
  }

  .nav-menu-button.white {
    background-color: var(--white);
  }

  .nav-menu-wrapper {
    overflow: hidden;
  }

  .nav-menu-icon {
    aspect-ratio: 1;
    justify-content: center;
    align-items: center;
    width: 24rem;
    min-width: 24rem;
    display: flex;
  }

  .nav-menu-icon.close {
    display: none;
  }

  .slider-pagination {
    margin-top: 30rem;
    display: block;
  }

  .slider-pagination.splide__pagination {
    max-width: calc(100vw - 32rem);
    position: static;
  }

  .projects-subsection__image-1-mask {
    width: 430rem;
    height: 350rem;
  }

  .projects-subsection__image-2-mask.desktop {
    display: none;
  }

  .projects-subsection__image-2-mask.mobile {
    width: 148rem;
    height: 100rem;
    display: flex;
  }

  .hero-second__heading-layout {
    position: absolute;
    bottom: 50%;
    transform: translate(0, 50%);
  }

  .project-name-wrapper {
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
  }
}

@media screen and (max-width: 767px) {
  .project-about, .project-cover {
    pointer-events: auto;
  }
}

@media screen and (max-width: 479px) {
  h2 {
    font-size: 52rem;
  }

  h3 {
    font-size: 40rem;
  }

  .root {
    grid-column-gap: 90rem;
    grid-row-gap: 90rem;
  }

  .container {
    padding-left: 16rem;
    padding-right: 16rem;
  }

  .container.teams-container {
    margin-top: 0;
  }

  .hero-layout.container {
    justify-content: flex-end;
    align-items: center;
    height: min(100svh, 100vh, 100dvh);
    padding-left: 32rem;
    padding-right: 32rem;
    position: relative;
  }

  .hero-bg {
    justify-content: flex-end;
    align-items: center;
    margin: 16rem;
  }

  .hero-bg.mobile {
    display: flex;
  }

  .hero-bg.desktop {
    margin: 0;
  }

  .navigation.close {
    transform: translate(0, -105%);
  }

  .navigation-container {
    grid-column-gap: 32rem;
    grid-row-gap: 32rem;
  }

  .text-p3 {
    font-size: 12rem;
  }

  .hero-content {
    grid-column-gap: 24rem;
    grid-row-gap: 24rem;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
    max-width: none;
    margin-bottom: 56rem;
  }

  .text-p1 {
    font-size: 18rem;
  }

  .hero-bullets {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    margin-top: 12rem;
  }

  .hero-bullet {
    width: 110rem;
    min-width: 110rem;
    max-width: 110rem;
    padding-left: 8rem;
    padding-right: 8rem;
  }

  .hero-bullet__icon.is-1 {
    width: 30rem;
    right: 5rem;
  }

  .hero-bullet__icon.is-2 {
    width: 30rem;
    top: -15rem;
    right: 25rem;
  }

  .hero-bullet__icon.is-3 {
    width: 60rem;
    bottom: -10rem;
    right: 0;
  }

  .team-section {
    grid-column-gap: 40rem;
    grid-row-gap: 40rem;
    flex-flow: column;
    height: auto;
  }

  .team-section__content {
    grid-column-gap: 32rem;
    grid-row-gap: 32rem;
    margin-left: 20rem;
    margin-right: 20rem;
    padding-left: 0;
    padding-right: 0;
  }

  .text-h3 {
    font-size: 40rem;
  }

  .team-section__paragraph {
    grid-column-gap: 16rem;
    grid-row-gap: 16rem;
  }

  .button {
    font-size: 16rem;
    line-height: 100%;
  }

  .team-section__images-track {
    grid-column-gap: 8rem;
    grid-row-gap: 8rem;
    flex-flow: row;
    order: 1;
    align-self: flex-start;
    min-width: auto;
    max-width: none;
    margin-bottom: 32rem;
    position: static;
    top: auto;
    left: auto;
  }

  .team-section__image {
    border-radius: 18rem;
    width: 90rem;
    height: 90rem;
  }

  .team-section__image.stretch {
    width: 134rem;
    height: 90rem;
  }

  .team-section__book {
    order: -1;
    max-width: 124rem;
    margin-top: 32rem;
    position: static;
    right: auto;
  }

  .projects-layout.container {
    padding-top: 0;
    padding-bottom: 0;
  }

  .projects-subsection {
    flex-flow: column;
    padding-bottom: 66rem;
  }

  .charity__left-side {
    grid-column-gap: 32rem;
    grid-row-gap: 32rem;
    max-width: none;
    height: auto;
    position: static;
    top: auto;
  }

  .text-h1 {
    font-size: 52rem;
  }

  .text-h2 {
    font-size: 48rem;
  }

  .projects-subsection__image-1 {
    width: auto;
    height: 280rem;
  }

  .projects-subsection__image-2 {
    width: 148rem;
    height: 100rem;
    bottom: -66rem;
    left: auto;
    right: 16rem;
  }

  .charity-icon {
    width: 56rem;
    bottom: -37rem;
    left: auto;
    right: 37rem;
  }

  .projects-wrapper {
    margin-left: 0;
    margin-right: 0;
  }

  .project-container {
    display: none;
  }

  .text-supercaption {
    letter-spacing: -.05em;
    font-size: 52rem;
    line-height: 90%;
  }

  .project-about {
    display: none;
  }

  .project-cover {
    border-radius: 24rem;
    display: block;
    position: static;
    right: auto;
  }

  .project-cover.is-1 {
    width: auto;
    height: 375rem;
    display: block;
  }

  .project-cover.is-2 {
    width: 100%;
    height: 170rem;
  }

  .project-cover.is-3 {
    width: 100%;
    height: 350rem;
  }

  .project-cover.is-4 {
    width: 100%;
    height: 174rem;
  }

  .project-cover.is-5 {
    width: 100%;
    height: 400rem;
  }

  .project-cover.is-6 {
    width: 100%;
    height: 350rem;
  }

  .project-cover.is-7, .project-cover.is-8 {
    width: 100%;
    height: 400rem;
  }

  .project-cover.is-9 {
    width: 100%;
    height: 174rem;
  }

  .project-cover.is-10 {
    width: 100%;
    height: 420rem;
  }

  .project-cover.is-11 {
    width: 100%;
    height: 400rem;
  }

  .project-cover.is-12 {
    width: 100%;
    height: 174rem;
  }

  .project-cover.is-13 {
    width: 100%;
    height: 300rem;
  }

  .project-cover.is-35 {
    width: 100%;
    height: 350rem;
  }

  .media-layout.container {
    grid-column-gap: 32rem;
    grid-row-gap: 32rem;
    grid-template-columns: 1fr 1fr;
  }

  .media-empty {
    grid-column-gap: 32rem;
    grid-row-gap: 32rem;
    border-radius: 24rem;
    height: 320rem;
    margin-bottom: -20rem;
  }

  .media-empty__icon {
    width: 56rem;
  }

  .media-card {
    grid-column-gap: 16rem;
    grid-row-gap: 16rem;
  }

  .media-card__cover {
    border-radius: 24rem;
    min-height: 160rem;
    max-height: 160rem;
  }

  .media-card__cover.fill-height {
    height: 340rem;
    min-height: auto;
    max-height: none;
  }

  .media-card__logo {
    height: 36rem;
    max-height: 36rem;
    bottom: 12rem;
    left: 12rem;
  }

  .media-card__logo.big {
    height: 46rem;
    max-height: 46rem;
  }

  .media-more-card.button {
    border-radius: 16rem;
    display: flex;
  }

  .media-more-card.button.only-mob {
    display: flex;
  }

  .podcasts-layout.container {
    grid-column-gap: 64rem;
    grid-row-gap: 64rem;
    padding-top: 0;
    padding-bottom: 0;
  }

  .podcasts-layout__top {
    grid-column-gap: 32rem;
    grid-row-gap: 32rem;
  }

  .section-heading {
    grid-column-gap: 12rem;
    grid-row-gap: 12rem;
  }

  .podcasts-icon {
    width: 56rem;
    top: -30rem;
    left: 84rem;
    right: auto;
  }

  .podcasts-list {
    max-width: calc(100vw - 32rem);
  }

  .podcast-card {
    grid-column-gap: 12rem;
    grid-row-gap: 12rem;
    width: 140rem;
    max-width: 140rem;
  }

  .charity-description {
    max-width: 240rem;
  }

  .charity-layout.container {
    grid-column-gap: 40rem;
    grid-row-gap: 40rem;
    flex-flow: column;
    padding-top: 0;
    padding-bottom: 0;
  }

  .charity__float-content {
    grid-column-gap: 32rem;
    grid-row-gap: 32rem;
  }

  .gift-layout.container {
    grid-column-gap: 40rem;
    grid-row-gap: 40rem;
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
  }

  .footer-layout.container {
    margin-top: 0;
  }

  .footer-copyright {
    grid-column-gap: 12rem;
    grid-row-gap: 12rem;
    text-align: center;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
  }

  .footer-bottom__inner {
    grid-column-gap: 24rem;
    grid-row-gap: 24rem;
    text-align: center;
    border-radius: 24rem;
    flex-flow: column;
    justify-content: flex-start;
    padding: 24rem 8rem;
  }

  .footer-links-grid {
    grid-column-gap: 12rem;
    grid-row-gap: 12rem;
    grid-template-rows: 1fr;
    grid-template-columns: 1fr 1fr;
  }

  .footer-link {
    grid-column-gap: 8rem;
    grid-row-gap: 8rem;
    text-align: left;
    border-radius: 12rem;
    width: auto;
    max-width: none;
    padding: 4rem;
  }

  .footer-link__image {
    width: 34rem;
    min-width: 28px;
  }

  .footer-top {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

  .footer-icon {
    width: 56rem;
  }

  .embed-link {
    text-underline-offset: 3rem;
    text-decoration-thickness: 2rem;
  }

  .embed-link.text-h2 {
    font-size: 32rem;
  }

  .footer-top__buttons-wrp {
    grid-column-gap: 16rem;
    grid-row-gap: 16rem;
    margin-top: 28rem;
  }

  .footer-top__buttons {
    grid-column-gap: 12rem;
    grid-row-gap: 12rem;
  }

  .gift-layout-heading.section-heading {
    padding-left: 6rem;
    padding-right: 6rem;
    transform: none;
  }

  .gifts-layout_cards {
    grid-column-gap: 12rem;
    grid-row-gap: 12rem;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    margin-top: 0;
    position: static;
  }

  .gift-card {
    grid-column-gap: 24rem;
    grid-row-gap: 24rem;
    width: auto;
    max-width: none;
    height: auto;
    padding: 32rem 24rem;
  }

  .gift-card__cover {
    width: 160rem;
    height: 160rem;
  }

  .gift-card__about {
    grid-column-gap: 12rem;
    grid-row-gap: 12rem;
  }

  .charity-card {
    grid-column-gap: 16rem;
    grid-row-gap: 16rem;
    width: auto;
    max-width: none;
  }

  .charity-card.hide-on-mob {
    display: none;
  }

  .charity-card__cover {
    height: 210rem;
    max-height: 210rem;
  }

  .charity-card__about {
    grid-column-gap: 12rem;
    grid-row-gap: 12rem;
  }

  .charity-card__second-cover {
    display: none;
  }

  .charity-first-card {
    grid-column-gap: 12rem;
    grid-row-gap: 12rem;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .charity-logo {
    border-radius: 24rem;
    grid-column: span 2;
  }

  .charity-logo-image {
    border-radius: 24rem;
  }

  .podcasts-list-wrapper {
    margin-left: -16rem;
    margin-right: -16rem;
    padding-left: 16rem !important;
    padding-right: 16rem !important;
  }

  .hero-track {
    margin-bottom: 0;
  }

  .hero-second-layout.container {
    background-color: var(--beige);
    border-top-left-radius: 24rem;
    border-top-right-radius: 24rem;
    justify-content: flex-start;
    align-items: stretch;
    min-height: auto;
    margin-left: 16rem;
    margin-right: 16rem;
    padding: 0;
  }

  .hero-second__heading.section-heading {
    grid-column-gap: 12rem;
    grid-row-gap: 12rem;
    max-width: none;
  }

  .business-cards {
    margin-top: 8rem;
    position: static;
    top: auto;
    transform: none;
  }

  .business-card {
    border-radius: 24rem;
    width: 150rem;
    max-width: 150rem;
    height: 230rem;
    max-height: 230rem;
    padding: 12rem;
  }

  .business-card:hover {
    border-color: var(--black-10);
    background-color: #0000;
  }

  .business-card.is-expanded {
    border-color: var(--black);
    background-color: #fff;
  }

  .business-cards__track {
    margin-left: -16rem;
    margin-right: -16rem;
    display: block;
    padding-left: 16rem !important;
    padding-right: 16rem !important;
  }

  .hero-bg-sticky {
    height: min(100svh, 100vh, 100dvh);
    padding: 16rem;
  }

  .hero-second__top {
    grid-column-gap: 32rem;
    grid-row-gap: 32rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
  }

  .is-hero-bg {
    object-position: 85%;
  }

  .is-hero-second-bg {
    display: none;
  }

  .projects-icon {
    width: 56rem;
    bottom: 0;
    right: 0;
  }

  .hero-description-wrapper {
    margin-top: 0;
  }

  .hero-description-wrapper.hidden {
    grid-template-rows: 1fr;
  }

  .hero-description {
    grid-column-gap: 36rem;
    grid-row-gap: 36rem;
    flex-flow: column;
    display: flex;
  }

  .hero-icon {
    width: 56rem;
    margin-bottom: -16rem;
    top: auto;
    bottom: calc(100% + 16rem);
    right: auto;
  }

  .team-section__images {
    grid-column-gap: 8rem;
    grid-row-gap: 8rem;
    flex-flow: row;
    order: 1;
    min-width: auto;
    max-width: none;
    min-height: 90rem;
    max-height: 90rem;
    position: static;
    top: auto;
    left: auto;
  }

  .business-icon {
    width: 56rem;
    bottom: -10rem;
    left: 140rem;
    right: auto;
  }

  .project-about__pixel {
    display: none;
  }

  .project-subsection__images {
    width: auto;
    height: 280rem;
  }

  .teams-icon {
    width: 56rem;
    top: auto;
    bottom: calc(100% + 15rem);
    right: 32rem;
  }

  .nav-menu-button {
    top: 24rem;
  }

  .hero-section {
    position: sticky;
    top: 0;
  }

  .business-card__logo {
    max-width: 80%;
  }

  .business-cards__pagination {
    margin-top: 20rem;
    display: block;
  }

  .second-section-bg {
    border-radius: 24rem;
    height: 280rem;
    display: block;
    overflow: hidden;
  }

  .project-container__mobile {
    border: 1rem solid var(--black-10);
    border-radius: 24rem;
    padding: 24rem 16rem;
    transition: background-color .75s cubic-bezier(.77, 0, .175, 1), border-color .75s cubic-bezier(.77, 0, .175, 1);
    display: block;
  }

  .project-container__mobile.open {
    border-color: var(--black);
    background-color: var(--white);
  }

  .mobile__project-heading {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .mobile__project-arrow {
    aspect-ratio: 1;
    justify-content: center;
    align-items: center;
    width: 32rem;
    transition: transform .75s cubic-bezier(.77, 0, .175, 1);
    display: flex;
  }

  .mobile__project-content-wrapper {
    grid-template-rows: 0fr;
    transition-property: all;
    transition-duration: .75s;
    transition-timing-function: cubic-bezier(.77, 0, .175, 1);
    display: grid;
  }

  .mobile__project-content {
    grid-column-gap: 18rem;
    grid-row-gap: 18rem;
    flex-flow: column;
    display: flex;
    overflow: hidden;
  }

  .desktop-projects {
    display: none;
  }

  .mobile-projects {
    grid-column-gap: 16rem;
    grid-row-gap: 16rem;
    flex-flow: column;
    display: flex;
  }

  .slider-pagination, .slider-pagination.splide__pagination {
    margin-top: 16rem;
  }

  .projects-subsection__image-1-mask {
    perspective-origin: 50%;
    transform-origin: 50%;
    flex-flow: column;
    align-self: center;
    width: 100%;
    max-width: calc(100vw - 32rem);
    height: 280rem;
  }

  .projects-subsection__image-2-mask {
    width: 148rem;
    height: 100rem;
    bottom: -66rem;
    left: auto;
    right: 16rem;
  }

  .projects-subsection__image-2-mask.mobile {
    bottom: auto;
    right: auto;
  }

  .hero-heading {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    position: absolute;
    bottom: calc(100% + 24rem);
  }

  .no-scroll {
    overflow: hidden;
  }

  .section {
    margin-top: -90rem;
    padding-top: 90rem;
  }

  .hero-second__heading-layout {
    grid-column-gap: 32rem;
    grid-row-gap: 32rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    position: static;
    bottom: auto;
    transform: none;
  }

  .podcasts-arrow {
    display: none;
  }

  .object-position-top {
    object-position: 50% 25%;
  }

  .social-link {
    width: 56rem;
  }
}

#w-node-_512df4bf-5166-2864-82cf-d4de38d07047-1cedf215, #w-node-a7604eb3-751b-ed96-6d89-9fe4b497abfa-1cedf215 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#load-more-media.w-node-ba5ed155-1310-0298-66ee-b49f29ff5179-1cedf215 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_7c0e9189-3d6b-5432-4732-6802f1b3b8aa-1cedf215, #w-node-_7c0e9189-3d6b-5432-4732-6802f1b3b898-1cedf215 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_2aaa900c-ed4e-867e-1c1f-1ad3193918e2-1cedf215 {
  grid-area: span 2 / span 2 / span 2 / span 2;
}

@media screen and (max-width: 991px) {
  #w-node-_1d2955b0-1e86-1ab4-5499-41fa6dc0131b-1cedf215 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_512df4bf-5166-2864-82cf-d4de38d07047-1cedf215, #w-node-a7604eb3-751b-ed96-6d89-9fe4b497abfa-1cedf215, #w-node-_7c0e9189-3d6b-5432-4732-6802f1b3b8aa-1cedf215, #w-node-_7c0e9189-3d6b-5432-4732-6802f1b3b898-1cedf215 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_2aaa900c-ed4e-867e-1c1f-1ad3193918e2-1cedf215 {
    grid-area: span 2 / span 4 / span 2 / span 4;
  }
}


@font-face {
  font-family: 'Georgia Pro';
  src: url('../fonts/GeorgiaPro-CondLight.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'TeX Gyre Heros Cn';
  src: url('../fonts/texgyreheroscn-regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'TeX Gyre Heros Cn';
  src: url('../fonts/texgyreheroscn-italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}