/* intro v18 — Emigre clay: blurred photo, ECG draw, typewriter caret */

/* Blurred background photo, sharp panel sits over it */
.intro-clay [data-photo] {
    width: 66%;
    aspect-ratio: 4 / 3;
}
.intro-clay__img {
    object-fit: cover;
    filter: blur(5px) saturate(1.05);
    transform: scale(1.06);
}

/* Heartbeat / ECG line draw (stroke colour = currentColor from Tailwind text-*) */
.intro-clay__ecg-path {
    stroke-dasharray: 1400;
    stroke-dashoffset: 1400;
    animation: intro-clay-ecg 4s linear infinite;
}
@keyframes intro-clay-ecg {
    0%   { stroke-dashoffset: 1400; }
    60%  { stroke-dashoffset: 0; }
    100% { stroke-dashoffset: -1400; }
}

/* Typewriter caret while typing */
.intro-clay__type .is-typing {
    border-right: 2px solid currentColor;
    animation: intro-clay-caret 800ms step-end infinite;
}
@keyframes intro-clay-caret {
    50% { border-color: transparent; }
}

@media (prefers-reduced-motion: reduce) {
    .intro-clay__ecg-path { animation: none; stroke-dashoffset: 0; }
}

.services-sidebar__serif,
[data-serif] {
    font-family: Georgia, "Times New Roman", Times, serif;
}

.header-ui__box-10 {
    width: 2.5rem;
    height: 2.5rem;
    min-width: 2.5rem;
    min-height: 2.5rem;
    flex-shrink: 0;
}

/* v32 - wizard progress segment active-state layout (color handled by TW classes toggled in JS) */
.steps-wizard__segment {
    transition: transform 200ms ease;
    cursor: pointer;
    border: 0;
}

.steps-wizard__segment.is-active {
    transform: scaleY(1.6);
}

.steps-wizard__panel {
    animation: steps-wizard-fade-in 250ms ease;
}

@keyframes steps-wizard-fade-in {
    from {
        opacity: 0;
        transform: translateY(0.5rem);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* FAQ v8 — flip card states (no Tailwind in script) */
.primer-clarify-query-chapter.primer-clarify-prompt-latent {
    transform: translateY(-100%);
    opacity: 0;
}

.primer-clarify-query-chapter.primer-clarify-prompt-shown {
    transform: translateY(0);
    opacity: 1;
}

.primer-clarify-reply-chapter.primer-clarify-resolve-latent {
    transform: translateY(100%);
    opacity: 0;
}

.primer-clarify-reply-chapter.primer-clarify-resolve-shown {
    transform: translateY(0);
    opacity: 1;
}

.primer-clarify-query-chapter,
.primer-clarify-reply-chapter {
    transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out;
}

/* Card min-height for flip layout */
.primer-clarify__card-wrap { min-height: 20rem; }

/* Corner blob size */
.primer-clarify__corner-blob { width: 5rem; height: 5rem; }

/* Animation delays */
.primer-clarify__flare--delay-1 { animation-delay: 0.2s; }
.primer-clarify__flare--delay-2 { animation-delay: 0.4s; }
.primer-clarify__flare--delay-3 { animation-delay: 0.8s; }
.primer-clarify__flare--delay-4 { animation-delay: 1s; }
.primer-clarify__flare--delay-5 { animation-delay: 1.2s; }
.primer-clarify__flare--delay-6 { animation-delay: 1.5s; }
.primer-clarify__flare--delay-7 { animation-delay: 2s; }

/* Cluster positions */
.primer-clarify__cluster-a { top: 3rem; left: 2rem; transform: rotate(45deg); }
.primer-clarify__cluster-b { top: 33%; right: 3rem; transform: rotate(-12deg); }
.primer-clarify__cluster-c { bottom: 4rem; left: 25%; transform: rotate(12deg); }

/* Standalone dot positions */
.primer-clarify__dot-a { top: 5rem; right: 5rem; width: 0.5rem; height: 0.5rem; }
.primer-clarify__dot-b { bottom: 6rem; right: 33%; width: 0.75rem; height: 0.75rem; }

/* Inner cluster child positions */
.primer-clarify__inner-a { top: 1rem; left: 1rem; width: 0.75rem; height: 0.75rem; }
.primer-clarify__inner-b { top: 2rem; left: 2rem; width: 0.5rem; height: 0.5rem; }
.primer-clarify__inner-c { top: 1.5rem; left: 1.5rem; width: 0.5rem; height: 0.5rem; }
.primer-clarify__inner-d { top: 3rem; left: 3rem; width: 1rem; height: 1rem; }
.primer-clarify__inner-e { top: 0.75rem; left: 0.75rem; width: 0.75rem; height: 0.75rem; }

/* Decorative lines */
.primer-clarify__line-a { top: 0.25rem; left: 0.25rem; width: 3rem; height: 0.125rem; }
.primer-clarify__line-b { top: 1.25rem; left: 1.25rem; width: 2rem; height: 0.125rem; }
.primer-clarify__line-c { top: 0.75rem; left: 0.75rem; width: 4rem; height: 0.125rem; }
.primer-clarify__line-d { top: 0.25rem; left: 0.25rem; width: 2.5rem; height: 0.125rem; }

@keyframes primer-clarify-flare-ping-cycle {
    75%, 100% { transform: scale(2); opacity: 0; }
}
.primer-clarify__flare--ping {
    animation: primer-clarify-flare-ping-cycle 1s cubic-bezier(0,0,.2,1) infinite;
}

@keyframes primer-clarify-flare-throb-cycle {
    0%, 100% { opacity: 1; }
    50%       { opacity: .5; }
}
.primer-clarify__flare--throb {
    animation: primer-clarify-flare-throb-cycle 2s cubic-bezier(.4,0,.6,1) infinite;
}

@keyframes primer-clarify-flare-rebound-cycle {
    0%, 100% { transform: translateY(0); animation-timing-function: cubic-bezier(.8,0,1,1); }
    50%       { transform: translateY(-25%); animation-timing-function: cubic-bezier(0,0,.2,1); }
}
.primer-clarify__flare--rebound {
    animation: primer-clarify-flare-rebound-cycle 1s infinite;
}

.primer-clarify__flare--lift:hover { transform: scale(1.5); transition: transform .2s ease; }

.primer-clarify__control--lift:hover { transform: scale(1.05); transition: transform .2s ease; }