.DifferenceRow {
  padding-bottom: var(--122px);
}
.DifferenceRow__mainWrapper {
  text-align: left;
  margin: 0 auto !important;
  display: block !important;
}
.DifferenceRow__boxes {
  display: grid;
  gap: var(--space-fixed-sm);
  transition: var(--transition-base);
}
.DifferenceRow-box {
  border-radius: 22px;
  overflow: clip;
  background: var(--william-mary-silver-soft-silver, #f0f1f2);
  color: var(--color-slate-800);
  position: relative;
  transition: var(--transition-base);
}
.DifferenceRow-box.textBox {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.DifferenceRow-box.textBox.image-top .DifferenceRow-box__image-wrapper, .DifferenceRow-box.textBox.image-left .DifferenceRow-box__image-wrapper {
  order: -1;
}
.DifferenceRow-box.textBox.image-bottom .DifferenceRow-box__link-arrow {
  top: auto;
  bottom: 0;
}
.DifferenceRow-box.textBox .DifferenceRow-box__text {
  color: var(--color-slate-600);
  font-size: var(--font-size-medium);
  line-height: 1.37;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  align-items: flex-start;
}
.DifferenceRow-box__text-wrapper {
  padding: var(--space-fixed-sm);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: var(--space-fixed-2xs);
  width: 100%;
  flex: 0;
}
.DifferenceRow-box__title {
  font-size: var(--22px);
  line-height: normal;
  text-decoration-color: transparent;
  text-decoration-line: underline;
  text-decoration-style: dotted;
  text-decoration-skip-ink: none;
  text-decoration-thickness: 11%;
  text-underline-offset: 14%;
  text-underline-position: from-font;
  transition: var(--transition-base);
}
.DifferenceRow-box__text {
  color: var(--color-slate-600);
  font-size: var(--font-size-medium);
  line-height: 1.37;
}
.DifferenceRow-box__link {
  color: var(--Slate-800, #373e43);
  font-family: var(--font-family-mono);
  font-size: var(--font-size-medium);
  font-style: normal;
  font-weight: var(--font-weight-regular);
  line-height: normal;
  transition: var(--transition-base);
}
.DifferenceRow-box__link-text, .DifferenceRow-box__link.go-icon {
  display: none;
}
.statBox .DifferenceRow-box__link-arrow, .show-link-text .DifferenceRow-box__link-arrow {
  display: none;
}
.show-link-text .DifferenceRow-box__link-text, .show-link-text .DifferenceRow-box__link .go-icon {
  display: inline-block;
}
.DifferenceRow-box__link-text {
  margin-top: var(--space-fixed-2xs);
}
.DifferenceRow-box__link.go-icon {
  content: "\f061";
  display: inline-block;
  font-family: var(--font-family-FA);
  font-style: normal;
  font-size: var(--font-size-sm);
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  position: relative;
  transition: var(--transition-base);
  top: 1px;
  transform: rotate(-45deg);
  display: none;
}
.DifferenceRow-box__link-text.go-icon::after {
  left: var(--space-fixed-2xs);
}
.DifferenceRow-box__link:hover .go-icon::after {
  color: var(--color-soft-black);
}
.DifferenceRow-box__link-arrow {
  color: var(--Text-button, #fff);
  font-family: var(--font-family-FA);
  font-size: var(--font-size-2xl);
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  margin: var(--space-fixed-sm);
  transform: rotate(-45deg);
}
.DifferenceRow-box__link::after {
  content: "";
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.DifferenceRow-box__link .cdsp-link-icon {
  transform: rotate(-45deg);
}
.DifferenceRow-box__link:hover {
  text-decoration: none;
}
.DifferenceRow-box__link:hover .cdsp-link-icon {
  transform: rotate(0deg);
}
.DifferenceRow-box__image-wrapper {
  position: relative;
  overflow: clip;
  width: 100%;
  flex: 1 1 50%;
  aspect-ratio: 1/0.6;
  max-width: 100%;
}
.DifferenceRow-box__image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  position: absolute;
}
.DifferenceRow-box__image-wrapper img.-pos-tl {
  object-position: top left;
}
.DifferenceRow-box__image-wrapper img.-pos-tc {
  object-position: top center;
}
.DifferenceRow-box__image-wrapper img.-pos-tr {
  object-position: top right;
}
.DifferenceRow-box__image-wrapper img.-pos-cl {
  object-position: center left;
}
.DifferenceRow-box__image-wrapper img.-pos-cr {
  object-position: center right;
}
.DifferenceRow-box__image-wrapper img.-pos-bl {
  object-position: bottom left;
}
.DifferenceRow-box__image-wrapper img.-pos-bc {
  object-position: bottom center;
}
.DifferenceRow-box__image-wrapper img.-pos-br {
  object-position: bottom right;
}
.DifferenceRow-box__image-wrapper::after {
  transition: var(--transition-base);
  opacity: 0;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
}
.DifferenceRow-box.statBox {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  align-items: center;
  gap: var(--space-fixed-sm);
}
.DifferenceRow-box.statBox .DifferenceRow-box__text-wrapper {
  flex: 1;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 0;
  padding: var(--space-fixed-sm) clamp(14px, 10vw, 55px);
}
.DifferenceRow-box.statBox .DifferenceRow-box__title {
  text-align: center;
  font-family: var(--font-family-mono);
  font-size: var(--66px);
  font-style: normal;
  font-weight: var(--font-weight-medium);
  line-height: 1;
  letter-spacing: -5px;
  leading-trim: both;
  text-edge: cap;
}
.DifferenceRow-box.statBox .DifferenceRow-box__text {
  font-weight: var(--font-weight-bold);
  text-align: center;
  letter-spacing: 0;
  leading-trim: both;
  text-edge: cap;
}
.DifferenceRow-box.statBox .DifferenceRow-box__text-publication {
  display: block;
  font-weight: var(--font-weight-medium);
  font-size: var(--font-size-sm);
}
.DifferenceRow-box:has(a:focus-visible, a:hover).textBox .DifferenceRow-box__title {
  text-decoration-color: var(--color-soft-black);
  color: var(--color-soft-black);
}
.DifferenceRow-box:has(a:focus-visible, a:hover).textBox .DifferenceRow-box__text-wrapper {
  background: var(--Spirit-Gold-600, #f0b323);
}
.DifferenceRow-box:has(a:focus-visible, a:hover).textBox .DifferenceRow-box__image-wrapper::after {
  opacity: 1;
}
@media (prefers-reduced-motion: no-preference) {
  .DifferenceRow-box:has(a:focus-visible, a:hover).textBox .DifferenceRow-box__image {
    transform: scale3d(1.07, 1.07, 1.07);
    transform-origin: center;
  }
}
.DifferenceRow-box:has(a:focus-visible, a:hover).textBox .DifferenceRow-box__text,
.DifferenceRow-box:has(a:focus-visible, a:hover).textBox .DifferenceRow-box__link {
  color: var(--color-soft-black);
}
.DifferenceRow-box:has(a:focus-visible, a:hover).statBox .DifferenceRow-box__text-wrapper {
  background: var(--Spirit-Gold-600, #f0b323);
  color: var(--color-soft-black);
}
.DifferenceRow-box:has(a:focus-visible, a:hover).statBox .DifferenceRow-box__text {
  color: var(--color-soft-black);
}
@media (prefers-reduced-motion: no-preference) {
  .js .DifferenceRow-box {
    --spacing: 0.09s;
    transform: translateY(100px);
    opacity: 0;
  }
  .js .DifferenceRow-box:nth-child(2) {
    transition: transform 0.3s ease-in calc(var(--spacing)), opacity 0.3s ease-in calc(var(--spacing));
  }
  .js .DifferenceRow-box:nth-child(3) {
    transition: transform 0.3s ease-in calc(var(--spacing) * 2), opacity 0.3s ease-in calc(var(--spacing) * 2);
  }
  .js .DifferenceRow-box:nth-child(4) {
    transition: transform 0.3s ease-in calc(var(--spacing) * 3), opacity 0.3s ease-in calc(var(--spacing) * 3);
  }
  .js .DifferenceRow-box:nth-child(5) {
    transition: transform 0.3s ease-in calc(var(--spacing) * 4), opacity 0.3s ease-in calc(var(--spacing) * 4);
  }
}
.DifferenceRow__boxes.in-view .DifferenceRow-box {
  transform: translateY(0px);
  opacity: 1;
}
@media (min-width: 52.188rem) {
  .DifferenceRow__boxes {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 27fr max-content max-content 36fr;
    grid-template-areas: "box1 box3" "box1 box4" "box2 box4" "box2 box5";
    max-height: 71rem;
  }
  .DifferenceRow-box__image-wrapper {
    aspect-ratio: auto;
    height: 100%;
    min-height: 230px;
  }
  .DifferenceRow-box.image-left {
    flex-direction: row;
  }
  .DifferenceRow-box.image-left .DifferenceRow-box__text-wrapper {
    flex: 0 1 50%;
    height: 100%;
  }
  .DifferenceRow-box:first-child {
    grid-area: box1;
  }
  .DifferenceRow-box:nth-child(2) {
    grid-area: box2;
  }
  .DifferenceRow-box:nth-child(3) {
    grid-area: box3;
  }
  .DifferenceRow-box:nth-child(4) {
    grid-area: box4;
  }
  .DifferenceRow-box:nth-child(5) {
    grid-area: box5;
  }
  .DifferenceRow-box:nth-child(3) {
    transition: transform 0.3s ease-in calc(var(--spacing)), opacity 0.3s ease-in calc(var(--spacing));
  }
  .DifferenceRow-box:nth-child(4) {
    transition: transform 0.3s ease-in calc(var(--spacing) * 2), opacity 0.3s ease-in calc(var(--spacing) * 2);
  }
  .DifferenceRow-box:nth-child(2) {
    transition: transform 0.3s ease-in calc(var(--spacing) * 3), opacity 0.3s ease-in calc(var(--spacing) * 3);
  }
  .DifferenceRow-box:nth-child(5) {
    transition: transform 0.3s ease-in calc(var(--spacing) * 4), opacity 0.3s ease-in calc(var(--spacing) * 4);
  }
}
@media (min-width: 67.5rem) {
  .DifferenceRow-box:nth-child(3) .DifferenceRow-box__text-wrapper {
    flex: 0 1 50%;
  }
}
@media (min-width: 80rem) {
  .DifferenceRow__boxes {
    display: grid;
    grid-template-columns: 28fr 26fr 14fr 31fr;
    grid-template-rows: 42fr 58fr;
    grid-template-areas: "box1 box2 box3 box3" "box1 box4 box4 box5";
    max-height: 47rem;
    overflow: hidden;
  }
  .DifferenceRow-box.image-left {
    flex-direction: row;
  }
  .DifferenceRow-box:first-child {
    grid-area: box1;
  }
  .DifferenceRow-box:nth-child(2) {
    grid-area: box2;
  }
  .DifferenceRow-box:nth-child(3) {
    grid-area: box3;
  }
  .DifferenceRow-box:nth-child(4) {
    grid-area: box4;
  }
  .DifferenceRow-box:nth-child(5) {
    grid-area: box5;
  }
  .js .DifferenceRow-box {
    --spacing: 0.09s;
    --duration: 0.6s;
    transform: translateY(-100px);
    opacity: 0;
  }
  .js .DifferenceRow-box:nth-child(1) {
    transition: transform var(--duration) cubic-bezier(0.2, 1.17, 1, 1) calc(var(--spacing) * 2), opacity var(--duration) ease-in calc(var(--spacing) * 2);
  }
  .js .DifferenceRow-box:nth-child(3), .js .DifferenceRow-box:nth-child(5) {
    transition: transform var(--duration) cubic-bezier(0.2, 1.17, 1, 1) calc(var(--spacing) * 1), opacity var(--duration) ease-in calc(var(--spacing) * 1);
  }
  .js .DifferenceRow-box:nth-child(2), .js .DifferenceRow-box:nth-child(4) {
    transform: translateY(100px);
    transition: transform var(--duration) cubic-bezier(0.2, 1.17, 1, 1) calc(var(--spacing) * 3), opacity var(--duration) ease-in calc(var(--spacing) * 3);
  }
  .DifferenceRow__boxes.in-view .DifferenceRow-box {
    transform: translateY(0px);
    opacity: 1;
  }
}/*# sourceMappingURL=difference.css.map */