.case-page .site-header__nav a {
  color: var(--color-white);
}

.case-page .site-header--light .site-header__nav a {
  color: var(--color-content-subdued-light);
}
.case-page .site-header--light .site-header__nav a.is-active,
.case-page .site-header--light .site-header__nav a[aria-current='page'] {
  color: var(--color-black);
}
.case-page .site-header--light .site-header__nav.site-header__nav--no-active a {
  color: var(--color-black);
}

.case-page {
  --case-meta-padding-top: 0;
  --case-meta-padding-x: var(--pad-section-x);
  --case-meta-padding-bottom: 0;
  --case-media-padding-top: 0;
  --case-media-padding-x: var(--pad-section-x);
  --case-media-padding-bottom: 0;
  --case-text-padding-top: var(--section-padding-y);
  --case-text-padding-x: var(--pad-section-x);
  --case-text-padding-bottom: var(--section-padding-y);
  --case-stats-padding-top: 0;
  --case-stats-padding-x: var(--pad-section-x);
  --case-stats-padding-bottom: var(--section-padding-y);
  --case-img-grid-padding-top: 0;
  --case-img-grid-padding-x: var(--pad-section-x);
  --case-img-grid-padding-bottom: 0;
  --case-media-grid-padding-top: 0;
  --case-media-grid-padding-x: var(--pad-section-x);
  --case-media-grid-padding-bottom: 0;
  --case-app-slider-padding-top: var(--section-padding-y);
  --case-app-slider-padding-x: var(--pad-section-x);
  --case-app-slider-padding-bottom: var(--spacing-0);
  --case-app-slider-track-wrap-padding-bottom: var(--spacing-0);
  --case-more-work-padding-top: var(--section-padding-y);
  --case-more-work-padding-x: var(--pad-section-x);
  --case-more-work-padding-bottom: 0;
}

body[data-case-study="lynk-co"] {
  --case-img-grid-padding-top: 0;
  --case-img-grid-padding-x: var(--pad-section-x);
  --case-img-grid-padding-bottom: var(--section-padding-y);
}

body[data-case-study="calmi"] {
  --case-img-grid-padding-top: 0;
  --case-img-grid-padding-x: var(--pad-section-x);
  --case-img-grid-padding-bottom: var(--section-padding-y);
  --case-app-slider-track-wrap-padding-bottom: var(--section-padding-y);
}

body[data-case-study="lotus"] {
  --case-app-slider-track-wrap-padding-bottom: var(--section-padding-y);
}

body[data-case-study="dreamlab"] {
  --case-img-grid-padding-top: 0;
  --case-img-grid-padding-x: var(--pad-section-x);
  --case-img-grid-padding-bottom: var(--section-padding-y);
  --case-app-slider-track-wrap-padding-bottom: 0;
}

body[data-case-study="dreamlab"] .case-app-slider ~ .case-media.case-media--image-only.case-media--with-cta {
  --case-media-padding-bottom: var(--section-padding-y);
}

body[data-case-study="dreamlab"] .img-grid {
  background-color: var(--color-white);
}

body[data-case-study="degiro"] .case-media-stack {
  background-color: var(--color-white);
  padding-top: 0;
}

.case-page .img-grid {
  padding: var(--case-img-grid-padding-top) var(--case-img-grid-padding-x) var(--case-img-grid-padding-bottom);
}

.case-hero-scroll {
  position: relative;
  height: 200vh;
}

.case-hero {
  position: sticky;
  top: 0;
  height: 100vh;
  width: 100%;
  background-color: var(--color-black);
  overflow: hidden;
  display: flex;
  align-items: flex-end;
  padding: 0 var(--pad-section-x) var(--spacing-3-5xl);
}

.case-hero__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
  will-change: opacity;
}

.case-hero__bg::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(
    180deg,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0.18) 40%,
    rgba(0, 0, 0, 0.52) 100%
  );
}
.case-hero__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  pointer-events: none;
  transform: scale(1.14);
  transform-origin: center center;
  will-change: transform;
  transition: transform 1.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

body.ff-pt-enter-go .case-hero__bg img,

.case-hero.is-revealed .case-hero__bg img {
  transform: scale(1);
}

.case-hero__inner {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
  will-change: transform;
}

.case-hero__left {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  max-width: 773px;
}

