.janus-page--manufacturing {
  --lp-blue: #00b0f6;
  --lp-deep-blue: #2c78cc;
  --lp-purple: #672e92;
  --lp-muted: #eef9fc;
  --lp-gradient: linear-gradient(108deg, #00a3de 0%, #2c78cc 52%, #672e92 100%);
}

.janus-page--manufacturing .lp-gradient,
.janus-page--manufacturing .mfg-gradient {
  color: #fff;
  background: var(--lp-gradient);
}

.janus-page--manufacturing .mfg-btn--blue,
.janus-page--manufacturing .lp-btn:not(.lp-btn--light):not(.lp-btn--outline) {
  color: #fff;
  background: var(--lp-blue);
}

.janus-page--manufacturing .mfg-btn--light,
.janus-page--manufacturing .lp-btn--light {
  color: var(--lp-purple);
  background: #fff;
}

.janus-page--manufacturing .mfg-btn--outline,
.janus-page--manufacturing .lp-btn--outline {
  color: var(--lp-purple);
  background: #fff;
  border-color: var(--lp-blue);
}

/* HERO */

.janus-page--manufacturing .mfg-hero .lp-hero__title {
  max-width: 1080px;
  color: #fff;
}

.janus-page--manufacturing .mfg-hero .lp-hero__text {
  max-width: 680px;
  color: #fff;
  font-weight: 400;
  text-transform: none;
}

.janus-page--manufacturing .mfg-hero__image {
  width: 340px;
  pointer-events: none;
}

.janus-page--manufacturing .mfg-hero .lp-btn--light {
  flex: 0 0 420px;
  width: 420px;
}

.janus-page--manufacturing .mfg-hero .lp-btn:not(.lp-btn--light) {
  flex: 0 0 235px;
  width: 235px;
}

/* TAGS / STATS */

.janus-page--manufacturing .mfg-tags span,
.janus-page--manufacturing .mfg-stats strong {
  background: linear-gradient(180deg, var(--lp-blue), var(--lp-purple));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

.janus-page--manufacturing .mfg-stats span {
  color: var(--lp-blue);
}

/* WHY */

.janus-page--manufacturing .mfg-why .lp-title {
  max-width: 1050px;
  color: #fff;
}

.janus-page--manufacturing .mfg-why .lp-rich-text,
.janus-page--manufacturing .mfg-why .lp-rich-text p {
  color: #fff;
}

.janus-page--manufacturing .mfg-why__image {
  width: 430px;
}

/* INDUSTRIES */

.janus-page--manufacturing .mfg-industries {
  padding: 86px 0 96px;
  background: #fff;
}

.janus-page--manufacturing .mfg-industries .lp-title {
  margin: 0 0 54px;
  color: #000;
}

.janus-page--manufacturing .mfg-industries-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  margin-left: 34px;
  width: calc(100% - 34px);
  max-width: calc(100% - 34px);
}

.janus-page--manufacturing .mfg-industry-card {
  position: relative;
  display: block;
  height: 235px;
  min-height: 235px;
  padding: 0;
  overflow: hidden;
  color: #fff;
  background: #1d1d1d;
}

.janus-page--manufacturing .mfg-industry-card img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
  object-fit: cover;
  object-position: center center;
}

.janus-page--manufacturing .mfg-industry-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgba(0, 0, 0, 0.42);
}

.janus-page--manufacturing .mfg-industry-card__content,
.janus-page--manufacturing .mfg-industry-card__copy {
  position: absolute;
  top: 50%;
  left: 24px;
  right: 24px;
  z-index: 2;
  color: #fff;
  transform: translateY(-50%);
}

.janus-page--manufacturing .mfg-industry-card h3,
.janus-page--manufacturing .mfg-industry-card__content h3,
.janus-page--manufacturing .mfg-industry-card__copy h3 {
  margin: 0 0 8px;
  color: #fff;
  font-size: 20px;
  line-height: 1.15;
  font-weight: 800;
  text-transform: none;
}

.janus-page--manufacturing .mfg-industry-card p,
.janus-page--manufacturing .mfg-industry-card__content p,
.janus-page--manufacturing .mfg-industry-card__copy p {
  max-width: 560px;
  margin: 0;
  color: #fff;
  font-size: 15px;
  line-height: 1.38;
  font-weight: 400;
}

