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

.essence-card-hover {
    transition: transform 0.3s ease;
}

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

.classic-rail-timeline__line {
    width: 2px;
    left: 2rem;
}

@media (min-width: 768px) {
    .classic-rail-timeline__line {
        left: 50%;
        transform: translateX(-50%);
    }
}

.classic-rail-timeline__dot {
    width: 1rem;
    height: 1rem;
    left: 2rem;
    top: 50%;
    transform: translateY(-50%);
}

@media (min-width: 768px) {
    .classic-rail-timeline__dot {
        left: 50%;
        transform: translate(-50%, -50%);
    }
}

.classic-rail-timeline__content {
    margin-left: 5rem;
}

@media (min-width: 768px) {
    .classic-rail-timeline__content {
        margin-left: 0;
        width: 50%;
    }

    .classic-rail-timeline__content--start {
        padding-right: 2.5rem;
    }

    .classic-rail-timeline__content--end {
        padding-left: 2.5rem;
    }

    .classic-rail-timeline__row--reverse {
        flex-direction: row-reverse;
    }
}

/* values-storybook — zigzag alternation, organic blob shapes, hover motion */
/* Layout/transform/animation only — no colors here, theme colors applied via tw: */

@media (min-width: 768px) {
    .values-storybook__item:nth-child(even) {
        flex-direction: row-reverse;
    }
}

.values-storybook__blob-wrap {
    width: 8rem;
    height: 8rem;
    transition: transform 250ms ease;
}

@media (min-width: 640px) {
    .values-storybook__blob-wrap {
        width: 10rem;
        height: 10rem;
    }
}

.values-storybook__item:hover .values-storybook__blob-wrap {
    transform: scale(1.06);
}

.values-storybook__blob {
    position: absolute;
    inset: 0;
    border-radius: 42% 58% 63% 37% / 41% 44% 56% 59%;
}

.values-storybook__item:nth-child(even) .values-storybook__blob {
    border-radius: 58% 42% 37% 63% / 59% 56% 44% 41%;
}

.values-storybook__list {
    transition: transform 200ms ease;
}

.diagonal-zigzag-split__portrait {
    width: 8rem;
    height: 8rem;
}

.diagonal-zigzag-split__portrait--tilt-left {
    transform: rotate(-5deg);
}

.diagonal-zigzag-split__portrait--tilt-right {
    transform: rotate(5deg);
}

.diagonal-zigzag-split__portrait:hover {
    transform: rotate(0);
}

.diagonal-zigzag-split__beacon {
    width: 2rem;
    height: 2rem;
    bottom: -0.25rem;
    right: -0.25rem;
}

.diagonal-zigzag-split__beacon-dot {
    width: 0.75rem;
    height: 0.75rem;
}

.diagonal-zigzag-split__frame {
    width: 4rem;
    height: 4rem;
}

.diagonal-zigzag-split__frame--tl {
    top: 0;
    left: 0;
}

.diagonal-zigzag-split__frame--br {
    bottom: 0;
    right: 0;
}

.diagonal-zigzag-split__frame--rotate-45 {
    transform: rotate(45deg);
}

.diagonal-zigzag-split__frame--rotate-minus-45 {
    transform: rotate(-45deg);
}

.diagonal-zigzag-split__wash {
    width: 8rem;
}

.diagonal-zigzag-split__corner {
    width: 5rem;
    height: 5rem;
}

.diagonal-zigzag-split__min-shrink {
    min-width: 0;
}

@media (min-width: 768px) {
    .diagonal-zigzag-split__band--reverse {
        flex-direction: row-reverse;
    }

    .diagonal-zigzag-split__portrait {
        width: 10rem;
        height: 10rem;
    }
}

/* quote v11 — constellation layout, LED-style cards, CRT phosphor background */
/* All color values below are `currentColor` (inherited from the Tailwind/Bootstrap
   text-color utility on the same element) or plain theme-token utilities set in the
   template — no hex/rgb/hsl literals live here. */

.constellation-quote__phosphor {
    background-image: radial-gradient(circle at 50% 20%, currentColor, transparent 70%);
}

.constellation-quote__scanlines {
    background-image: repeating-linear-gradient(
        to bottom,
        currentColor 0,
        currentColor 1px,
        transparent 1px,
        transparent 4px
    );
    background-size: 100% 4px;
}

