.snapshot-orb-one {
    top: 0;
    right: 0;
    width: 24rem;
    height: 24rem;
    filter: blur(3rem);
}

.snapshot-orb-two {
    bottom: 0;
    left: 0;
    width: 20rem;
    height: 20rem;
    filter: blur(3rem);
}

.snapshot-orb-three {
    top: 50%;
    left: 50%;
    width: 18rem;
    height: 18rem;
    transform: translate(-50%, -50%);
    filter: blur(2rem);
}


.snapshot-line-one {
    top: 25%;
}

.snapshot-line-two {
    right: 0;
    bottom: 25%;
}

.snapshot-circle-one {
    top: 5rem;
    right: 2.5rem;
    width: 5rem;
    height: 5rem;
}

.snapshot-circle-two {
    top: 10rem;
    left: 2.5rem;
    width: 3rem;
    height: 3rem;
}

.snapshot-circle-three {
    right: 5rem;
    bottom: 8rem;
    width: 4rem;
    height: 4rem;
}

.snapshot-circle-four {
    bottom: 5rem;
    left: 5rem;
    width: 6rem;
    height: 6rem;
}

.snapshot-title-line-one {
    top: -1rem;
    left: 50%;
    width: 6rem;
    transform: translateX(-50%);
}

.snapshot-title-line-two {
    top: -0.5rem;
    left: 50%;
    width: 4rem;
    transform: translateX(-50%);
}

.snapshot-title-accent {
    bottom: 0;
    left: 50%;
    width: 8rem;
    transform: translateX(-50%);
}

.snapshot-section-accent {
    bottom: -0.5rem;
    left: 50%;
    width: 5rem;
    transform: translateX(-50%);
}

.snapshot-divider-line {
    width: 1px;
}

.snapshot-icon-bs{padding: 10px;}

.conviction-fan__card:nth-child(1) { transform: rotate(-3deg); }
.conviction-fan__card:nth-child(2) { transform: rotate(2deg); }
.conviction-fan__card:nth-child(3) { transform: rotate(-1deg); }
.conviction-fan__card:nth-child(4) { transform: rotate(3deg); }

.conviction-fan__card:hover {
    transform: rotate(0deg) translateY(-0.75rem);
}

.values-timeline-row__thumb {
    width: 5rem;
    height: 5rem;
}

.values-timeline-row__badge {
    top: -0.5rem;
    right: -0.5rem;
    width: 2rem;
    height: 2rem;
}

.values-timeline-row__line {
    left: 2.5rem;
    top: 0;
    width: 2px;
    height: 2rem;
}

.dashboard-metrics-timeline__grid-lines {
    background-image:
        repeating-linear-gradient(0deg, transparent, transparent 39px, currentColor 39px, currentColor 40px),
        repeating-linear-gradient(90deg, transparent, transparent 79px, currentColor 79px, currentColor 80px);
}

@keyframes dashboard-metrics-timeline__pulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.5; transform: scale(1.5); }
}

.dashboard-metrics-timeline__pulse {
    width: 0.5rem;
    height: 0.5rem;
    animation: dashboard-metrics-timeline__pulse 2s ease infinite;
}

.dashboard-metrics-timeline__watermark {
    font-size: clamp(60px, 12vw, 140px);
    opacity: 0.03;
}

.dashboard-metrics-timeline__icon {
    width: 2rem;
    height: 2rem;
}

.dashboard-metrics-timeline__metric {
    font-size: 2rem;
}

.dashboard-metrics-timeline__bar {
    height: 4px;
}

.dashboard-metrics-timeline__progress {
    height: 4px;
    width: var(--dashboard-metrics-timeline__width, 0%);
}

.dashboard-metrics-timeline__index-dot {
    width: 6px;
    height: 6px;
}

@keyframes dashboard-metrics-timeline__count {
    from { opacity: 0; }
    to { opacity: 1; }
}

.dashboard-metrics-timeline__line {
    height: 1px;
}

/* Bootstrap branch: explicit grid + gap (row gutters often collapse with overflow / theme resets) */
.dashboard-metrics-timeline__bs-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 2rem;
}

@media (min-width: 768px) {
    .dashboard-metrics-timeline__bs-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .dashboard-metrics-timeline__bs-row {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 2.25rem;
    }
}

.dashboard-metrics-timeline__min-shrink {
  min-width: 0;
}

.mosaic-panel-photo__frame {
    height: 16rem;
}

.mosaic-panel-photo__min-shrink {
  min-width: 0;
}