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

.gradient-spine-timeline__line {
    width: 2px;
    left: 50%;
    transform: translateX(-50%);
}

.gradient-spine-timeline__events > * + * {
    margin-top: 2rem;
}

.gradient-spine-timeline__dot {
    top: 2rem;
    left: 50%;
    transform: translateX(-50%);
}

.gradient-spine-timeline__dot-ring {
    width: 1.5rem;
    height: 1.5rem;
}

.gradient-spine-timeline__dot-inner {
    width: 0.375rem;
    height: 0.375rem;
}

.gradient-spine-timeline__dot-mobile {
    width: 1.5rem;
    height: 1.5rem;
}

.gradient-spine-timeline__icon {
    width: 3rem;
    height: 3rem;
}

@media (min-width: 1024px) {
    .gradient-spine-timeline__col--reverse {
        margin-right: 0;
        margin-left: auto;
        padding-right: 0;
        padding-left: 3rem;
    }
}

@media (min-width: 992px) {
    .gradient-spine-timeline__col--reverse {
        margin-inline-start: auto;
        margin-inline-end: 0;
        padding-inline-end: 0;
        padding-inline-start: 1.5rem;
    }
}

/* 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;
  }
}

.doctrine-magazine__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2.5rem;
}

@media (min-width: 1024px) {
    .doctrine-magazine__grid {
        grid-template-columns: minmax(0, 320px) 1fr;
        gap: 4rem;
    }

    .doctrine-magazine__aside {
        position: sticky;
        top: 6rem;
        align-self: start;
    }
}

.doctrine-magazine__image {
    height: 14rem;
    object-fit: cover;
}