.quotes-section {
  position: relative;

  & .quotes-sticky {
    position: relative;
    background-color: var(--color-black);

    /* Background glow — pinned via JS while quotes scroll over it,
       released (absolute, scrolls away) once the last quote begins. */
    & .quotes-bg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100vh;
      overflow: hidden;
      z-index: 0;
      pointer-events: none;

      & .quotes-glow-dot {
        width: 1200px;
        height: 1200px;
        top: 0%;
        left: 0%;
        transform: translate(-50%, -50%);

        opacity: 0.45;
        z-index: 0;
        animation: glow-drift 20s ease-in-out infinite;
      }
    }

    /* Slide */
    & .quotes-slide {
      position: relative;
      height: 90vh;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 28px;
      padding: 80px 60px;
      opacity: 1;
      z-index: var(--z-content);

      & .quotes-avatar {
        & .quotes-avatar-img {
          width: 180px;
          height: 180px;
          border-radius: 50%;
          object-fit: cover;
          margin-bottom: 20px;
          /* border: 2px solid var(--color-orange); */
          display: block;
          /* box-shadow: 0 0 0 4px rgba(255,103,31,0.2); */
        }
      }

      & .quotes-body {
        display: flex;
        flex-direction: row;
        align-items: flex-end;
        gap: 32px;

        & .quotes-icon {
          width: 74px;
          height: auto;
          flex-shrink: 0;
          opacity: 0.9;

          &:first-child { align-self: flex-end; }
          &:last-child  { align-self: flex-start; }
        }

        & .quotes-text {
          max-width: 50vw;
          color: var(--color-white);
          text-align: center;
          font-family: var(--font-h3-family);
          font-weight: var(--font-h3-weight);
          font-size: var(--font-h3-size);
          line-height: var(--font-h3-line-height);
          letter-spacing: var(--font-h3-letter-spacing);
          text-shadow: 0 2px 20px rgba(0, 0, 0, 0.7);
        }
      }

      & .quotes-author {
        font-family: Arial, sans-serif;
        font-weight: 400;
        font-size: 18px;
        line-height: 29.7px;
        letter-spacing: 0px;
        font-style: normal;
        text-align: center;
      }
    }

    & .quotes-dots {
      display: none;
    }
  }
}