/* Editorial direction: flat materials, useful labels and restrained brand colour. */
body.home .ambient,
body.home .orbital,
body.home .orbit-label,
body.home .chapter-rail {
  display: none !important;
}

body.home .scene {
  transition: opacity .25s ease;
}

body.home #start .copy {
  position: relative;
  z-index: 3;
}

body.home .copy h1 em,
body.home .copy h2 em {
  color: inherit;
  font-style: normal;
  text-decoration: underline;
  text-decoration-color: #e91e78;
  text-decoration-thickness: .055em;
  text-underline-offset: .11em;
}

body.home .panel,
body.home .mobile-panel {
  background: #193244 !important;
  border: 1px solid #8495a0;
  border-radius: 5px;
  box-shadow: 6px 8px 0 #071521 !important;
}

body.home .panel.pink,
body.home .mobile-panel.pink {
  background: #e9e9e2 !important;
  border-left: 5px solid #e91e78;
  color: #0d1b2a !important;
}

body.home .panel.light,
body.home .mobile-panel.light {
  background: #e9e9e2 !important;
  color: #0d1b2a !important;
}

body.home .panel.process-panel,
body.home .mobile-panel.process-panel {
  background: #193244 !important;
  color: #edf0e9 !important;
}

body.home .panel::after,
body.home .mobile-panel::after {
  display: none;
}

body.home .panel h2,
body.home .mobile-panel h2 {
  font-weight: 650;
}

body.home #automatisering .workflow-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px 24px;
  margin-top: 24px;
}

body.home #automatisering .workflow-actions .text-link,
body.home #automatisering .workflow-actions .demo-button {
  margin: 0;
  min-height: 48px;
  display: inline-flex;
  align-items: center;
}

body.home #automatisering .workflow-actions .demo-button {
  padding: 11px 16px;
}

body.home .process-panel h2,
body.home .mobile-panel.process-panel h2 {
  font-size: clamp(21px, 2vw, 28px) !important;
  line-height: 1.12;
  letter-spacing: -.035em;
  margin: 12px 0 8px !important;
}

body.home .process-panel .grow-card-chart {
  height: 42px;
  margin-top: 4px;
}

body.home .process-panel .grow-card-steps {
  margin-top: 8px;
}

.showcase .scene-copy {
  display: block;
  max-width: 65ch;
  margin: 8px 0 0;
}

.showcase .scene-title {
  max-width: 19ch;
}

.showcase .experience-info,
.showcase[data-current=contract] .experience-info {
  display: block !important;
}

.showcase .scene-link,
.showcase[data-current=contract] .scene-link {
  display: inline-flex;
  margin-top: 16px;
}

body.home .panel-status {
  width: fit-content;
  padding-bottom: 7px;
  border-bottom: 1px solid currentColor;
  font: 10px/1.4 Inter, Arial, sans-serif;
}

body.home .grow-card-chart i {
  background: #8faf9c !important;
}

.method-art {
  background: #193244 !important;
  border-radius: 5px;
  box-shadow: none;
}

.method-art::before {
  display: none;
}

body[data-method=build] .method-art-center {
  gap: 16px;
}

body[data-method=build] .method-art {
  min-height: 380px;
}

body[data-method=build] .art-result {
  max-width: 100%;
  margin-left: 0;
  font-size: clamp(25px, 2.4vw, 34px);
  line-height: 1.12;
  letter-spacing: -.035em;
}

body[data-method=build] .method-art-bottom {
  margin-top: 24px;
}

.art-line::after {
  box-shadow: none;
}

.method-page-nav,
.method-result {
  border-radius: 5px;
}

.grow-grid i {
  background: #81b49e !important;
}

.agent-workspace,
.contract-workspace,
.agent-film,
.agent-film .film-stage,
.converter-film .film-stage {
  background: #193244;
}

.converter-film .film-stage {
  background: #edf0e9;
}

.agent-film .film-piece {
  background: #183146;
  box-shadow: none !important;
}

@media (max-width: 700px) {
  body[data-method=build] .method-art {
    min-height: 350px;
  }

  body.home .mobile-panel,
  body.home .mobile-panel.pink,
  body.home .mobile-panel.light {
    box-shadow: 4px 5px 0 #071521 !important;
  }
}