/**
 * Liv Data — Custom UI Refinements
 *
 * All site-specific enhancements live here. No plugin files are touched.
 * Loaded after the theme's main CSS (priority 100) so these rules win cleanly.
 *
 * Structure:
 *  1. Design tokens (local overrides)
 *  2. Global — cards, sections, buttons, links
 *  3. Homepage
 *  4. Services page
 *  5. About page
 *  6. Insights page
 *  7. Contact page — layout + Gravity Forms complete restyle
 */

/* ─────────────────────────────────────────────────────────────────────────────
   1. DESIGN TOKENS — local overrides & additions
   ───────────────────────────────────────────────────────────────────────────── */
:root {
    /* Shadows — not defined in base theme */
    --ld-shadow-card: 0 2px 12px rgba(44, 6, 76, 0.08), 0 1px 3px rgba(44, 6, 76, 0.05);
    --ld-shadow-card-hover: 0 8px 32px rgba(44, 6, 76, 0.14), 0 2px 8px rgba(44, 6, 76, 0.07);
    --ld-shadow-form: 0 4px 24px rgba(44, 6, 76, 0.10), 0 1px 4px rgba(44, 6, 76, 0.06);
    --ld-shadow-input-focus: 0 0 0 3px rgba(102, 52, 144, 0.18);

    /* Transitions */
    --ld-transition: 0.22s ease;

    /* Form card background — white with a faint purple wash */
    --ld-form-bg: #ffffff;
    --ld-form-border: rgba(102, 52, 144, 0.15);

    /* Section accent strip */
    --ld-accent-strip: linear-gradient(135deg, var(--dst--primary-color2) 0%, var(--dst--primary-color1) 100%);
}


/* ─────────────────────────────────────────────────────────────────────────────
   2. GLOBAL — cards, sections, buttons, scroll behaviour
   ───────────────────────────────────────────────────────────────────────────── */

/* Cards — add depth and interactive feel */
.c-block,
.dst-card,
.wp-block-ds-blocks-c-card-item {
    transition: box-shadow var(--ld-transition), transform var(--ld-transition);
}

.c-block:hover,
.dst-card:hover {
    box-shadow: var(--ld-shadow-card-hover);
    transform: translateY(-2px);
}

/* Cards that already have a bg/border benefit from a resting shadow */
.c-block.has-bg,
.c-block.has-border,
.dst-card.has-bg,
.dst-card.has-border,
.dst-card.has-radius {
    box-shadow: var(--ld-shadow-card);
}

/* Horizontal cards on Services — ensure equal column alignment */
.is-horizontal .dst-card {
    align-items: flex-start;
}

/* Button — ensure consistent transition on all variants */
.c-btn {
    transition: background var(--ld-transition),
        color var(--ld-transition),
        border-color var(--ld-transition),
        box-shadow var(--ld-transition),
        transform var(--ld-transition);
}

.c-btn:hover {
    transform: translateY(-1px);
    box-shadow: 0 4px 16px rgba(44, 6, 76, 0.18);
}

.c-btn:active {
    transform: translateY(0);
    box-shadow: none;
}

