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

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

.services-columns__list {
    columns: 1;
    margin: 0;
}
@media (min-width: 768px) {
    .services-columns__list {
        columns: 2;
        column-gap: 2.5rem;
    }
}

.services-columns__group {
    break-inside: avoid;
    margin-bottom: 2rem;
}

.services-columns__accent {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 2px;
    background-color: currentColor;
}

/* process feature — image ratios, list markers (no colors) */
.process-feature__hero-img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
}
.process-feature__side-img {
    aspect-ratio: 3 / 4;
    object-fit: cover;
    max-width: 18rem;
}
.process-feature__bullet {
    width: 0.375rem;
    height: 0.375rem;
    flex-shrink: 0;
}
.process-feature__index {
    min-width: 1.5rem;
}

/* layout / transitions only; colors stay in Blade */

.socialproof-card-hover {
    transition:
        box-shadow 0.4s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}

.socialproof__stat-value,
.socialproof__stat-label {
    transition: transform 0.3s ease, color 0.2s ease;
}

@media (hover: hover) {
    .socialproof-card-hover:hover {
        box-shadow: 0 22px 44px -18px rgba(15, 23, 42, 0.2);
    }

    .dark .socialproof-card-hover:hover {
        box-shadow: 0 22px 44px -14px rgba(0, 0, 0, 0.5);
    }

    .socialproof-card-hover:hover .socialproof__stat-value {
        transform: scale(1.08);
    }
}

@media (hover: hover) and (min-width: 640px) {
    .socialproof-card-hover--lift:hover {
        transform: translateY(-4px) scale(1.02);
    }
}

@media (prefers-reduced-motion: reduce) {
    .socialproof-card-hover,
    .socialproof__stat-value,
    .socialproof__stat-label {
        transition: none;
    }

    .socialproof-card-hover:hover,
    .socialproof-card-hover:hover .socialproof__stat-value,
    .socialproof-card-hover--lift:hover {
        transform: none;
    }
}

.socialproof__card {
    overflow: hidden;
    position: relative;
    cursor: default;
}

.socialproof__card:hover .socialproof__value {
    color: var(--color-primary-600, #4f46e5);
}

.socialproof__desc {
    transform: translateY(100%);
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
    transition-property: transform, opacity;
}

.socialproof__card:hover .socialproof__desc,
.socialproof__card:focus-within .socialproof__desc {
    transform: translateY(0);
    opacity: 1;
}

.socialproof__watermark {
    font-size: clamp(5rem, 15vw, 12rem);
    line-height: 1;
    font-weight: 900;
    user-select: none;
    pointer-events: none;
    opacity: 0.05;
}

/* stat value — font-black has no BS utility */
.socialproof__stat-value {
    font-weight: 900;
}

/* counter number — arbitrary size and tracking have no BS utilities */
.socialproof__counter {
    font-size: 0.65rem;
    letter-spacing: 0.2em;
}

/* accent line before h2 — fixed width, no BS w-12 utility */
.socialproof__header-line {
    width: 3rem;
    flex-shrink: 0;
    display: block;
}