/* intro v29 — Rolls-Royce thread: circle-expand reveal, half-ring, chat alignment, dual-layer parallax */

.intro-thread { min-height: 88vh; }

/* Clip-path circle expand from centre on load */
.intro-thread__reveal {
    animation: intro-thread-expand 900ms ease forwards;
}
@keyframes intro-thread-expand {
    from { clip-path: circle(0% at 50% 50%); }
    to   { clip-path: circle(150% at 50% 50%); }
}

/* Half-ring at the boundary (fixed size — no BS w-N/h-N utility) */
.intro-thread__half {
    width: 16rem;
    height: 8rem;
    opacity: 0.7;
    filter: blur(2px);
}
.intro-thread__sun { width: 6rem; height: 6rem; }
.intro-thread [data-msg] { max-width: 28rem; }

/* Dual-layer parallax offset (set by JS via custom props) */
.intro-thread__island [data-layer] {
    transition: transform 200ms ease-out;
    transform: translate(var(--px, 0), var(--py, 0));
}

/* Chat thread alternate alignment + retro corner tails */
.intro-thread [data-msg] { border-bottom-left-radius: 0.25rem; }
.intro-thread [data-msg]:nth-child(even) {
    margin-left: auto;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 0.25rem;
}

@media (prefers-reduced-motion: reduce) {
    .intro-thread__reveal { animation: none; }
    .intro-thread__island [data-layer] { transition: none; }
}

/* v17 - terminal timeline: neon grid backdrop via line borders (no colored bg images, no hex) */
.steps-terminal-timeline__grid-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    background-image:
        repeating-linear-gradient(to right, currentColor 0, currentColor 1px, transparent 1px, transparent 48px),
        repeating-linear-gradient(to bottom, currentColor 0, currentColor 1px, transparent 1px, transparent 48px);
    opacity: 0.06;
}

.steps-terminal-timeline__desc {
    min-height: 3em;
}

/* bs parity: Bootstrap has no pl-10 / -left-10 / w-4 h-4 / w-px equivalents,
   so exact offsets and sizes are expressed here in plain CSS (applies under
   both frameworks identically to the tw values already set). */
.console-rail__col {
    padding-left: 2.5rem;
}

.console-rail__row:last-child {
    margin-bottom: 0 !important;
}

.steps-terminal-timeline__line {
    width: 1px;
}

.steps-terminal-timeline__dot {
    position: absolute;
    left: -2.5rem;
    top: 0.25rem;
    width: 1rem;
    height: 1rem;
}

.tenet-terminal__grid {
    background-image:
        linear-gradient(currentColor 1px, transparent 1px),
        linear-gradient(90deg, currentColor 1px, transparent 1px);
    background-size: 32px 32px;
}

.tenet-terminal__dot {
    width: 0.75rem;
    height: 0.75rem;
}

.tenet-terminal__cursor {
    width: 0.5rem;
    height: 1rem;
    animation: tenet-terminal-blink 1s step-end infinite;
}

@keyframes tenet-terminal-blink {
    0%, 50% { opacity: 1; }
    50.01%, 100% { opacity: 0; }
}