.interview {
  padding: calc(var(--spacing-11) - (var(--spacing-3) / 2)) calc(var(--spacing-9) - (var(--spacing-3) / 2));

  &.row {
    --bs-gutter-x: var(--spacing-3);
    --bs-gutter-y: var(--spacing-3);
  }

  .interview-header {
    color: var(--text-title-on-dark);

    .interview-surtitle {
      text-transform: uppercase;
      font-size: var(--font-size-medium);
      margin-bottom: var(--spacing-2);
      font-weight: 700;
      line-height: 140%; /* 22.4px */
    }

    .interview-title {
      font-size: var(--font-size-3-5);
      margin: 0;
      padding-bottom: var(--spacing-4);
      font-weight: 500;
      line-height: 110%; /* 61.6px */
    }
  }

  .interview-person {
    display: flex;
    align-items: center;
    gap: var(--spacing-3);
    padding: var(--spacing-2);

    .media-image {
      width: 90px;
      height: 90px;
      flex-shrink: 0;
    }
    .interview-info {
      .interview-name {
        font-weight: 700;
        font-size: var(--font-size-large);
        color: var(--bs-secondary);
      }

      .interview-description {
        font-size: var(--font-size-medium);
      }
    }
  }

  .interview-bubbles {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing-7) - 25px);
  }
}