#references {
   justify-content: flex-start;
   align-items: flex-end;
   width: max-content;
   flex: 0 0 auto;
   padding-right: 200px;
}

.references-wrapper {
   display: flex;
   flex-direction: row;
   align-items: flex-end;
   gap: 48px;
}

.references-wrapper .section-label {
   align-self: flex-end;
}

.references-content {
   display: flex;
   flex-direction: column;
   gap: 16px;
}

.reference-card {
   background-color: var(--color-bg-card);
   border: 1px solid var(--color-border);
   border-radius: 12px;
   padding: 24px 32px;
   display: flex;
   flex-direction: row;
   align-items: center;
   gap: 32px;
   width: 580px;
}

.reference-card blockquote {
   flex: 1;
   font-size: 15px;
   line-height: 1.6;
   color: var(--color-white);
   font-style: italic;
   text-align: center;
}

.reference-divider {
   width: 1px;
   align-self: stretch;
   background-color: var(--color-main);
   flex-shrink: 0;
}

.reference-author {
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 4px;
   min-width: 140px;
   text-align: center;
}

.author-name {
   font-size: 19px;
   font-weight: 700;
   color: var(--color-main);
}

.author-role {
   font-size: 14px;
   color: var(--color-main);
}