.case-hero__eyebrow {
  color: var(--color-white);
  opacity: 0;
  transition: opacity 0.8s ease 0.15s;
}
.case-hero.is-revealed .case-hero__eyebrow {
  opacity: 1;
}

.case-hero__title {
  font-family: var(--type-h1-family);
  font-size: var(--type-h1-size);
  font-weight: var(--type-h1-weight);
  line-height: var(--type-h1-line-height);
  letter-spacing: var(--type-h1-letter-spacing);
  color: var(--color-white);
  font-style: normal;
  margin: 0;
}

.case-hero__right {
  max-width: 546px;
  font-family: var(--type-body-family);
  font-size: var(--type-body-size);
  font-weight: var(--type-body-weight);
  line-height: var(--type-body-line-height);
  letter-spacing: var(--type-body-letter-spacing);
  color: var(--color-white);
  margin: 0;
  opacity: 0;
  transition: opacity 0.8s ease 0.4s;
}
.case-hero.is-revealed .case-hero__right {
  opacity: 1;
}

.case-hero.is-revealed .hero__heading-inner {
  transform: translateY(0);
}

.case-meta {
  background-color: var(--color-black);
  display: flex;
  align-items: stretch;
  padding: var(--case-meta-padding-top) var(--case-meta-padding-x) var(--case-meta-padding-bottom);
}
.case-meta__item {
  flex: 1;
  height: fit-content;
  padding: var(--spacing-xl);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
  border-top: 1px solid var(--color-border-dark);
  border-bottom: 1px solid var(--color-border-dark);
  border-right: 1px solid var(--color-border-dark);
}
.case-meta__item:first-child {
  border-left: none;
}
.case-meta__item:last-child {
  border-right: none;
}
.case-meta__label {
  color: var(--color-content-subdued-dark);
}
.case-meta__value {
  font-family: var(--type-body-family);
  font-size: var(--type-body-size);
  font-weight: var(--type-body-weight);
  line-height: var(--type-body-line-height);
  letter-spacing: var(--type-body-letter-spacing);
  color: var(--color-white);
}

.case-media {
  margin-top: 80px;
  margin-bottom: 0;
  padding: var(--case-media-padding-top) var(--case-media-padding-x) var(--case-media-padding-bottom);
  background-color: var(--color-black);
}
.case-media--flush-top {
  margin-top: 0;
}
.case-media--padded-top {
  --case-media-padding-top: var(--section-padding-y);
}
.case-media--padded-bottom {
  --case-media-padding-bottom: var(--section-padding-y);
}

.case-media--video-bg .case-media__video-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
  pointer-events: none;
  transition: opacity 0.6s ease;
}
.case-media--playable.is-playing .case-media__video-bg {
  opacity: 0;
}

.case-media--video .case-media__video,
.case-media--playable .case-media__video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.6s ease;
}
.case-media--video.is-playing .case-media__video,
.case-media--playable.is-playing .case-media__video {
  opacity: 1;
}

.case-media--video-bg:not(.case-media--playable) .case-media__video {
  pointer-events: none;
  opacity: 1;
}
.case-media--video-bg:not(.case-media--playable) .case-media__play {
  display: none;
}

.case-media--video .case-media__play,
.case-media--playable .case-media__play {
  transition: opacity 0.4s ease;
  z-index: 2;
}
.case-media--video.is-playing .case-media__play,
.case-media--playable.is-playing .case-media__play {
  opacity: 0;
  pointer-events: none;
}
.case-media__close {
  position: absolute;
  top: 16px;
  right: 16px;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  color: var(--color-white);
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease, background 0.2s ease;
}
.case-media__close:hover {
  background: rgba(0, 0, 0, 0.75);
}
.case-media--video.is-playing .case-media__close {
  opacity: 1;
  pointer-events: auto;
}

.case-media__container {
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  border-radius: var(--radius-media);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.case-media__bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  pointer-events: none;
}
.case-media__container--natural-height {
  aspect-ratio: unset;
  overflow: visible;
}
.case-media__container--natural-height img {
  position: relative;
  inset: auto;
  width: 100%;
  height: auto;
  display: block;
  max-width: 100%;
  object-fit: unset;
  border-radius: var(--radius-media);
}
.case-post-email {
  background-color: var(--color-white);
  padding: var(--case-text-padding-top) var(--case-text-padding-x) var(--case-text-padding-bottom);
  display: flex;
  flex-direction: column;
  gap: var(--section-padding-y);
}
.case-post-email .case-text__eyebrow { color: var(--color-black); }
.case-post-email .case-text__heading { color: var(--color-black); }
.case-post-email .case-text__body    { color: var(--color-black); }

