.tc-cutout {
  --tc-cutout-max: 50rem;
  --tc-cutout-caption: rgba(255, 255, 255, 0.68);
  display: grid;
  width: min(100%, 72rem);
  justify-items: center;
  gap: 0.75rem;
  margin: clamp(2.5rem, 6vw, 5rem) auto;
  padding-inline: clamp(1rem, 4vw, 2rem);
}

.tc-cutout img {
  display: block;
  width: min(100%, var(--tc-cutout-max));
  height: auto;
  object-fit: contain;
}

.tc-cutout figcaption {
  max-width: 65ch;
  color: var(--tc-cutout-caption);
  font-size: 0.8125rem;
  line-height: 1.5;
  letter-spacing: 0.02em;
  text-align: center;
}

.tc-cutout--paper {
  --tc-cutout-caption: #5d5861;
}

.tc-cutout--compact {
  --tc-cutout-max: 38rem;
}

@media (max-width: 40rem) {
  .tc-cutout {
    margin-block: 2rem 3rem;
  }
}