/* v20 — decorative large animated elements */
@keyframes glance-float {
    0%, 100% { transform: translateY(0) scale(1); }
    50% { transform: translateY(-12px) scale(1.02); }
}
@keyframes glance-pulse-slow {
    0%, 100% { opacity: 0.15; }
    50% { opacity: 0.25; }
}

.glance-float { animation: glance-float 6s ease-in-out infinite; animation-delay: 1s; }
.glance-float-reverse { animation: glance-float-reverse 8s ease-in-out infinite; animation-delay: 2s; }
.glance-pulse-slow { animation: glance-pulse-slow 4s ease-in-out infinite; }

.glance-orb-one {
    top: -2rem;
    left: -2rem;
    width: 16rem;
    height: 16rem;
    filter: blur(3rem);
}

.glance-orb-three {
    bottom: -3rem;
    left: 25%;
    width: 14rem;
    height: 14rem;
}

.glance-spin-orb {
    top: 1rem;
    right: 1rem;
    width: 8rem;
    height: 8rem;
    animation-duration: 25s;
}

.glance-orb-four {
    bottom: 2rem;
    left: -1rem;
    width: 6rem;
    height: 6rem;
    transform: rotate(12deg);
}

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

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

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

.neon-circuit-timeline__circuit-bg {
    background-image:
        repeating-linear-gradient(0deg, transparent, transparent 39px, currentColor 39px, currentColor 40px),
        repeating-linear-gradient(90deg, transparent, transparent 39px, currentColor 39px, currentColor 40px);
}

@keyframes neon-circuit-timeline__glow-pulse {
    0%, 100% { box-shadow: 0 0 4px 2px currentColor, 0 0 12px 4px currentColor; opacity: 1; }
    50% { box-shadow: 0 0 8px 4px currentColor, 0 0 24px 8px currentColor; opacity: 0.7; }
}

.neon-circuit-timeline__node-glow {
    animation: neon-circuit-timeline__glow-pulse 2.5s ease-in-out infinite;
}

@keyframes neon-circuit-timeline__ring-expand {
    0%, 100% { transform: scale(1); opacity: 0.4; }
    50% { transform: scale(1.4); opacity: 0; }
}

.neon-circuit-timeline__ring {
    animation: neon-circuit-timeline__ring-expand 2.5s ease-in-out infinite;
}

.neon-circuit-timeline__decor-left {
    top: 50%;
    left: 25%;
    transform: translateY(-50%);
    width: 16rem;
    height: 16rem;
}

.neon-circuit-timeline__decor-right {
    top: 50%;
    right: 25%;
    transform: translateY(-50%);
    width: 16rem;
    height: 16rem;
}

.neon-circuit-timeline__accent-line {
    height: 5rem;
    width: 1px;
}

.neon-circuit-timeline__node-wrap {
    z-index: 10;
}

.neon-circuit-timeline__node {
    width: 1rem;
    height: 1rem;
}

.neon-circuit-timeline__ring-size {
    width: 2rem;
    height: 2rem;
}

.neon-circuit-timeline__card-width {
    max-width: 11rem;
}

@media (min-width: 768px) {
    .neon-circuit-timeline__item--upper .neon-circuit-timeline__box,
    .neon-circuit-timeline__accent-line--first {
        order: -1;
    }

    .neon-circuit-timeline__item--lower .neon-circuit-timeline__box,
    .neon-circuit-timeline__accent-line--last {
        order: 1;
    }
}

.values-mission-panel__col {
    max-width: 24rem;
}

.values-mission-panel__thumb {
    width: 6rem;
    height: 6rem;
}

.values-mission-panel__card {
    max-width: 24rem;
}