.outline-orb-top {
    top: 0;
    right: 0;
    width: 18rem;
    height: 18rem;
    filter: blur(3rem);
}

.outline-orb-bottom {
    bottom: 0;
    left: 0;
    width: 18rem;
    height: 18rem;
    filter: blur(3rem);
}

.outline-media-group:hover .outline-image-hover {
    transform: scale(1.1);
}

.outline-image-hover {
    transition: transform 0.7s ease;
}

.outline-overlay-hover {
    transition: opacity 0.5s ease;
}

.outline-media-group:hover .outline-overlay-hover {
    opacity: 1;
}

.outline-float-star {
    top: -1rem;
    right: -1rem;
}

.outline-float-check {
    bottom: -1rem;
    left: -1rem;
}

@keyframes bounce-kf {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-25%); }
}

@keyframes pulse-kf {
    0%, 100% { opacity: 0.2; }
    50% { opacity: 0.35; }
}

.outline-bounce {
    animation: bounce-kf 1s infinite;
}

.outline-pulse {
    animation: pulse-kf 3s ease-in-out infinite;
}

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

.outline-card-group:hover .outline-card-hover {
    transform: scale(1.05);
    box-shadow: var(--bs-box-shadow-lg);
}

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

.outline-card-group:hover .outline-icon-rotate-hover {
    transform: rotate(12deg);
}

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

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

.outline-sq-6  { width: 1.5rem;  height: 1.5rem;  flex-shrink: 0; }
.outline-sq-8  { width: 2rem;    height: 2rem;    flex-shrink: 0; }
.outline-sq-14 { width: 3.5rem;  height: 3.5rem;  flex-shrink: 0; }

.art-deco-reveal-timeline__panel--hidden {
    display: none !important;
}

.art-deco-reveal-timeline__tab--active {
    position: relative;
}

.art-deco-reveal-timeline__tab--active::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
    width: 10px;
    height: 10px;
    outline: 2px solid;
    outline-offset: -2px;
}

@keyframes art-deco-reveal-timeline__reveal {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: translateY(0); }
}

.art-deco-reveal-timeline__panel:not(.art-deco-reveal-timeline__panel--hidden) {
    animation: art-deco-reveal-timeline__reveal 0.35s ease forwards;
}

.art-deco-reveal-timeline__corner-tl {
    top: 1.5rem;
    left: 1.5rem;
    width: 5rem;
    height: 5rem;
}

.art-deco-reveal-timeline__corner-tr {
    top: 1.5rem;
    right: 1.5rem;
    width: 5rem;
    height: 5rem;
}

.art-deco-reveal-timeline__corner-bl {
    bottom: 1.5rem;
    left: 1.5rem;
    width: 5rem;
    height: 5rem;
}

.art-deco-reveal-timeline__corner-br {
    bottom: 1.5rem;
    right: 1.5rem;
    width: 5rem;
    height: 5rem;
}

.art-deco-reveal-timeline__diamond-mid {
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    width: 0.75rem;
    height: 0.75rem;
    left: 0;
}

.art-deco-reveal-timeline__diamond-mid--right {
    left: auto;
    right: 0;
}

.art-deco-reveal-timeline__diamond-sm {
    width: 0.5rem;
    height: 0.5rem;
    transform: rotate(45deg);
}

.art-deco-reveal-timeline__inner-border {
    inset: 0.5rem;
}

.art-deco-reveal-timeline__icon-diamond {
    width: 5rem;
    height: 5rem;
    transform: rotate(45deg);
}

.art-deco-reveal-timeline__icon-inner {
    transform: rotate(-45deg);
}

.art-deco-reveal-timeline__diamond-xs {
    width: 0.375rem;
    height: 0.375rem;
    transform: rotate(45deg);
}

.art-deco-reveal-timeline__min-shrink {
  min-width: 0;
}

.inline-row-avatars__blob-tl {
    width: 18rem;
    height: 18rem;
}

.inline-row-avatars__blob-br {
    width: 24rem;
    height: 24rem;
}

.inline-row-avatars__portrait {
    width: 10rem;
    height: 10rem;
}

.inline-row-avatars__status {
    width: 2rem;
    height: 2rem;
    bottom: -0.25rem;
    right: -0.25rem;
}

.inline-row-avatars__status-dot {
    width: 0.75rem;
    height: 0.75rem;
}

.inline-row-avatars__min-shrink {
    min-width: 0;
}

@media (min-width: 992px) {
    .inline-row-avatars__portrait {
        width: 12rem;
        height: 12rem;
    }

    .inline-row-avatars__row--reverse {
        flex-direction: row-reverse;
    }
}

/* values split v16 - layout/size only, no colors */
.values-split__decor-circle {
    aspect-ratio: 1 / 1;
}

.values-split__numeral {
    line-height: 0.85;
    letter-spacing: -0.04em;
}

.values-split__row {
    will-change: transform;
}

.cta-staircase__step-num {
  width: 3rem;
  height: 3rem;
  min-width: 3rem;
  min-height: 3rem;
  flex-shrink: 0;
}

.cta-staircase__stairs {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}

.cta-staircase__step {
  transform: translateX(calc(var(--step, 0) * 20px));
  animation: cta-staircase__fade 600ms ease both;
  animation-delay: calc(var(--step, 0) * 100ms);
}

@keyframes cta-staircase__fade {
  from { opacity: 0; transform: translateX(-30px); }
  to { opacity: 1; transform: translateX(calc(var(--step, 0) * 20px)); }
}

@media (max-width: 768px) {
  .cta-staircase__step {
    transform: translateX(0);
  }
}