.tectonic-character-project-detail {
  --character-detail-accent: rgba(187, 217, 230, 0.72);
}

.tectonic-character-project-detail__english-title {
  grid-column: 1 / 13;
  margin: 0;
  color: rgba(237, 246, 250, 0.96);
  font-family: Arial, Helvetica, sans-serif;
  font-size: clamp(54px, 5.2vw, 112px);
  font-weight: 800;
  line-height: 0.78;
  letter-spacing: -0.06em;
  text-transform: uppercase;
}

.tectonic-character-project-detail__film-reserve {
  background: #000;
}

.tectonic-character-project-detail__film-reserve.is-spacer-only {
  background: transparent;
}

.tectonic-character-project-detail--method .spear-project-detail__title-cluster {
  grid-column: 1 / 12;
}

.tectonic-character-project-detail--method .tectonic-character-project-detail__english-title {
  text-align: left;
}

.tectonic-character-project-detail--method .spear-project-detail__hero-density {
  grid-template-columns: 8fr 4fr;
}

.tectonic-character-project-detail--method .spear-project-detail__media-shell {
  grid-column: 2 / 13;
}

.tectonic-character-project-detail--futures .spear-project-detail__title-cluster {
  grid-column: 2 / 13;
}

.tectonic-character-project-detail--futures .tectonic-character-project-detail__english-title {
  text-align: right;
  letter-spacing: -0.075em;
}

.tectonic-character-project-detail--futures .spear-project-detail__handoff {
  grid-column: 1 / 8;
}

.tectonic-character-project-detail--futures .spear-project-detail__hero-density {
  direction: rtl;
  grid-template-columns: 5fr 7fr;
}

.tectonic-character-project-detail--futures .spear-project-detail__hero-density > * {
  direction: ltr;
}

.tectonic-character-project-detail--futures .tectonic-character-project-detail__film-reserve {
  width: calc(100% - var(--spear-detail-unit) * 6);
  margin-left: calc(var(--spear-detail-unit) * 6);
}

.tectonic-character-project-detail--futures .spear-project-detail__dense-copy {
  order: 2;
  grid-column: 5 / 13;
}

.tectonic-character-project-detail--futures .spear-project-detail__spec-panel {
  grid-column: 1 / 5;
}

.tectonic-character-project-detail--futures .spear-project-detail__media-shell {
  grid-column: 1 / 12;
}

.tectonic-character-project-detail--inspiration .spear-project-detail__title-cluster {
  grid-column: 1 / 13;
}

.tectonic-character-project-detail--inspiration .tectonic-character-project-detail__english-title {
  grid-column: 3 / 13;
  text-align: left;
  font-size: clamp(46px, 4.5vw, 98px);
  letter-spacing: -0.045em;
}

.tectonic-character-project-detail--inspiration .spear-project-detail__title {
  grid-column: 1 / 8;
}

.tectonic-character-project-detail--inspiration .spear-project-detail__handoff {
  grid-column: 7 / 13;
}

.tectonic-character-project-detail--inspiration .spear-project-detail__hero-density {
  grid-template-columns: 5fr 7fr;
  gap: calc(var(--spear-detail-unit) * 3);
}

.tectonic-character-project-detail--inspiration .tectonic-character-project-detail__film-reserve {
  width: 88%;
}

.tectonic-character-project-detail--inspiration .spear-project-detail__media-shell {
  grid-column: 2 / 13;
}

.tectonic-character-project-detail--inspiration .spear-project-detail__system-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

@media (max-width: 980px) {
  .tectonic-character-project-detail__english-title {
    font-size: clamp(38px, 8vw, 72px);
  }
}