/* Body background — keep consistent lavender tint across all pages */
body {
    background-color: var(--dst--secondary-color3, #e6e9f5);
}

/* Section dividers — very light rule between major sections */
.dst-wrapper+.dst-wrapper,
.wp-block-ds-blocks-dst-wrapper+.wp-block-ds-blocks-dst-wrapper {
    border-top: 1px solid var(--dst--border-color);
}

/* Testimonial / slider cards */
.dst-testimonial__item {
    box-shadow: var(--ld-shadow-card);
    transition: box-shadow var(--ld-transition);
}

.dst-testimonial__item:hover {
    box-shadow: var(--ld-shadow-card-hover);
}

/* Links in body copy — consistent underline on hover */
.is-wysiwyg a,
.entry-content a {
    text-decoration: underline;
    text-decoration-color: rgba(102, 52, 144, 0.35);
    text-underline-offset: 3px;
    transition: text-decoration-color var(--ld-transition);
}

.is-wysiwyg a:hover,
.entry-content a:hover {
    text-decoration-color: var(--dst--primary-color2);
}


/* ─────────────────────────────────────────────────────────────────────────────
   3. HOMEPAGE
   ───────────────────────────────────────────────────────────────────────────── */

/* Hero banner — tighten the text container for readability */
.home-hero .dst-banner__container {
    padding-block: 5rem;
}

/* Card grid on homepage — consistent card heights in row */
.home .dst-cards__grid .c-block {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.home .dst-cards__grid .c-block .c-block__body {
    flex: 1 1 auto;
}

/* Stats / marquee strip — slightly elevated */
.dst-marquee {
    box-shadow: inset 0 1px 0 var(--dst--border-color), inset 0 -1px 0 var(--dst--border-color);
}


/* ─────────────────────────────────────────────────────────────────────────────
   4. SERVICES PAGE
   ───────────────────────────────────────────────────────────────────────────── */

/* Service cards — consistent hover accent border */
.page-template-default .dst-cards__grid .c-block,
body.page-id-services .dst-cards__grid .c-block {
    border-bottom: 3px solid transparent;
    transition: border-color var(--ld-transition),
        box-shadow var(--ld-transition),
        transform var(--ld-transition);
}

.page-template-default .dst-cards__grid .c-block:hover,
body.page-id-services .dst-cards__grid .c-block:hover {
    border-bottom-color: var(--dst--primary-color2);
}

/* Icon containers in service cards */
.c-block__icon {
    transition: transform var(--ld-transition);
}

.c-block:hover .c-block__icon {
    transform: scale(1.08);
}


/* ─────────────────────────────────────────────────────────────────────────────
   5. ABOUT PAGE
   ───────────────────────────────────────────────────────────────────────────── */

/* Team member cards */
.c-team__item {
    box-shadow: var(--ld-shadow-card);
    transition: box-shadow var(--ld-transition), transform var(--ld-transition);
    border-radius: var(--dst--default-radius);
    overflow: hidden;
}

.c-team__item:hover {
    box-shadow: var(--ld-shadow-card-hover);
    transform: translateY(-3px);
}

/* Team bio scroll area — better scrollbar */
.c-team__details-bio {
    scrollbar-width: thin;
    scrollbar-color: var(--dst--primary-color3) transparent;
    padding-right: 0.5rem;
}

.c-team__details-bio::-webkit-scrollbar {
    width: 4px;
}

.c-team__details-bio::-webkit-scrollbar-track {
    background: transparent;
}

.c-team__details-bio::-webkit-scrollbar-thumb {
    background: var(--dst--primary-color3);
    border-radius: 2px;
}

/* Content2 blocks — image / text split */
.dst-content2__block {
    gap: clamp(2rem, 5vw, 5rem);
}


/* ─────────────────────────────────────────────────────────────────────────────
   6. INSIGHTS (BLOG) PAGE
   ───────────────────────────────────────────────────────────────────────────── */

/* Blog cards */
.dst-blog .c-block,
.archive .c-block {
    background-color: #ffffff;
    border-radius: var(--dst--default-radius);
    overflow: hidden;
    box-shadow: var(--ld-shadow-card);
}

/* Post category label */
.c-block__category,
.c-block__tag {
    font-size: 1.2rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--dst--primary-color2);
}

/* Read-more link */
.c-block__link,
.dst-blog .c-btn.-link {
    color: var(--dst--primary-color2);
    font-weight: 600;
}

.c-block__link:hover,
.dst-blog .c-btn.-link:hover {
    color: var(--dst--primary-color1);
}


/* ─────────────────────────────────────────────────────────────────────────────
   7. CONTACT PAGE — layout + Gravity Forms complete restyle
   ───────────────────────────────────────────────────────────────────────────── */

/* — 7a. Page layout — */

/* Form column card */
.l-form__form {
    background-color: var(--ld-form-bg) !important;
    border: 1px solid var(--ld-form-border);
    box-shadow: var(--ld-shadow-form);
    border-radius: var(--dst--default-radius) !important;
    padding: clamp(2rem, 4vw, 3.6rem) !important;
}

/* Info column */
.l-form__content {
    padding-top: 0.5rem;
}

/* — 7b. GF colour tokens — override the default blue with brand purple — */
#gform_wrapper_1,
#gform_wrapper_1[data-form-index="0"].gform-theme,
[data-parent-form="1_0"] {
    /* Brand primary (purple) replaces GF's default blue */
    --gf-color-primary: #663490;
    --gf-color-primary-rgb: 102, 52, 144;
    --gf-color-primary-contrast: #ffffff;
    --gf-color-primary-darker: #2c064c;
    --gf-color-primary-lighter: #b884e3;

    /* Control backgrounds — keep white */
    --gf-color-in-ctrl: #ffffff;
    --gf-color-in-ctrl-contrast: #2c064c;

    /* Slightly larger border radius to match site tokens */
    --gf-radius: 0.8rem;
    --gf-ctrl-border-radius: 0.8rem;

    /* Softer border */
    --gf-ctrl-border-color: rgba(102, 52, 144, 0.25);
    --gf-ctrl-border-width: 1.5px;
}

/* — 7c. Form heading — */
.gform_wrapper .gform_title {
    font-size: clamp(2rem, 3vw, 2.8rem);
    font-weight: 700;
    color: var(--dst--primary-color1);
    margin-bottom: 0.25em;
    line-height: 1.2;
}

.gform_wrapper .gform_description {
    color: color-mix(in srgb, var(--dst--primary-color1) 65%, transparent);
    margin-bottom: 1.5em;
    font-size: 1.6rem;
    line-height: 1.6;
}

.gform_wrapper .gform_required_legend {
    font-size: 1.6rem;
    color: color-mix(in srgb, var(--dst--primary-color1) 55%, transparent);
    margin-bottom: 1.5rem;
}

/* — 7d. Field grid layout — */
.gform_wrapper .gform_fields {
    row-gap: 1.6rem;
    column-gap: 2rem;
}

/* Half-width at ≥ tablet */
@media (min-width: 768px) {
    .gform_wrapper .gfield--width-half {
        grid-column: span 6;
    }

    .gform_wrapper .gfield--width-full {
        grid-column: span 12;
    }
}

/* Full-width on mobile */
@media (max-width: 767px) {
    .gform_wrapper .gfield {
        grid-column: 1 / -1 !important;
    }
}

/* — 7e. Labels — */
.gform_wrapper .gfield_label,
.gform_wrapper .gform-field-label {
    font-size: 2.1rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    color: var(--dst--primary-color1);
    margin-bottom: 0.5rem;
    display: block;
}

.gform_wrapper .gfield_required_asterisk {
    color: var(--dst--secondary-color9);
    margin-left: 0.2em;
    font-weight: 700;
}

/* — 7f. Inputs, textareas, selects — */
.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="number"],
.gform_wrapper input[type="password"],
.gform_wrapper textarea,
.gform_wrapper select {
    width: 100%;
    height: var(--dst--input-height, 5.2rem);
    padding-inline: 1.6rem;
    padding-block: 0;
    background-color: var(--dst--input-bg-color, #e6e9f5);
    color: var(--dst--input-color, #2c064c);
    border: 1.5px solid rgba(102, 52, 144, 0.25);
    border-radius: 0.8rem;
    font-size: var(--dst--input-fs, 1.6rem);
    font-family: var(--dst--font-primary, inherit);
    font-weight: 400;
    transition: border-color var(--ld-transition), box-shadow var(--ld-transition), background-color var(--ld-transition);
    outline: none;
    -webkit-appearance: none;
    appearance: none;
    font-size: 14px;
}

.gform_wrapper textarea {
    height: auto;
    min-height: 14rem;
    padding-block: 1.2rem;
    resize: vertical;
    line-height: 1.6;
}

/* Select — custom arrow */
.gform_wrapper select {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 7L11 1' stroke='%23663490' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 1.4rem center;
    background-size: 12px 8px;
    padding-right: 3.6rem;
    cursor: pointer;
}

/* Placeholder text */
.gform_wrapper input::placeholder,
.gform_wrapper textarea::placeholder {
    color: color-mix(in srgb, var(--dst--primary-color1) 40%, transparent);
    font-weight: 400;
}

/* Focus states */
.gform_wrapper input[type="text"]:focus,
.gform_wrapper input[type="email"]:focus,
.gform_wrapper input[type="tel"]:focus,
.gform_wrapper input[type="number"]:focus,
.gform_wrapper input[type="password"]:focus,
.gform_wrapper textarea:focus,
.gform_wrapper select:focus {
    border-color: var(--dst--primary-color2);
    background-color: #ffffff;
    box-shadow: var(--ld-shadow-input-focus);
}

/* Hover states */
.gform_wrapper input[type="text"]:hover:not(:focus),
.gform_wrapper input[type="email"]:hover:not(:focus),
.gform_wrapper input[type="tel"]:hover:not(:focus),
.gform_wrapper textarea:hover:not(:focus),
.gform_wrapper select:hover:not(:focus) {
    border-color: rgba(102, 52, 144, 0.45);
}

/* Autofill override */
.gform_wrapper input:-webkit-autofill,
.gform_wrapper input:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0 1000px var(--dst--input-bg-color, #e6e9f5) inset, var(--ld-shadow-input-focus);
    -webkit-text-fill-color: var(--dst--primary-color1);
    transition: background-color 5000s ease-in-out 0s;
}

/* — 7g. Radio buttons (Role field) — */
.gform_wrapper .gfield_radio {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem 2rem;
}

@media (max-width: 767px) {
    .gform_wrapper .gfield_radio {
        grid-template-columns: 1fr;
    }
}

.gform_wrapper .gfield_radio .gchoice {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    padding: 1rem 1.4rem;
    border: 1.5px solid rgba(102, 52, 144, 0.22);
    border-radius: 0.8rem;
    cursor: pointer;
    transition: border-color var(--ld-transition), background-color var(--ld-transition);
}

.gform_wrapper .gfield_radio .gchoice:hover {
    border-color: var(--dst--primary-color2);
    background-color: rgba(102, 52, 144, 0.04);
}

.gform_wrapper .gfield_radio .gchoice:has(input:checked) {
    border-color: var(--dst--primary-color2);
    background-color: rgba(102, 52, 144, 0.08);
}

.gform_wrapper .gfield_radio input[type="radio"] {
    width: 1.8rem;
    height: 1.8rem;
    min-width: 1.8rem;
    border: 1.5px solid rgba(102, 52, 144, 0.4);
    border-radius: 50%;
    appearance: none;
    -webkit-appearance: none;
    background: #fff;
    cursor: pointer;
    display: grid;
    place-content: center;
    transition: border-color var(--ld-transition), background-color var(--ld-transition);
}

.gform_wrapper .gfield_radio input[type="radio"]::before {
    content: "";
    width: 0.9rem;
    height: 0.9rem;
    border-radius: 50%;
    background: var(--dst--primary-color2);
    transform: scale(0);
    transition: transform 0.15s ease;
}

.gform_wrapper .gfield_radio input[type="radio"]:checked {
    border-color: var(--dst--primary-color2);
}

.gform_wrapper .gfield_radio input[type="radio"]:checked::before {
    transform: scale(1);
}

.gform_wrapper .gfield_radio label {
    font-size: 1.5rem;
    font-weight: 500;
    color: var(--dst--primary-color1);
    cursor: pointer;
    margin: 0;
}

/* — 7h. Consent checkbox — */
.gform_wrapper .ginput_container_consent {
    display: flex;
    align-items: flex-start;
    gap: 1.2rem;
    padding: 1.4rem 1.6rem;
    background: rgba(102, 52, 144, 0.04);
    border: 1px solid rgba(102, 52, 144, 0.15);
    border-radius: 0.8rem;
}

.gform_wrapper input[type="checkbox"] {
    width: 1.8rem;
    height: 1.8rem;
    min-width: 1.8rem;
    margin-top: 0.2rem;
    border: 1.5px solid rgba(102, 52, 144, 0.4);
    border-radius: 4px;
    appearance: none;
    -webkit-appearance: none;
    background: #fff;
    cursor: pointer;
    display: grid;
    place-content: center;
    transition: border-color var(--ld-transition), background-color var(--ld-transition);
}

.gform_wrapper input[type="checkbox"]::before {
    content: "";
    width: 1rem;
    height: 1rem;
    clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
    background: #fff;
    transform: scale(0);
    transition: transform 0.15s ease;
}

.gform_wrapper input[type="checkbox"]:checked {
    background: var(--dst--primary-color2);
    border-color: var(--dst--primary-color2);
}

.gform_wrapper input[type="checkbox"]:checked::before {
    transform: scale(1);
}

.gform_wrapper .gfield_consent_label,
.gform_wrapper .gfield_consent_description {
    font-size: 1.3rem;
    line-height: 1.6;
    color: color-mix(in srgb, var(--dst--primary-color1) 75%, transparent);
}

/* — 7i. Submit button — */
.gform_wrapper .gform_footer,
.gform_wrapper .gform_page_footer {
    margin-top: 2rem;
}

.gform_wrapper .gform_button,
.gform_wrapper .gform-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 1.5rem 3rem;
    background: var(--dst--primary-color2);
    color: #ffffff;
    border: none;
    border-radius: 0.8rem;
    font-size: 1.7rem;
    font-family: var(--dst--font-secondary, inherit);
    font-weight: 700;
    letter-spacing: 0.01em;
    cursor: pointer;
    transition: background var(--ld-transition),
        box-shadow var(--ld-transition),
        transform var(--ld-transition);
}

.gform_wrapper .gform_button:hover,
.gform_wrapper .gform-button:hover {
    background: var(--dst--primary-color1);
    box-shadow: 0 6px 24px rgba(44, 6, 76, 0.28);
    transform: translateY(-1px);
}

.gform_wrapper .gform_button:active,
.gform_wrapper .gform-button:active {
    transform: translateY(0);
    box-shadow: none;
}

/* — 7j. Validation states — */
.gform_wrapper .gfield_error input,
.gform_wrapper .gfield_error textarea,
.gform_wrapper .gfield_error select {
    border-color: var(--dst--secondary-color9) !important;
    background-color: rgba(218, 116, 123, 0.04) !important;
}

.gform_wrapper .gfield_error input:focus,
.gform_wrapper .gfield_error textarea:focus,
.gform_wrapper .gfield_error select:focus {
    box-shadow: 0 0 0 3px rgba(218, 116, 123, 0.2) !important;
}

.gform_wrapper .validation_message {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 1.3rem;
    font-weight: 500;
    color: var(--dst--secondary-color9);
    margin-top: 0.5rem;
}

.gform_wrapper .gform_validation_errors {
    border-radius: 0.8rem;
    padding: 1.4rem 1.8rem;
    font-size: 1.4rem;
}

.gform_confirmation_wrapper {
    border-radius: 1rem !important;
    padding: 2.4rem !important;
    font-size: 1.7rem;
}

/* — 7k. Section separator between field groups — */
.gform_wrapper .gfield--type-section .gsection_title {
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--dst--primary-color2);
    padding-bottom: 0.6rem;
    border-bottom: 2px solid rgba(102, 52, 144, 0.2);
    margin-bottom: 0.5rem;
}

