/* intro v24 — Arctic scandinavian: orbit animation, blur-in reveal, colour-invert hover */

/* Orbit circle animation */
.intro-arc__orbit {
    width: 20rem;
    height: 20rem;
    animation: intro-arc-orbit 20s linear infinite;
}
.intro-arc__dot { width: 1rem; height: 1rem; margin-left: -0.5rem; }
@keyframes intro-arc-orbit {
    to { transform: rotate(360deg); }
}

/* Blur-in — hidden only once JS arms it (no-JS content stays visible) */
.intro-arc.is-armed .intro-arc__blur {
    filter: blur(8px);
    opacity: 0;
    transition: filter 560ms ease, opacity 560ms ease;
}
.intro-arc.is-armed .intro-arc__blur.is-in {
    filter: blur(0);
    opacity: 1;
}

/* Colour invert on hover: descendants inherit the row's hover text colour (keyword only, no colour value) */
.intro-arc__row:hover * {
    color: inherit;
}

@media (prefers-reduced-motion: reduce) {
    .intro-arc__orbit { animation: none; }
    .intro-arc__blur { filter: none; opacity: 1; }
}

.origin-image-hover {
    transition: transform 0.3s ease;
}

.origin-image-hover:hover {
    transform: scale(1.05);
}

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

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

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

/* Featured block: высота области фото на мобилке и растягивание в ряду md+ */
.split-feature-roster__hero-media {
    min-height: 16rem;
}

@media (min-width: 768px) {
    .split-feature-roster__hero-media {
        min-height: 20rem;
        height: 100%;
    }
}

/* Компактные аватарки в правой колонке */
.split-feature-roster__list-thumb {
    width: 5rem;
    height: 5rem;
}

.split-feature-roster__presence-chip {
    width: 1.25rem;
    height: 1.25rem;
}

.split-feature-roster__min-shrink {
  min-width: 0;
}


.nudge-beacon__section {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.nudge-beacon__prompt--glow:hover { transform: scale(1.05); transition: transform .2s ease; }

.nudge-beacon__cards-bs {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    width: 100%;
    justify-content: center;
    box-sizing: border-box;
}

.nudge-beacon__cards-bs > div {
    flex: 1 1 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

@media (min-width: 768px) {
    .nudge-beacon__cards-bs > div {
        flex: 1 1 calc((100% - 4rem) / 3);
        max-width: calc((100% - 4rem) / 3);
    }
}