.case-media__play {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  cursor: pointer;
  padding: var(--spacing-lg) var(--spacing-xl);
  border-radius: 100px;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  color: var(--color-white);
}
.case-media__play .btn-pill__text {
  color: var(--color-white);
}

.case-media--image-only a.case-media__cta {
  text-decoration: none;
}

.case-text {
  padding: var(--case-text-padding-top) var(--case-text-padding-x) var(--case-text-padding-bottom);
}
.case-text--dark  { background-color: var(--color-black); }
.case-text--light { background-color: var(--color-white); }
.case-text--no-padding-top {
  padding-top: 0;
}

.case-text__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 680px);
  align-items: start;
  width: 100%;
  row-gap: 0;
}
.case-text__eyebrow {
  flex-shrink: 0;
  white-space: nowrap;
  width: 100%;
}
.case-text--dark  .case-text__eyebrow { color: var(--color-white); }
.case-text--light .case-text__eyebrow { color: var(--color-black); }

.case-text__content {
  min-width: 0;
  width: 100%;
  max-width: 600px;
  justify-self: end;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
}

.case-text__block {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
}

.case-text__block .case-text__cta {
  align-self: flex-start;
  text-decoration: none;
}
.case-text__content--spaced {
  gap: var(--spacing-3xl);
}

.case-text__heading {
  font-family: var(--type-h5g-family);
  font-size: var(--type-h5g-size);
  font-weight: var(--type-h5g-weight);
  line-height: var(--type-h5g-line-height);
  letter-spacing: var(--type-h5g-letter-spacing);
  margin: 0;
}
.case-text--dark  .case-text__heading { color: var(--color-white); }
.case-text--light .case-text__heading { color: var(--color-black); }

.case-text__body {
  font-family: var(--type-body-family);
  font-size: var(--type-body-size);
  font-weight: var(--type-body-weight);
  line-height: var(--type-body-line-height);
  letter-spacing: var(--type-body-letter-spacing);
  margin: 0;
}
.case-text--dark  .case-text__body { color: var(--color-white); }
.case-text--light .case-text__body { color: var(--color-black); }

.case-text__body p { margin: 0; }
.case-text__body p + p { margin-top: 1.1em; }

.case-text__cta {
  align-self: flex-start;
  width: auto;
}

.case-text__split-inner {
  max-width: 888px;
  margin: 0 auto;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
}
.case-text__split-top {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
  max-width: 62%;
}
.case-text__split-body {
  display: flex;
  justify-content: flex-end;
}
.case-text__split-body .case-text__body {
  max-width: 62%;
  width: 100%;
}

.case-text--with-disciplines {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-section-md);
}

.case-text--with-disciplines > .case-text__inner,
.case-text--with-disciplines > .case-disciplines { width: 100%; }

.case-feature-list {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}
.case-feature-list__item {
  display: flex;
  align-items: center;
  gap: var(--spacing-lg);
}
.case-feature-list__icon {
  position: relative;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.case-feature-list__icon img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
}
.case-feature-list__label {
  font-family: var(--type-body-family);
  font-size: var(--type-body-size);
  font-weight: var(--type-body-weight);
  line-height: var(--type-body-line-height);
  letter-spacing: var(--type-body-letter-spacing);
  color: var(--color-white);
  flex: 1;
}
.case-feature-divider {
  width: 100%;
  height: 0;
  border: none;
  border-top: 1px solid var(--color-border-dark);
  margin: 0;
}

.case-stats {
  background-color: var(--color-black);
  padding: var(--case-stats-padding-top) var(--case-stats-padding-x) var(--case-stats-padding-bottom);
}
.case-stats__grid {
  display: flex;
  align-items: stretch;
  position: relative;
}

.case-stats-star {
  position: absolute;
  width: 48px;
  height: 48px;
  pointer-events: none;
}

.case-stats-star--1 {
  left: calc(25% - 31.7px);
  top: -24.42px;
}

.case-stats-star--2 {
  left: calc(75% - 32px);
  bottom: -24px;
}