/* — 7l. Field description text — */
.gform_wrapper .gfield_description {
    font-size: 1.3rem;
    color: color-mix(in srgb, var(--dst--primary-color1) 55%, transparent);
    margin-top: 0.4rem;
    line-height: 1.5;
}

/* — 7m. Contact info list (left column) — */
.contact-page .dst-list__link,
.page-template-contact .dst-list__link,
.page-template-page-contact .dst-list__link {
    text-decoration: none;
    font-weight: 500;
    transition: color var(--ld-transition);
}

.page-template-contact .dst-list__title a:hover,
.page-template-page-contact .dst-list__title a:hover {
    color: var(--dst--primary-color2);
}

/* Book a strategy session button — distinct from main CTA */
.page-template-contact .c-btn.button-alt-1,
.page-template-page-contact .c-btn.button-alt-1 {
    transition: background var(--ld-transition), color var(--ld-transition), box-shadow var(--ld-transition), transform var(--ld-transition);
}

.page-template-contact .c-btn.button-alt-1:hover,
.page-template-page-contact .c-btn.button-alt-1:hover {
    box-shadow: 0 4px 20px rgba(44, 6, 76, 0.15);
    transform: translateY(-1px);
}

/* — 7n. Footer form (newsletter in footer) — keep existing styles untouched */
.site-footer .gform_wrapper {
    /* Newsletter form uses different overrides — don't apply form-card styling */
    background: none;
    box-shadow: none;
    border: none;
    padding: 0;
}

