:root {
  --orch-ink: #000a32;
  --orch-pink: #d31872;
  --orch-blue: #0d5cff;
  --orch-soft-blue: #aee3f2;
  --orch-dark: #010a2d;
}

.orchestrate-page {
  background: #fff;
  color: var(--orch-ink);
  overflow: hidden;
}

.orchestrate-page *,
.orchestrate-page *::before,
.orchestrate-page *::after {
  box-sizing: border-box;
}

.orch-section {
  overflow: hidden;
  position: relative;
  width: 100%;
}

.orch-container {
  margin: 0 auto;
  max-width: 1040px;
  position: relative;
  width: min(1040px, calc(100vw - 72px));
  z-index: 2;
}

.orch-copy h1,
.orch-copy h2,
.orch-copy p {
  letter-spacing: 0;
  margin: 0;
}

.orch-copy h1,
.orch-copy h2 {
  color: var(--orch-ink);
  line-height: 0.94;
  overflow-wrap: break-word;
}

.orch-copy p {
  color: var(--orch-ink);
  line-height: 1.14;
}

.orch-copy span,
.orch-pink {
  color: var(--orch-pink);
}

.orch-kicker {
  color: var(--orch-pink) !important;
  line-height: 1.1;
  margin-bottom: 6px !important;
  text-transform: uppercase;
}

.orch-kicker-2 {
  color: var(--orch-pink) !important;
  line-height: 1.1;
  margin-bottom: 6px !important;
}

.orch-lead {
  line-height: 1.08 !important;
}

.orch-small {
  line-height: 1.28 !important;
  margin-top: 18px !important;
  max-width: 250px;
}

.orch-small strong {
  font-family: "UbuntuBold", sans-serif;
}

.orch-bg {
  max-width: none;
  pointer-events: none;
  position: absolute;
  user-select: none;
  z-index: 1;
}

.orch-center {
  text-align: center;
}

.orch-button {
  align-items: center;
  border-radius: 999px;
  display: inline-flex;
  justify-content: center;
  line-height: 1;
  min-height: 38px;
  padding: 0 28px;
  text-decoration: none;
  white-space: nowrap;
}

.orch-button-dark {
  background: var(--orch-dark);
  color: #fff !important;
}

.orch-hero {
  padding: 88px 0 72px;
}

.orch-hero-grid {
  align-items: start;
  display: grid;
  gap: 26px;
  grid-template-columns: 38vw 1fr;
}

.orch-hero-copy {
  padding-top: 6px;
}

.orch-hero-copy h1 {
  margin-bottom: 18px !important;
}

.orch-hero-copy .orch-lead {
  max-width: 430px;
}

.orch-hero-art {
  margin: 0;
  transform: translate(12px, -8px);
}

.orch-hero-art img {
  display: block;
  height: auto;
  width: min(650px, 37vw);
}

.orch-possibilities {
  padding: 30px 0 72px;
}

.orch-possibilities-copy {
  margin-left: 48px;
  max-width: 560px;
}

.orch-possibilities-copy h2 {
  margin-bottom: 10px !important;
}

.orch-wide-art {
  margin: 22px auto 0;
  max-width: 830px;
}

.orch-wide-art img,
.orch-toolchain img,
.orch-perspective-art img {
  display: block;
  height: auto;
  width: 100%;
}

.orch-develop {
  padding: 82px 0 112px;
}

.orch-develop-copy {
  margin: 0 auto 24px;
  max-width: 530px;
}

.orch-develop-copy h2 {
  margin-bottom: 10px !important;
}

.orch-toolchain {
  margin: 8px auto 0;
  max-width: 880px;
  width: min(880px, 100%);
}

.orch-ai {
  min-height: 675px;
  padding: 170px 0 126px;
}

.orch-ai-rings {
  left: 0;
  width: 620px;
}

.orch-ai-copy {
  margin: 0 auto;
  max-width: 520px;
}

.orch-ai-copy h2 {
  margin-bottom: 16px !important;
}

.orch-ai-copy p:not(.orch-kicker) {
  margin: 0 auto 24px;
  max-width: 285px;
}

.orch-mina {
  min-height: 760px;
  padding: 112px 0 124px;
}

.orch-mina-bg {
  right: 0;
  width: 740px;
}

.orch-mina-copy {
  margin-left: 260px;
  max-width: 720px;
  padding-top: 34px;
}

