.twin-showcase {
  min-height: 660px;
  display: flex;
  align-items: center;
  background:
    radial-gradient(circle at 78% 22%, rgba(172, 154, 139, 0.13), transparent 30%),
    linear-gradient(135deg, #101315, #0d0f11);
}

.hero {
  max-width: none;
  grid-template-columns: 1fr;
}

.hero-grid {
  inset: 0;
  mask-image: linear-gradient(90deg, #000, rgba(0,0,0,.55), transparent);
}

.hero-inner {
  width: min(100%, var(--max));
  margin: 0 auto;
  padding-left: 28px;
  padding-right: 28px;
}

.hero h1 {
  max-width: 1100px;
}

.hero-copy {
  max-width: 760px;
}

.industry svg {
  width: 38px;
  height: 38px;
  color: var(--taupe);
  stroke-width: 1.4;
}

.industry:hover svg {
  color: #3d352f;
}

.twin-showcase .showcase-copy {
  width: min(100%, var(--max));
  margin: 0 auto;
  padding: 110px 28px;
}

.twin-showcase .showcase-copy h2 {
  max-width: 980px;
}

.twin-showcase .showcase-copy > p {
  max-width: 760px;
}

.twin-showcase .capability-grid {
  grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 980px) {
  .twin-showcase .capability-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 720px) {
  .twin-showcase .showcase-copy { padding: 80px 28px; }
  .twin-showcase .capability-grid { grid-template-columns: 1fr; }
}