#gform_wrapper_1 .gform_validation_errors {
    display: none;
}

#gform_wrapper_1 .gfield_validation_message {
    color: red
}

.c-heading .c-heading__title .-h2 {
    font-size: 28px;
}

/* ─────────────────────────────────────────────────────────────────────────────
   8. RESULTS & IMPACT — STAT CARDS
   ───────────────────────────────────────────────────────────────────────────── */

/* Breathing room inside the section */
.list-v1.list-counter {
    padding-block: clamp(1rem, 3vw, 2.5rem);
}

/* Grid gap */
.list-v1.list-counter .dst-list__grid {
    gap: clamp(1.4rem, 3vw, 2.4rem) !important;
}

/* Stat card — initial state (pre-animation) */
.list-v1.list-counter .dst-list__item {
    position: relative;
    background: rgba(255, 255, 255, 0.84);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    border-radius: 1.4rem;
    padding: clamp(2rem, 3vw, 3rem) 2rem 2.4rem;
    box-shadow: 0 4px 28px rgba(44, 6, 76, 0.10), 0 1px 4px rgba(44, 6, 76, 0.06);
    overflow: hidden;
    opacity: 0;
    transform: translateY(40px);
    transition: transform 0.32s ease, box-shadow 0.32s ease;
}

/* Gradient top accent bar */
.list-v1.list-counter .dst-list__item::before {
    content: '';
    position: absolute;
    inset: 0 0 auto 0;
    height: 3px;
    background: linear-gradient(90deg, #2c064c 0%, #663490 50%, #b884e3 100%);
    border-radius: 1.4rem 1.4rem 0 0;
}

/* Entrance: JS adds .ld-in when scrolled into view */
.list-v1.list-counter .dst-list__item.ld-in {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.65s cubic-bezier(0.22, 1, 0.36, 1),
                transform 0.65s cubic-bezier(0.22, 1, 0.36, 1),
                box-shadow 0.32s ease;
}

/* Hover lift (only apply after entrance so it doesn't override the animation) */
.list-v1.list-counter .dst-list__item.ld-in:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0 12px 44px rgba(44, 6, 76, 0.18), 0 3px 10px rgba(44, 6, 76, 0.09) !important;
}

