.brief-sq-10 { width: 2.5rem; height: 2.5rem; flex-shrink: 0; }

.brief-glass-card,
.brief-glass-panel,
.brief-glass-value {
    backdrop-filter: blur(0.75rem);
    box-shadow: 0 1rem 2rem rgba(15, 23, 42, 0.08);
}

.brief-glass-card {
    background-color: rgba(var(--bs-body-bg-rgb), 0.72);
}

.brief-glass-panel,
.brief-glass-value {
    background-color: rgba(var(--bs-body-bg-rgb), 0.56);
}

.brief-brand-line {
    width: 2.5rem;
    height: 0.125rem;
    background-color: rgba(var(--bs-primary-rgb), 0.45);
}

.brief-orb-one {
    top: -6rem;
    left: -6rem;
    width: 24rem;
    height: 24rem;
    filter: blur(3rem);
}

.brief-orb-two {
    right: -6rem;
    bottom: -6rem;
    width: 20rem;
    height: 20rem;
    filter: blur(3rem);
}

.brief-orb-three {
    top: 50%;
    right: 25%;
    width: 14rem;
    height: 14rem;
    filter: blur(3rem);
}

.brief-cta-hover {
    transition: transform 0.3s ease;
}

.brief-cta-hover:hover {
    transform: scale(1.05);
}

.brief-card-hover {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.brief-card-hover:hover {
    transform: translateY(-0.25rem);
    box-shadow: var(--bs-box-shadow-lg);
}

.brief-icon-hover {
    transition: transform 0.3s ease;
}

.brief-card-hover:hover .brief-icon-hover {
    transform: scale(1.1);
}

.brief-title-hover {
    transition: color 0.3s ease;
}

.brief-card-hover:hover .brief-title-hover {
    color: var(--bs-primary);
}

/* values v13 — accordion chevron rotation, CSS-only via details[open] */
.values-notion-stack__chevron {
    transition: transform 200ms ease;
}

details.values-notion-stack__summary,
details > .values-notion-stack__summary {
    /* no-op selector kept for clarity; actual toggle target is the chevron below */
}

details[open] > .values-notion-stack__summary .values-notion-stack__chevron,
details[open] .values-notion-stack__chevron {
    transform: rotate(180deg);
}

.values-notion-stack__summary {
    -webkit-tap-highlight-color: transparent;
}

.values-notion-stack__summary::-webkit-details-marker {
    display: none;
}

.values-notion-stack__idx {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    letter-spacing: 0.05em;
}

.values-notion-stack__index-num {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

.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;
}

/* team v19 — masonry with corner dots */
.team-masonry__media {
  height: 16rem;
}

.team-masonry__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.team-masonry__card-accent {
  width: 0.25rem;
  z-index: 1;
}

.team-masonry__decor {
  position: absolute;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  opacity: 0.08;
  pointer-events: none;
}

.team-masonry__decor--top-left {
  top: -40px;
  left: -40px;
  background-color: currentColor;
}

.team-masonry__decor--bottom-right {
  bottom: -40px;
  right: -40px;
  background-color: currentColor;
}

@media (max-width: 768px) {
  .team-masonry__decor {
    width: 80px;
    height: 80px;
  }
}