.orch-mina-note {
  display: block;
  height: auto;
  margin: 0 0 26px 28px;
  max-width: 410px;
  transform: rotate(-5deg);
  width: 100%;
}

.orch-mina-copy h2 {
  margin-bottom: 8px !important;
}

.orch-mina-copy p {
  line-height: 1.08 !important;
}

.orch-executive {
  min-height: 765px;
  padding: 188px 0 140px;
  margin-top: 25vmin;
}

.orch-executive-hexes {
  left: 0;
  width: min(70vmin, 700px);
  margin-top: 45vmin;
}

.orch-executive-copy {
  margin: 0 auto;
  max-width: 710px;
}

.orch-executive-logo {
  display: block;
  height: auto;
  margin: 0 auto -6px;
  width: 124px;
}

.orch-executive-copy h2 {
  color: #000;
  margin-bottom: 10px !important;
}

.orch-executive-copy .orch-lead {
  color: #000;
  margin-bottom: 22px !important;
}

.orch-executive-copy p:not(.orch-lead) {
  color: #000;
  margin: 0 auto;
  max-width: 482px;
}

.orch-signal {
  min-height: 820px;
  padding: 132px 0 160px;
}

.orch-signal-bg {
  right: 0;
  width: min(620px, 80vmin);
}

.orch-perspective-art-img{
    right: 0;
    width: min(520px, 60vmin);
    margin-top: min(20vmin, 80px);
}

.orch-signal-copy {
  margin-left: 54px;
  max-width: 720px;
}

.orch-signal-copy h2 {
  margin-bottom: 8px !important;
}

.orch-signal-copy .orch-lead {
  margin-bottom: 20px !important;
}

.orch-signal-copy p:not(.orch-lead) {
  max-width: 440px;
}

.orch-perspectives {
  background: var(--orch-dark);
  min-height: 760px;
  padding: 168px 0 122px;
}

.orch-perspective-grid {
  align-items: center;
  display: grid;
  gap: 64px;
  grid-template-columns: 510px 1fr;
}

.orch-perspective-copy h2,
.orch-perspective-copy p {
  color: #fff;
}

.orch-perspective-copy h2 {
  margin-bottom: 20px !important;
}

.orch-perspective-copy p {
  max-width: 430px;
}

.orch-perspective-art {
  margin: 0;
  max-width: 640px;
  transform: translateX(68px);
}

@media (max-width: 1100px) {
  .orch-container {
    width: min(960px, calc(100vw - 56px));
  }

  .orch-hero-grid {
    grid-template-columns: 340px 1fr;
  }

  .orch-hero-art img {
    width: min(590px, 40vw);
  }

  .orch-mina-copy {
    margin-left: 180px;
  }

  .orch-signal-copy {
    margin-left: 0;
  }
}

@media (max-width: 991px) {
  .orch-section {
    min-height: auto;
  }

  .orch-hero,
  .orch-possibilities,
  .orch-develop,
  .orch-ai,
  .orch-mina,
  .orch-executive,
  .orch-signal,
  .orch-perspectives {
    padding: 74px 0;
  }

  .orch-hero-grid,
  .orch-perspective-grid {
    grid-template-columns: 1fr;
  }

  .orch-hero-art {
    transform: none;
  }

  .orch-hero-art img {
    margin: 0 auto;
    width: min(720px, 100%);
  }

  .orch-possibilities-copy,
  .orch-mina-copy,
  .orch-signal-copy {
    margin-left: 0;
  }

  .orch-possibilities-copy,
  .orch-signal-copy {
    max-width: 620px;
  }

  .orch-ai-rings {
    opacity: 0.8;
    width: 520px;
  }

  .orch-mina-bg {
    opacity: 0.5;
    width: 700px;
  }

  .orch-executive-hexes {
    opacity: 0.95;
    width: 610px;
  }

  .orch-signal-bg {
    opacity: 0.9;
    width: 560px;
    display: none;
  }

  .orch-perspective-art {
    max-width: 620px;
    transform: none;
  }
}

