.scope-sq-16 { width: 4rem; height: 4rem; flex-shrink: 0; }

.scope-card-hover,
.scope-cta-hover {
    transition: transform 0.3s ease;
}

.scope-card-hover:hover,
.scope-cta-hover:hover {
    transform: scale(1.05);
}

.ethos-chat__dots {
    background-image: radial-gradient(currentColor 1.5px, transparent 1.5px);
    background-size: 22px 22px;
}

.ethos-chat__blob {
    width: 18rem;
    height: 18rem;
    filter: blur(48px);
}

.ethos-chat__group {
    max-width: 42rem;
}

.ethos-chat__avatar {
    width: 3rem;
    height: 3rem;
}

.ethos-chat__row:nth-child(even) {
    flex-direction: row-reverse;
}

.ethos-chat__row:nth-child(even) .ethos-chat__bubble {
    text-align: right;
}

.minimal-rolex-timeline__year-size {
    font-size: clamp(48px, 8vw, 96px);
}

.minimal-rolex-timeline__vertical-line {
    width: 1px;
    min-height: 100%;
}

.minimal-rolex-timeline__text-width {
    max-width: 36rem;
}

.minimal-rolex-timeline__min-shrink {
  min-width: 0;
}

.minimal-rolex-timeline__item--last {
    border-bottom-width: 0;
}

/* Bootstrap: blur-орби, ранг, нижня лінія (імена без номера варіанту) */
.stats__decor-blur-tl {
  position: absolute;
  top: 25%;
  left: 25%;
  width: 16rem;
  height: 16rem;
  filter: blur(64px);
}

.stats__decor-blur-br {
  position: absolute;
  bottom: 25%;
  right: 25%;
  width: 20rem;
  height: 20rem;
  filter: blur(64px);
}

.stats__rank-badge {
  width: 1.5rem;
  height: 1.5rem;
  min-width: 1.5rem;
  min-height: 1.5rem;
}

.stats__bottom-line-bar {
  height: 0.25rem;
}

.stats-card-hover {
  transition:
    box-shadow 0.5s ease,
    transform 0.5s ease;
}

.stats-card-hover:hover {
  box-shadow:
    0 25px 50px -12px rgb(0 0 0 / 0.25);
  transform: scale(1.05);
}

.stats-gradient-overlay-hover {
  transition: opacity 0.5s ease;
  opacity: 0;
}

.stats-card-hover:hover .stats-gradient-overlay-hover {
  opacity: 1;
}

.stats-bottom-bar-hover {
  transition: opacity 0.5s ease;
  opacity: 0;
}

.stats-card-hover:hover .stats-bottom-bar-hover {
  opacity: 1;
}

.timeline-bubble-row__portrait {
    width: 10rem;
    height: 10rem;
}

.timeline-bubble-row__beacon {
    width: 1.5rem;
    height: 1.5rem;
}

.timeline-bubble-row__min-shrink {
  min-width: 0;
}