section#expertises {
    background: #e3e1db;
}
.video-card {
  grid-column-gap: 0.75em;
  grid-row-gap: 0.75em;
  background-color: #f0f0f0;
  border-radius: 0.75em;
  flex-flow: column;
  width: 22em;
  padding: 0.75em 0.75em 1.25em;
  transition: background-color 0.2s;
  display: flex;
}
.video-card:hover {
  background-color: #fff;
}
.video-card-visual {
  aspect-ratio: 1.6;
  border-radius: 0.5em;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.video-card_placeholder {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.video-card-visual__video {
  opacity: 0;
  object-fit: cover;
  width: 100%;
  padding: 0;
  transition: opacity 0.2s;
  position: absolute;
  inset: 0%;
}
.video {
  object-fit: cover;
  width: 100%;
  height: 100%;
  padding: 0;
  position: absolute;
  inset: 0%;
}
.content-wrap {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.content-wrap.small {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
}
.icon-14px {
  justify-content: center;
  align-items: center;
  max-width: none;
  height: 0.875em;
  display: flex;
}
.button-wrap {
  margin-left: -1em;
  display: flex;
}
.mwg_effect031 {
  padding-top: var(--_sizes---size--96px);
  padding-bottom: var(--_sizes---size--96px);
  grid-column-gap: 0em;
  grid-row-gap: 0em;
  flex-flow: column;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}
.expertise-slide {
  height: calc(100vh - 4em);
  padding-top: 4em;
  padding-left:50px ;
  padding-right:50px ;
}
.expertise-wrap {
  perspective: 250vw;
  width: 100%;
  height: 100%;
}
.expertise-content {
  background-color: #fff;
  transform-origin: 50% 10%;
  color: #000;
  transform-style: preserve-3d;
  border-radius: 2.5em;
  flex-flow: column;
  justify-content: space-between;
  padding: 4em;
  display: flex;
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.expertise-content_top {
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: relative;
}
.label {
  background-color: var(--_theme---label-bg);
  border-radius: 0.5em;
  justify-content: center;
  align-items: center;
  height: 3em;
  padding-left: 0.75em;
  padding-right: 0.75em;
  display: flex;
}
.label.is-work {
  background-color: var(--_colors---swatch--black);
  color: var(--_colors---swatch--white);
}
.label.is-pink {
  background-color: var(--_colors---brand-colors--pink-200);
  color: var(--_colors---swatch--black);
}
.label.is-branded {
  background-color: var(--_colors---brand-colors--red-300);
}
.label.is-experience {
  background-color: var(--_colors---brand-colors--blue-400);
}
.label.is-taupe {
  background-color: var(--_colors---swatch--taupe);
}
.label.is-type {
  background-color: var(--_colors---swatch--creme);
}
.label.is-sotd {
  background-color: var(--_colors---swatch--taupe);
  color: var(--_colors---swatch--black);
}
.expertise-content_number {
  color: var(--_theme---accent-2);
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
}
.expertise-content_bottom {
  z-index: 2;
  grid-column-gap: 1.5em;
  grid-row-gap: 1.5em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 35em;
  display: flex;
  position: relative;
}
.expertise-content_img {
  border-radius: var(--_layout---radius--border-radius-medium);
  background-color: var(--_theme---card-outline);
  padding: 8px;
  position: absolute;
  inset: auto 4em 4em auto;
  transform: rotate(2.5deg);
}
.medium-image {
aspect-ratio: 3 / 4;
    width: 16em;
    border: 4px solid #2b5493;
    position: relative;
    border-radius: 11px;
    overflow: hidden;
}
.expertise-link {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}
.sw-item {
  will-change: transform;
}
.sw-card {
  aspect-ratio: 14.8/19.18;
  border-radius: var(--_layout---radius--border-radius-large);
  background-color: var(--_colors---swatch--white);
  pointer-events: auto;
  width: 30em;
  padding: 8px;
  position: relative;
  overflow: hidden;
}
.sw-card.is-work {
  padding: 0;
}
.sw-card_video {
  border-top-left-radius: var(--_layout---radius--border-radius-medium);
  border-top-right-radius: var(--_layout---radius--border-radius-medium);
  border-bottom-left-radius: var(--_layout---radius--border-radius-medium);
  border-bottom-right-radius: var(--_layout---radius--border-radius-medium);
  width: calc(100% - 16px);
  height: calc(100% - 16px);
  position: absolute;
  overflow: hidden;
}
.sw-card_video.is-work {
  width: 100%;
  height: 100%;
}
.sw-css {
  display: none;
}
.sw-card_content {
  z-index: 0;
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  border-bottom-left-radius: var(--_layout---radius--border-radius-small);
  border-bottom-right-radius: var(--_layout---radius--border-radius-small);
  background-color: var(--_colors---swatch--white);
  color: var(--_colors---swatch--white);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 1em;
  padding-left: 1em;
  padding-right: 1em;
  display: flex;
  position: relative;
}
.sw-card_wrap {
  z-index: 2;
  position: absolute;
  inset: auto 2em 2em;
}
.sw-card_shape {
  z-index: -1;
  position: absolute;
  inset: 0% 0% auto;
  transform: translateY(-5em);
}