/* CONTENT */

.janus-page--manufacturing .mfg-content {
  padding: 82px 0 86px;
}

.janus-page--manufacturing .mfg-content .lp-title {
  margin-bottom: 46px;
  color: #fff;
}

.janus-page--manufacturing .mfg-content .lp-service-grid {
  margin-left: 34px;
  width: calc(100% - 34px);
  max-width: calc(100% - 34px);
  row-gap: 44px;
  column-gap: 46px;
}

.janus-page--manufacturing .mfg-content .lp-service-grid h3,
.janus-page--manufacturing .mfg-content .lp-service-grid p {
  color: #fff;
}

.janus-page--manufacturing .mfg-question {
  margin-top: 54px;
}

.janus-page--manufacturing .mfg-question h3 {
  margin: 0 0 22px;
  color: #fff;
  font-size: 22px;
  line-height: 1.18;
  font-weight: 800;
}

.janus-page--manufacturing .mfg-question p {
  max-width: 980px;
  margin: 20px 0 0;
  color: #fff;
}

/* APPROACH */

.janus-page--manufacturing .mfg-approach {
  padding: 82px 0 88px;
  background: #fff;
}

.janus-page--manufacturing .mfg-approach .lp-title {
  max-width: 760px;
  margin: 0 0 52px;
  color: #000;
}

.janus-page--manufacturing .mfg-approach-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  margin-left: 34px;
  width: calc(100% - 34px);
  max-width: calc(100% - 34px);
}

.janus-page--manufacturing .mfg-approach-grid .lp-approach-card,
.janus-page--manufacturing .mfg-approach-grid .lp-approach-card:nth-child(4),
.janus-page--manufacturing .mfg-approach-grid .lp-approach-card:nth-child(5) {
  grid-column: auto;
}

.janus-page--manufacturing .mfg-approach-grid .lp-approach-card {
  display: block;
  min-height: 0;
  padding: 22px 18px 20px;
  border-radius: 0;
  color: #111;
  background: #edf5f9;
}

.janus-page--manufacturing .mfg-approach-card__head {
  display: grid;
  grid-template-columns: 52px minmax(0, 1fr);
  gap: 14px;
  align-items: start;
  margin-bottom: 20px;
}

.janus-page--manufacturing .mfg-approach-card__icon {
  width: 52px;
  height: 52px;
  object-fit: contain;
}

.janus-page--manufacturing .mfg-approach-grid .lp-approach-card h3 {
  margin: 0;
  color: #000;
  text-transform: uppercase;
}

.janus-page--manufacturing .mfg-approach-grid .lp-approach-card p {
  margin: 0;
  color: #111;
}

/* CHOICE */

.janus-page--manufacturing .mfg-choice {
  padding: 82px 0 90px;
  color: #fff;
  background: var(--lp-gradient);
}

.janus-page--manufacturing .mfg-choice .lp-container {
  width: min(1200px, calc(100% - 48px));
  margin: 0 auto;
}

.janus-page--manufacturing .mfg-choice .lp-title {
  max-width: 900px;
  margin: 0 0 42px;
  color: #fff;
}

.janus-page--manufacturing .mfg-choice .lp-marker::before {
  background: #fff;
}

.janus-page--manufacturing .mfg-choice .lp-choice-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 54px;
  align-items: start;
  margin-left: 34px;
  width: calc(100% - 34px);
  max-width: calc(100% - 34px);
}

.janus-page--manufacturing .mfg-choice .lp-case,
.janus-page--manufacturing .mfg-choice .lp-choice-list {
  width: 100%;
  max-width: 100%;
}

.janus-page--manufacturing .mfg-choice .lp-case h3 {
  margin: 0 0 18px;
  color: #fff;
}