/* drifting noise-field blobs — layout/animation only, tint comes from the tw/bs bg utility */
.constellation-quote__blob {
    width: 18rem;
    height: 18rem;
    filter: blur(48px);
    animation: constellation-quote-drift 18s ease-in-out infinite;
}

.constellation-quote__blob--a {
    top: -4rem;
    left: -3rem;
    animation-delay: 0s;
}

.constellation-quote__blob--b {
    right: -3rem;
    bottom: -5rem;
    animation-delay: 6s;
}

.constellation-quote__blob--c {
    top: 38%;
    left: 55%;
    width: 14rem;
    height: 14rem;
    animation-delay: 12s;
}

@keyframes constellation-quote-drift {
    0%, 100% {
        transform: translate(0, 0) scale(1);
        opacity: .55;
    }
    50% {
        transform: translate(2rem, -1.5rem) scale(1.12);
        opacity: .9;
    }
}

/* geometric constellation accents (pentagon / octagon) */
.constellation-quote__shape {
    width: 3rem;
    height: 3rem;
}

.constellation-quote__shape--pentagon {
    top: 1.5rem;
    right: 8%;
    clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
}

.constellation-quote__shape--octagon {
    bottom: 2rem;
    left: 6%;
    width: 2.5rem;
    height: 2.5rem;
    clip-path: polygon(30% 0%, 70% 0%, 100% 30%, 100% 70%, 70% 100%, 30% 100%, 0% 70%, 0% 30%);
}

/* thin connecting lines between constellation nodes */
.constellation-quote__line {
    height: 1px;
}

.constellation-quote__line--a {
    top: 46%;
    left: 8%;
    width: 34%;
    transform: rotate(6deg);
}

.constellation-quote__line--b {
    top: 58%;
    right: 8%;
    width: 34%;
    transform: rotate(-8deg);
}

/* staggered node offsets for the constellation feel — margin (not transform) so grid gap stays intact */
.constellation-quote__col--2 {
    margin-top: 1.75rem;
}

.constellation-quote__col--3 {
    margin-top: 2.25rem;
}

.constellation-quote__col--4 {
    margin-top: 0.25rem;
}

.constellation-quote__card {
    min-height: 15rem;
    letter-spacing: .04em;
    transition: transform 200ms ease, box-shadow 200ms ease;
}

/* drag-to-reorder visual feedback — opacity only, no color change */
.constellation-quote__col.is-dragging {
    opacity: .4;
}

.constellation-quote__col.is-drop-target .constellation-quote__card {
    transform: scale(0.98);
}

@media (prefers-reduced-motion: reduce) {
    .constellation-quote__blob {
        animation: none;
    }
}
/* hover + focus affordances (layout/outline via theme token) */
@media (hover: hover) {
    .constellation-quote-root [role="listitem"]:hover,
    .constellation-quote-root article:hover,
    .constellation-quote-root [class*="constellation-quote__card"]:hover,
    .constellation-quote-root .constellation-quote__book:hover,
    .constellation-quote-root .constellation-quote__step:hover,
    .constellation-quote-root .constellation-quote__index-card:hover,
    .constellation-quote-root .constellation-quote__pill:hover,
    .constellation-quote-root .constellation-quote__item:hover {
        transform: translateY(-0.125rem);
    }
}

.constellation-quote-root [role="listitem"],
.constellation-quote-root article,
.constellation-quote-root [class*="constellation-quote__card"],
.constellation-quote-root .constellation-quote__book,
.constellation-quote-root .constellation-quote__step,
.constellation-quote-root .constellation-quote__index-card,
.constellation-quote-root .constellation-quote__pill {
    transition: transform 200ms ease;
}

.constellation-quote-root a:focus-visible,
.constellation-quote-root button:focus-visible,
.constellation-quote-root [tabindex="0"]:focus-visible,
.constellation-quote-root input:focus-visible,
.constellation-quote-root summary:focus-visible,
.constellation-quote-root [role="slider"]:focus-visible {
    outline: 2px solid var(--bs-primary);
    outline-offset: 2px;
}

@media (hover: hover) {
    .constellation-quote-root button:hover,
    .constellation-quote-root a:hover,
    .constellation-quote-root summary:hover {
        opacity: 0.92;
    }
}