/* Big metric number */
.list-v1.list-counter .dst-list__hero {
    font-size: clamp(4.8rem, 6.5vw, 8.4rem) !important;
    line-height: 1 !important;
    letter-spacing: -0.03em !important;
    color: #2c064c !important;
    padding-bottom: 1.2rem;
    margin: 0 !important;
}

/* Suffix unit (%, x, %+) — superscript in brand mid-purple */
.list-v1.list-counter .dst-list__hero mark {
    background: none !important;
    color: #663490 !important;
    font-size: 0.55em !important;
    font-weight: 800 !important;
    vertical-align: super !important;
    line-height: 1;
}

/* Thin rule between number and label */
.list-v1.list-counter .dst-list__content {
    border-top: 1px solid rgba(102, 52, 144, 0.18);
    padding-top: 1.2rem;
    margin-top: 0;
}

/* Metric label */
.list-v1.list-counter .dst-list__title {
    font-size: 1.4rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.07em !important;
    text-transform: uppercase !important;
    color: #663490 !important;
    line-height: 1.3 !important;
    margin: 0 !important;
}

/* Reduced motion — skip transforms, keep opacity fade */
@media (prefers-reduced-motion: reduce) {
    .list-v1.list-counter .dst-list__item {
        transform: none;
        transition: opacity 0.4s ease;
    }
    .list-v1.list-counter .dst-list__item.ld-in:hover {
        transform: none !important;
    }
}