.janus-page--manufacturing .mfg-choice .lp-case__box {
  width: 100%;
  padding: 18px;
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

.janus-page--manufacturing .mfg-choice .lp-case__box p,
.janus-page--manufacturing .mfg-choice .lp-case__box strong {
  color: #fff;
}

.janus-page--manufacturing .mfg-choice .lp-case__box p + p {
  margin-top: 14px;
}

.janus-page--manufacturing .mfg-choice .lp-case__photo {
  width: 100%;
  height: 230px;
  margin-top: 22px;
  border-radius: 6px;
  object-fit: cover;
}

.janus-page--manufacturing .mfg-choice .lp-choice-list {
  display: grid;
  gap: 18px;
  margin: 0;
  padding: 0;
  color: #fff;
  list-style: none;
}

.janus-page--manufacturing .mfg-choice .lp-choice-list li {
  position: relative;
  padding-left: 30px;
  color: #fff;
}

.janus-page--manufacturing .mfg-choice .lp-choice-list li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0.05em;
  width: auto;
  height: auto;
  border: 0;
  transform: none;
  color: #fff;
  font-size: 18px;
  line-height: 1;
  font-weight: 700;
}

/* DOTS */

.janus-page--manufacturing .mfg-case__dots {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  margin-top: 24px;
}

.janus-page--manufacturing .mfg-case__dots button {
  border: 0;
  background: transparent;
  color: #fff;
  font-size: 26px;
  font-weight: 800;
  line-height: 1;
  cursor: pointer;
}

.janus-page--manufacturing .mfg-case__dots span {
  display: block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.28);
}

.janus-page--manufacturing .mfg-case__dots span.is-active {
  background: #fff;
}

/* FINAL CTA */

.janus-page--manufacturing .mfg-final-cta {
  margin: 58px 0 0 34px;
  max-width: 940px;
}

.janus-page--manufacturing .mfg-final-cta h2 {
  max-width: 940px;
  margin: 0 0 28px;
  color: #fff;
}

.janus-page--manufacturing .mfg-final-cta .lp-actions {
  gap: 22px;
  margin-left: 0;
}

.janus-page--manufacturing .mfg-final-cta .lp-btn {
  min-width: 280px;
  min-height: 52px;
}

/* DESKTOP */

@media (min-width: 1101px) {
  .janus-page--manufacturing .mfg-hero {
    padding-top: 54px;
    padding-bottom: 58px;
    min-height: auto;
  }

  .janus-page--manufacturing .mfg-hero .lp-hero__inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 400px;
    column-gap: 32px;
    align-items: start;
    padding: 0;
    min-height: auto;
  }

  .janus-page--manufacturing .mfg-hero .lp-hero__copy {
    display: contents;
  }

  .janus-page--manufacturing .mfg-hero .lp-hero__title {
    grid-column: 1 / -1;
    width: 100%;
    margin-top: 0;
  }

  .janus-page--manufacturing .mfg-hero .lp-hero__text,
  .janus-page--manufacturing .mfg-hero .lp-actions {
    grid-column: 1;
    margin-left: 45px;
  }

  .janus-page--manufacturing .mfg-hero .lp-hero__text {
    margin-top: 42px;
  }

  .janus-page--manufacturing .mfg-hero .lp-actions {
    max-width: 680px;
    flex-wrap: nowrap;
    gap: 20px;
    margin-top: 30px;
  }

  .janus-page--manufacturing .mfg-hero__image {
    grid-column: 2;
    grid-row: 2 / span 2;
    justify-self: end;
    align-self: center;
    width: 400px;
    max-width: 400px;
    transform: translateY(8px);
  }

  .janus-page--manufacturing .mfg-why .lp-split {
    grid-template-columns: minmax(0, 1fr) 430px;
    column-gap: 56px;
  }

  .janus-page--manufacturing .mfg-why .lp-title {
    grid-column: 1 / -1;
    width: 100%;
  }

  .janus-page--manufacturing .mfg-why .lp-rich-text {
    grid-column: 1;
    max-width: 720px;
  }

  .janus-page--manufacturing .mfg-why__image {
    grid-column: 2;
    grid-row: 2;
    justify-self: end;
    align-self: start;
    width: 430px;
    max-width: 430px;
  }
}

/* TABLET */

@media (max-width: 1100px) {
  .janus-page--manufacturing .mfg-industries-grid,
  .janus-page--manufacturing .mfg-content .lp-service-grid,
  .janus-page--manufacturing .mfg-approach-grid,
  .janus-page--manufacturing .mfg-choice .lp-choice-layout,
  .janus-page--manufacturing .mfg-final-cta {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
  }

  .janus-page--manufacturing .mfg-industries-grid,
  .janus-page--manufacturing .mfg-content .lp-service-grid,
  .janus-page--manufacturing .mfg-choice .lp-choice-layout {
    grid-template-columns: 1fr;
  }

  .janus-page--manufacturing .mfg-approach-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .janus-page--manufacturing .mfg-hero .lp-btn--light,
  .janus-page--manufacturing .mfg-hero .lp-btn:not(.lp-btn--light) {
    flex: 1 1 100%;
    width: 100%;
  }
}

