/* Cosamirai – Full Text Pebbles: basic placeholder styles */
.cosamirai-full-text-pebbles {
  max-width: 80%;
  margin-inline: auto;
  padding-block: var(--spacing-big-section-block);
  position: relative;

  .text-container {
    margin-bottom: 6.125rem;
    position: relative;
    font-size: var(--fs-L-H3-L);
    text-align: center;
    font-family: "PP Fragment Glare", serif;
    font-weight: 300;
    line-height: 1.2;
    color: var(--c-oak-text);

    .line-wrapper {
      position: relative;
      overflow: hidden;
      display: inline-block;
      width: 100%;
      line-height: 1.3;
    }

    .split-line {
      position: relative;
      display: inline-block;
    }

    .mask {
      width: 100%;
      height: 115%;
      position: absolute;
      left: 0;
      top: 0;
      opacity: 0.6;
      pointer-events: none;
    }

    * {
      margin-bottom: 0;
    }
  }

  .pebbles-container {
    max-width: 13.2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2.5rem;
  }
}

@media (max-width: 768px) {
  .cosamirai-full-text-pebbles {
    max-width: 100%;
    
    .text-container {
      margin-bottom: 2.625rem;
      font-size: var(--fs-S-H3-SM);
    }

    .pebbles-container {
      max-width: 11.5rem;
      margin-inline: auto;
    }
  }
}