@media (max-width: 767px) {
  .orch-container {
    width: min(100%, calc(100vw - 36px));
  }

  .orch-hero,
  .orch-possibilities,
  .orch-develop,
  .orch-ai,
  .orch-mina,
  .orch-executive,
  .orch-signal,
  .orch-perspectives {
    padding: 58px 0;
  }

  .orch-hero {
    padding-top: 88px;
  }

  .orch-copy h1,
  .orch-copy h2 {
    line-height: 0.98;
  }

  .orch-hero-copy h1,
  .orch-ai-copy h2,
  .orch-mina-copy h2,
  .orch-executive-copy h2,
  .orch-signal-copy h2,
  .orch-perspective-copy h2 {

  }

  .orch-possibilities-copy h2,
  .orch-develop-copy h2 {

  }

  .orch-small,
  .orch-hero-copy .orch-lead,
  .orch-perspective-copy p,
  .orch-signal-copy p:not(.orch-lead) {
    max-width: none;
  }

  .orch-wide-art {
    margin-top: 28px;
    width: 760px;
    max-width: 100%;
  }

  .orch-toolchain {
    padding-bottom: 8px;
  }

  .orch-toolchain img {
    min-width: 0;
  }

  .orch-mina-note {
    margin-left: 0;
    max-width: 330px;
  }

  .orch-executive-logo {
    margin-top: 34px;
    width: 96px;
  }

  .orch-perspectives {
    padding-bottom: 74px;
  }
}

@media (max-width: 480px) {
  .orch-hero-copy h1,
  .orch-ai-copy h2,
  .orch-mina-copy h2,
  .orch-executive-copy h2,
  .orch-signal-copy h2,
  .orch-perspective-copy h2 {

  }

  .orch-perspective-copy h2 {

  }

  .orchestrate-page .orch-hero-copy h1,
  .orchestrate-page .orch-ai-copy h2,
  .orchestrate-page .orch-perspective-copy h2 {
    line-height: 1;
  }

  .orch-hero-copy .orch-lead,
  .orch-mina-copy p,
  .orch-signal-copy .orch-lead {
  }

  .orch-ai-rings {
    width: 480px;
  }

  .orch-mina-bg {
    right: 0;
  }

  .orch-executive-hexes {
    left: 0;
  }

  .orch-signal-bg {
    right: 0;
  }
}

/* Orchestrate grouping */
.grouping-page {
  background: var(--orch-dark);
  color: #fff;
}

.grouping-page .orch-copy h1,
.grouping-page .orch-copy h2,
.grouping-page .orch-copy p {
  color: #fff;
}

.grouping-page .orch-copy h1 span,
.grouping-page .orch-copy h2 span {
  color: var(--orch-pink);
}

.grouping-page .orch-kicker {
  color: var(--orch-pink) !important;
}

.grouping-center {
  text-align: center;
}

.grouping-hero {
  min-height: 760px;
  padding: 50px 0 110px;
}

.grouping-hero-hex {
  opacity: 0.72;
  right: 0;
  width: min(650px, 50vw);
}

.grouping-hero-grid {
  display: grid;
  grid-template-columns: 610px 1fr;
}

.grouping-hero-copy {
  margin-left: 36px;
  /* max-width: 610px; */
}

.grouping-hero-copy h1 {
  margin-bottom: 22px !important;
  overflow-wrap: break-word;
  word-break: break-all;
}

.grouping-hero-lead {
  line-height: 1.04 !important;
  margin-bottom: 10px !important;
  /* max-width: 430px; */
}

.grouping-hero-body {
  line-height: 1.16 !important;
  max-width: 360px;
}

.grouping-flexible {
  padding: 12px 0 96px;
}

.grouping-flex-bg {
  left: 0;
  opacity: 0.5;
  width: min(340px, 50vmin);
  margin-top: -30vmin;
}

.grouping-main-diagram,
.grouping-rules-strip,
.grouping-wert-diagram {
  margin: 0;
}

.grouping-main-diagram {
  margin: 0 auto;
  max-width: 900px;
}

.grouping-main-diagram img,
.grouping-rules-strip img,
.grouping-wert-diagram img {
  display: block;
  height: auto;
  width: 100%;
}

.grouping-rules {
  padding: 8px 0 130px;
}

.grouping-rules-note {
  display: block;
  height: auto;
  /* margin: 0 auto 16px; */
  width: min(274px, 54vw);
}

.grouping-rules-strip {
  margin: 30px auto;
  /* max-width: 760px; */
}

.grouping-wertstrom {
  padding: 40px 0 130px;
}

.grouping-wert-bg {
  opacity: 0.5;
  right: 0;
  width: 360px;
}

.grouping-wert-grid {
  align-items: center;
  display: grid;
  gap: 40px;
  grid-template-columns: 345px 1fr;
}

.grouping-wert-copy {
  /* max-width: 345px; */
}

