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

.focus-timeline {
    position: relative;
}

.focus-timeline__rail {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 1.5rem;
    width: 2px;
    pointer-events: none;
    --focus-tl-mid: var(--bs-primary, #60a5fa);
    background: linear-gradient(
        to bottom,
        color-mix(in srgb, var(--focus-tl-mid) 80%, transparent),
        color-mix(in srgb, var(--focus-tl-mid) 35%, transparent),
        transparent
    );
}

.dark .focus-timeline__rail {
    --focus-tl-mid: var(--bs-primary, #3b82f6);
}

@media (min-width: 768px) {
    .focus-timeline__rail {
        left: 50%;
        transform: translateX(-50%);
    }
}

.focus-timeline-dot {
    position: absolute;
    top: 1.25rem;
    left: 1.5rem;
    z-index: 2;
    transform: translateX(-50%);
}

@media (min-width: 768px) {
    .focus-timeline-dot {
        left: 50%;
        transform: translateX(-50%);
    }

    /* Відступ карток від центральної лінії (TW + BS) */
    .focus-timeline__item--left .focus-card-hover {
        margin-inline-start: clamp(1.25rem, 4vw, 2.75rem);
    }

    .focus-timeline__item--right .focus-card-hover {
        margin-inline-end: clamp(1.25rem, 4vw, 2.75rem);
    }
}

.focus-card-hover {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.focus-card-hover:hover {
    transform: translateY(-0.125rem);
    box-shadow: var(--bs-box-shadow);
}

.focus-icon-hover {
    transition: transform 0.2s ease;
}

.focus-card-hover:hover .focus-icon-hover {
    transform: scale(1.05);
}

.focus-title-hover {
    transition: color 0.2s ease;
}

.focus-card-hover:hover .focus-title-hover {
    color: var(--bs-primary, #2563eb);
}

.horizontal-snap-timeline__dot-grid {
    background-image: radial-gradient(circle, currentColor 1px, transparent 1px);
    background-size: 24px 24px;
}

.horizontal-snap-timeline__no-scrollbar::-webkit-scrollbar {
    display: none;
}

.horizontal-snap-timeline__no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.horizontal-snap-timeline__dot--active {
    width: 24px;
    height: 0.5rem;
    filter: brightness(1.05);
}

.horizontal-snap-timeline__dot--idle {
    width: 8px;
    height: 0.5rem;
    filter: brightness(0.55);
}

.horizontal-snap-timeline__nav {
    width: 2.5rem;
    height: 2.5rem;
    top: 50%;
    left: 0;
    transform: translateY(-50%) translateX(-1rem);
}

.horizontal-snap-timeline__nav--next {
    left: auto;
    right: 0;
    transform: translateY(-50%) translateX(1rem);
}

.horizontal-snap-timeline__icon {
    width: 2.5rem;
    height: 2.5rem;
}

.horizontal-snap-timeline__track {
    list-style: none;
    padding-left: 0;
    padding-top: 1rem;
    padding-bottom: 1rem;
    overflow-x: auto;
    overflow-y: visible;
}

.horizontal-snap-timeline__slide {
    width: 18rem;
    overflow: visible;
    padding-top: 0.25rem;
}

.horizontal-snap-timeline__card {
    transition: transform 200ms ease, box-shadow 200ms ease;
}

.horizontal-snap-timeline__card:hover {
    transform: translateY(-0.25rem);
}

@media (min-width: 768px) {
    .horizontal-snap-timeline__slide {
        width: 20rem;
    }
}

.horizontal-snap-timeline__bar {
    height: 2px;
}

.horizontal-snap-timeline__progress {
    height: 2px;
    width: var(--horizontal-snap-timeline__progress, 0%);
}

.values-float-card__item {
    min-width: 280px;
    max-width: 360px;
}

.values-float-card__thumb {
    margin-top: -2.5rem;
    width: 5rem;
    height: 5rem;
}

.orbit-column-badge {
    width: 2.5rem;
    height: 2.5rem;
}

.orbit-column-panel {
    height: 700px;
}

.orbit-column-cloud-top {
    width: 24rem;
    height: 24rem;
}

.orbit-column-cloud-bottom {
    width: 20rem;
    height: 20rem;
}

.orbit-column-ring-main {
    width: 24rem;
    height: 24rem;
    animation-duration: 20s;
}

.orbit-column-ring-side {
    width: 20rem;
    height: 20rem;
    animation-duration: 30s;
    animation-direction: reverse;
}

.orbit-column-ring-tail {
    width: 22rem;
    height: 22rem;
    animation-duration: 25s;
}

.orbit-column-ring-main,
.orbit-column-ring-side,
.orbit-column-ring-tail {
    animation-name: orbit-column__spin;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

@keyframes orbit-column__spin {
    to { transform: rotate(360deg); }
}

/* team v23 — bento tiles */
.team-bento__item {
  position: relative;
  min-height: 15.625rem;
  height: 100%;
}

.team-bento__item--large {
  min-height: 21.875rem;
}

.team-bento__img {
  object-fit: cover;
  object-position: center;
}

.team-bento__shade {
  pointer-events: none;
}

.team-bento__blob {
  position: absolute;
  border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
  opacity: 0.05;
  pointer-events: none;
  z-index: 0;
}

.team-bento__blob--1 {
  width: 18rem;
  height: 18rem;
  top: -4rem;
  left: -4rem;
  background: var(--bs-primary);
  animation: team-bento-blob-morph 8s infinite;
}

.team-bento__blob--2 {
  width: 14rem;
  height: 14rem;
  bottom: -3rem;
  right: -3rem;
  background: var(--bs-primary);
  animation: team-bento-blob-morph 10s infinite 2s;
}

@keyframes team-bento-blob-morph {
  0%, 100% { border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%; }
  50% { border-radius: 70% 30% 30% 70% / 70% 70% 30% 30%; }
}

@media (min-width: 992px) {
  .team-bento__item--large {
    min-height: 21.875rem;
  }
}