/* tenet-orbit — layout, sizes, shapes and motion only (colours live in the template) */

.tenet-orbit__eyebrow,
.tenet-orbit__micro {
    letter-spacing: 0.2em;
}

.tenet-orbit__statement,
.tenet-orbit__figure {
    letter-spacing: -0.03em;
}

.tenet-orbit__micro {
    font-size: 0.75rem;
    line-height: 1rem;
}

.tenet-orbit__card,
.tenet-orbit__photo {
    min-height: 20rem;
}

.tenet-orbit__img {
    position: absolute;
    inset: 0;
    object-fit: cover;
}

.tenet-orbit__tick {
    width: 0.375rem;
    height: 0.375rem;
}

/* abstract orbit chart — decorative only */
.tenet-orbit__viz {
    width: 100%;
    max-width: 15rem;
    aspect-ratio: 1 / 1;
}

.tenet-orbit__ring,
.tenet-orbit__track {
    position: absolute;
}

.tenet-orbit__ring--outer,
.tenet-orbit__track--outer { inset: 2%; }

.tenet-orbit__ring--mid,
.tenet-orbit__track--mid { inset: 18%; }

.tenet-orbit__ring--inner,
.tenet-orbit__track--inner { inset: 33%; }

.tenet-orbit__track--outer { animation: tenet-orbit-spin 14s linear infinite; }
.tenet-orbit__track--mid { animation: tenet-orbit-spin 9s linear -3s infinite reverse; }
.tenet-orbit__track--inner { animation: tenet-orbit-spin 5.5s linear -3.6s infinite; }

.tenet-orbit__satellite {
    position: absolute;
    top: 0;
    left: 50%;
    width: 0.625rem;
    height: 0.625rem;
    margin: -0.3125rem 0 0 -0.3125rem;
}

.tenet-orbit__satellite--lg {
    width: 0.875rem;
    height: 0.875rem;
    margin: -0.4375rem 0 0 -0.4375rem;
}

.tenet-orbit__satellite--sm {
    width: 0.5rem;
    height: 0.5rem;
    margin: -0.25rem 0 0 -0.25rem;
}

.tenet-orbit__core {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1.75rem;
    height: 1.75rem;
    margin: -0.875rem 0 0 -0.875rem;
    animation: tenet-orbit-breathe 3.6s ease-in-out infinite;
}

@keyframes tenet-orbit-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@keyframes tenet-orbit-breathe {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.2); }
}

@media (prefers-reduced-motion: reduce) {
    .tenet-orbit__track,
    .tenet-orbit__core {
        animation: none;
    }
}

@media (min-width: 1024px) {
    .tenet-orbit__card,
    .tenet-orbit__photo {
        min-height: 24rem;
    }

    .tenet-orbit__viz {
        max-width: 18rem;
    }
}

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

/* values timeline v17 - layout/animation only, no colors */
.values-timeline__node {
    box-shadow: none;
}

.values-timeline__item {
    opacity: 1;
    transform: translateY(0);
}

.values-timeline__item.is-revealing {
    animation: values-timeline-fade-up 0.6s ease-out both;
}

@keyframes values-timeline-fade-up {
    from {
        opacity: 0;
        transform: translateY(24px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}