.grouping-wert-copy h2,
.grouping-reuse-copy h2,
.grouping-final-copy h2 {
  margin-bottom: 20px !important;
}

.grouping-wert-copy p,
.grouping-reuse-copy p,
.grouping-final-copy p {
  color: var(--orch-soft-blue);
  line-height: 1.15 !important;
}

.grouping-wert-diagram {
  width: min(700px, 90vw);
  margin: 0 auto;
}

.grouping-reuse {
  min-height: 1020px;
  padding: 82px 0 120px;
}

.grouping-reuse-bg {
  opacity: 0.58;
  right: 50%;
  top: 0;
  transform: translateX(500px);
  width: 520px;
}

.grouping-reuse-layout {
  min-height: 780px;
}

.grouping-reuse-copy {
  margin-left: 260px;
  max-width: 520px;
}

.grouping-reuse-note {
  display: block;
  height: auto;
  margin: 0 0 22px -100px;
  width: min(230px, 70%);
}

.grouping-reuse-chart {
  margin: 46px auto 0;
  max-width: 778px;
  transform: translateX(18px);
}

.grouping-reuse-chart img {
  display: block;
  height: auto;
  width: 100%;
}

.grouping-final {
  min-height: 850px;
  padding: 165px 0 210px;
}

.grouping-final-bg {
  left: 0;
  opacity: 0.5;
  width: 620px;
}

.grouping-final-copy {
  margin: 0 auto;
  /* max-width: 600px; */
}

.grouping-final-copy p {
  margin: 0 auto;
  /* max-width: 430px; */
}

@media (max-width: 1100px) {
  .grouping-hero-copy {
    margin-left: 0;
  }
}

@media (max-width: 991px) {
  .grouping-hero,
  .grouping-flexible,
  .grouping-rules,
  .grouping-wertstrom,
  .grouping-reuse,
  .grouping-final {
    min-height: auto;
    padding: 72px 0;
  }

  .grouping-hero {
    padding-top: 80px;
  }

  .grouping-hero-grid,
  .grouping-wert-grid {
    grid-template-columns: 1fr;
  }

  .grouping-hero-copy,
  .grouping-wert-copy,
  .grouping-reuse-copy,
  .grouping-final-copy {
    max-width: 640px;
  }

  .grouping-hero-hex {
    opacity: 0.36;
    width: 620px;
  }

  .grouping-main-diagram,
  .grouping-wert-diagram {
    max-width: 760px;
  }

  .grouping-wert-bg,
  .grouping-reuse-bg {
    opacity: 0.36;
  }

  .grouping-reuse-layout {
    min-height: auto;
  }

  .grouping-reuse-copy {
    margin-left: 0;
  }

  .grouping-reuse-note {
    margin-left: 0;
  }

  .grouping-reuse-chart {
    margin-top: 34px;
    max-width: 760px;
    transform: none;
  }
}

@media (max-width: 767px) {
  .grouping-hero,
  .grouping-flexible,
  .grouping-rules,
  .grouping-wertstrom,
  .grouping-reuse,
  .grouping-final {
    padding: 58px 0;
  }

  .grouping-hero {
    padding-top: 60px;
  }

  .grouping-hero-copy h1,
  .grouping-final-copy h2 {
    /* font-size: 31px !important; */
    line-height: 1 !important;
  }

  .grouping-hero-lead,
  .grouping-wert-copy h2,
  .grouping-reuse-copy h2 {
    /* font-size: 27px !important; */
    line-height: 1.04 !important;
  }

  .grouping-hero-body,
  .grouping-wert-copy p,
  .grouping-reuse-copy p,
  .grouping-final-copy p {
    /* font-size: 18px !important; */
    max-width: none;
  }

  .grouping-hero-hex {
    width: 580px;
  }

  .grouping-main-diagram,
  .grouping-rules-strip,
  .grouping-wert-diagram {
    overflow-x: auto;
    padding-bottom: 4px;
    scrollbar-width: none;
  }

  .grouping-main-diagram::-webkit-scrollbar,
  .grouping-rules-strip::-webkit-scrollbar,
  .grouping-wert-diagram::-webkit-scrollbar {
    display: none;
  }

  .grouping-main-diagram img {
    min-width: 0;
  }

  .grouping-rules-strip img {
    min-width: 0;
  }

  .grouping-wert-diagram img {
    min-width: 0;
  }

  .grouping-reuse-chart {
    margin-top: 28px;
    width: 100%;
  }

  .grouping-final-bg {
    width: 520px;
  }
}