.case-stat {
  flex: 1;
  min-height: 336px;
  padding: var(--spacing-xl);
  border-top: 1px solid var(--color-border-dark);
  border-bottom: 1px solid var(--color-border-dark);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}
.case-stat:not(:last-of-type) { border-right: 1px solid var(--color-border-dark); }
.case-stat:nth-child(n + 3) {
  padding-left: var(--spacing-2xl);
  padding-right: var(--spacing-2xl);
}

.case-stat__index {
  color: var(--color-content-subdued-dark);
}
.case-stat__value {
  margin: 0;
  font-family: var(--type-h6-family);
  font-size: var(--type-h6-size);
  font-weight: var(--type-h6-weight);
  line-height: var(--type-h6-line-height);
  letter-spacing: var(--type-h6-letter-spacing);
  color: var(--color-white);
}
.case-stat__body {
  margin-top: auto;
  font-family: var(--type-body-family);
  font-size: var(--type-body-size);
  font-weight: var(--type-body-weight);
  line-height: var(--type-body-line-height);
  letter-spacing: var(--type-body-letter-spacing);
  color: var(--color-content-subdued-dark);
}

.case-media-grid {
  background-color: var(--color-black);
  padding: var(--case-media-grid-padding-top) var(--case-media-grid-padding-x) var(--case-media-grid-padding-bottom);
}
.case-media-grid--2col {
  display: flex;
  gap: var(--spacing-xl);
}
.case-media-grid__item {
  flex: 1;
  height: auto;
  aspect-ratio: 1 / 1;
  border-radius: var(--radius-media);
  overflow: hidden;
  position: relative;
}
.case-media-grid__item img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  pointer-events: none;
}

.case-media-stack {
  background-color: var(--color-black);
  padding: var(--section-padding-y) var(--pad-section-x);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
}
.case-media-grid--inline {
  padding: 0;
  background-color: transparent;
}

.case-disciplines {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3xl);
}

.case-discipline-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 680px);
  align-items: start;
  width: 100%;
  column-gap: 0;
}
.case-discipline-row__content {
  grid-column: 2;
  min-width: 0;
  width: 100%;
  max-width: 600px;
  justify-self: end;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
}
.case-discipline__title {
  color: var(--color-black);
  margin: 0;
}
.case-discipline__body {
  font-family: var(--type-body-family);
  font-size: var(--type-body-size);
  font-weight: var(--type-body-weight);
  line-height: var(--type-body-line-height);
  letter-spacing: var(--type-body-letter-spacing);
  color: var(--color-content-subdued-light);
  margin: 0;
}
.case-discipline-divider {
  width: 100%;
  height: 0;
  border: none;
  border-top: 1px solid #e5e5e5;
  margin: 0;
}

.case-app-slider {
  background-color: var(--color-black);
  padding-top: var(--case-app-slider-padding-top);
  padding-bottom: var(--case-app-slider-padding-bottom);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3xl);
}
.case-app-slider.case-app-slider--continued {
  padding-top: 0;
  padding-bottom: var(--section-padding-y);
}
.case-app-slider__track-wrap {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-3xl);
  overflow: hidden;
  cursor: grab;
  user-select: none;
  touch-action: pan-y;
  padding-left: var(--case-app-slider-padding-x);
  padding-bottom: var(--case-app-slider-track-wrap-padding-bottom);

  min-width: 0;
}
.case-app-slider__track-wrap.is-dragging {
  cursor: grabbing;
}
.case-app-slider__track {
  display: flex;
  gap: var(--spacing-xl);
  align-items: center;
  min-width: 0;
  align-self: flex-start;
}
.case-app-slider__track > .case-phone-frame:last-child {
  margin-right: var(--case-app-slider-padding-x);
}

.case-phone-frame {
  display: inline-grid;
  grid-template-columns: max-content;
  grid-template-rows: max-content;
  place-items: start;
  flex-shrink: 0;
}
.case-phone-frame__screen {
  grid-column: 1;
  grid-row: 1;
  position: relative;
  width: 285.353px;
  height: 618.265px;
  margin-left: 17.01px;
  margin-top: 13.73px;
  border-radius: var(--radius-media);
  overflow: hidden;
}
.case-phone-frame__screen img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  border-radius: var(--radius-media);
}
.case-phone-frame__device {
  grid-column: 1;
  grid-row: 1;
  position: relative;
  width: 318px;
  height: 646.53px;
}
.case-phone-frame__device img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
}