/* MOBILE */

@media (max-width: 900px) {
  .janus-page--manufacturing .mfg-approach-grid {
    grid-template-columns: 1fr;
  }

  .janus-page--manufacturing .mfg-industry-card {
    height: 240px;
    min-height: 240px;
  }

  .janus-page--manufacturing .mfg-industry-card__content,
  .janus-page--manufacturing .mfg-industry-card__copy {
    top: auto;
    bottom: 18px;
  }
}

@media (max-width: 640px) {
  .janus-page--manufacturing .mfg-industries,
  .janus-page--manufacturing .mfg-content,
  .janus-page--manufacturing .mfg-approach,
  .janus-page--manufacturing .mfg-choice {
    padding: 64px 0;
  }

  .janus-page--manufacturing .mfg-industries .lp-title,
  .janus-page--manufacturing .mfg-content .lp-title,
  .janus-page--manufacturing .mfg-approach .lp-title,
  .janus-page--manufacturing .mfg-choice .lp-title {
    margin-bottom: 32px;
  }

  .janus-page--manufacturing .mfg-industry-card__content,
  .janus-page--manufacturing .mfg-industry-card__copy {
    left: 16px;
    right: 16px;
    bottom: 14px;
  }

  .janus-page--manufacturing .mfg-industry-card h3,
  .janus-page--manufacturing .mfg-industry-card__content h3,
  .janus-page--manufacturing .mfg-industry-card__copy h3 {
    font-size: 17px;
  }

  .janus-page--manufacturing .mfg-industry-card p,
  .janus-page--manufacturing .mfg-industry-card__content p,
  .janus-page--manufacturing .mfg-industry-card__copy p {
    font-size: 13px;
    line-height: 1.35;
  }

  .janus-page--manufacturing .mfg-approach-grid .lp-approach-card {
    padding: 18px 16px;
  }

  .janus-page--manufacturing .mfg-approach-card__head {
    grid-template-columns: 48px minmax(0, 1fr);
  }

  .janus-page--manufacturing .mfg-approach-card__icon {
    width: 48px;
    height: 48px;
  }

  .janus-page--manufacturing .mfg-final-cta .lp-btn {
    width: 100%;
    min-width: 0;
  }
}

@media (max-width: 667px) and (min-width: 300px) {
  .janus-page--manufacturing .mfg-industry-card {
    height: 300px;
    min-height: 300px;
  }

  .janus-page--manufacturing .mfg-industry-card__content,
  .janus-page--manufacturing .mfg-industry-card__copy {
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
  }
}

@media (max-width: 300px) {
  .janus-page--manufacturing .mfg-industry-card {
    height: 320px;
    min-height: 320px;
  }

  .janus-page--manufacturing .mfg-industry-card__content,
  .janus-page--manufacturing .mfg-industry-card__copy {
    top: auto;
    bottom: 18px;
    transform: none;
  }
}

.janus-page--manufacturing .mfg-approach-grid .lp-approach-card {
  display: grid;
  grid-template-columns: 58px minmax(0, 1fr);
  grid-template-rows: 74px auto;
  column-gap: 16px;
  row-gap: 18px;
  align-items: start;
}

.janus-page--manufacturing .mfg-approach-card__head {
  display: contents;
}

.janus-page--manufacturing .mfg-approach-card__icon {
  grid-column: 1;
  grid-row: 1;
  width: 58px;
  height: 58px;
  margin: 0;
}

.janus-page--manufacturing .mfg-approach-grid .lp-approach-card h3 {
  grid-column: 2;
  grid-row: 1;
  margin: 0;
  align-self: start;
}

.janus-page--manufacturing .mfg-approach-grid .lp-approach-card p {
  grid-column: 1 / -1;
  grid-row: 2;
  margin: 0;
}

@media (max-width: 640px) {
  .janus-page--manufacturing .mfg-approach-grid .lp-approach-card {
    grid-template-rows: auto auto;
  }
}