.commencium-prototypes {
  background: linear-gradient(90deg, #7658bd 0%, #d75d6a 100%);
  border-bottom: 0;
}

.commencium-prototypes-inner {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: clamp(48px, 7vw, 104px);
}

.commencium-prototype {
  min-width: 0;
  text-align: center;
}

.commencium-prototype .section-title h2 {
  max-width: none;
  color: #fff;
  font-size: clamp(2.5rem, 4.4vw, 4.75rem);
  line-height: .96;
  text-align: center;
}

.commencium-prototype-qr {
  width: fit-content;
  display: block;
  margin: clamp(42px, 5vw, 68px) auto 0;
}

.commencium-prototype-qr img {
  width: clamp(190px, 18vw, 240px);
  height: auto;
  display: block;
  object-fit: contain;
}

.commencium-prototype-qr:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 6px;
}

@media (max-width: 640px) {
  .commencium-prototypes-inner {
    grid-template-columns: 1fr;
    gap: 96px;
  }

  .commencium-prototype-qr {
    margin-top: 36px;
  }
}

.commencium-prototype .section-title h2 {
  font-size: var(--type-case-section);
  line-height: 1;
}