.case-app-slider__controls {
  display: flex;
  align-items: center;
  gap: var(--spacing-lg);
  padding-right: var(--case-app-slider-padding-x);
}
.case-app-slider__line {
  flex: 1;
  height: 2px;
  background: var(--color-border-dark);
  position: relative;
  overflow: hidden;
}
.case-app-slider__progress {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0%;
  background: var(--color-white);
}
.case-app-slider__btn {
  width: 32px;
  height: 32px;
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  position: relative;
  flex-shrink: 0;
  transition: opacity 0.2s;
}
.case-app-slider__btn:disabled {
  opacity: 0.25;
  cursor: default;
  pointer-events: none;
}
.case-app-slider__btn img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
}

.case-phone-frame--email {
  display: block;
  width: 340px;
  border-radius: var(--radius-media);
  overflow: hidden;
  flex-shrink: 0;
}
.case-email-video {
  width: 100%;
  display: block;
}
.case-email-img {
  width: 100%;
  display: block;
}
.case-app-slider--email .case-app-slider__track {
  align-items: flex-start;
}

.case-more-work {
  background-color: var(--color-black);
  border-top: 1px solid var(--color-border-dark);
  padding: var(--case-more-work-padding-top) var(--case-more-work-padding-x) var(--case-more-work-padding-bottom);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-section-md);
}
.case-more-work__header {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}
.case-more-work .cases__grid {
  padding-bottom: 0;
  grid-template-rows: auto;
}

.case-more-work__eyebrow {
  color: var(--color-white);
}
.case-more-work__heading {
  font-family: var(--type-h4-family);
  font-size: var(--type-h4-size);
  font-weight: var(--type-h4-weight);
  line-height: var(--type-h4-line-height);
  letter-spacing: var(--type-h4-letter-spacing);
  color: var(--color-white);
  margin: 0;
  max-width: 838px;
}

.case-study-root--animated .case-heading-reveal.is-revealed .hero__heading-inner {
  transform: translateY(0);
}

@media (prefers-reduced-motion: no-preference) {
  .case-study-root--animated .reveal {
    opacity: 0;
    transform: translateY(28px);
    transition:
      opacity   0.9s cubic-bezier(0.25, 0.1, 0.25, 1),
      transform 0.9s cubic-bezier(0.25, 0.1, 0.25, 1);
    transition-delay: var(--reveal-delay, 0ms);
    will-change: opacity, transform;
  }


  .case-study-root--animated .reveal--scale {
    transform: translateY(16px) scale(0.97);
  }

  .case-study-root--animated .reveal.is-visible {
    opacity: 1;
    transform: none;
  }


  .reveal--d1 { --reveal-delay:  90ms; }
  .reveal--d2 { --reveal-delay: 180ms; }
  .reveal--d3 { --reveal-delay: 270ms; }
}

.case-cta {
  background-color: var(--color-black);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-xl);
  padding: var(--section-padding-y) var(--pad-section-x);
}
.case-cta__heading {
  display: inline-grid;
  grid-template-columns: max-content;
  grid-template-rows: max-content;
  place-items: start;
  color: var(--color-white);
  font-family: var(--type-h4-family);
  font-style: normal;
  white-space: nowrap;
  line-height: 0;
}
.case-cta__heading > * {
  grid-column: 1;
  grid-row: 1;
}
.case-cta__line-1 {
  font-size: var(--type-h4-size);
  font-weight: var(--type-h4-weight);
  letter-spacing: var(--type-h4-letter-spacing);
  line-height: var(--type-h4-line-height);
  margin-left: 0;
  margin-top: 0;
}
.case-cta__counter {
  font-family: var(--type-body-family);
  font-size: var(--type-body-size);
  font-weight: var(--type-body-weight);
  line-height: var(--type-body-line-height);
  letter-spacing: var(--type-body-letter-spacing);
  text-align: center;
  margin-left: 348px;
  margin-right: 0;
  margin-top: 12px;
}
.case-cta__line-2 {
  font-size: var(--type-h4-size);
  font-weight: var(--type-h4-weight);
  letter-spacing: var(--type-h4-letter-spacing);
  line-height: var(--type-h4-line-height);
  margin-left: 130.5px;
  margin-top: 42px;
}