/* =========================================================
   POMOSDA — SECTION 07 MOTION R3
   Motion-only polish. Base layout remains in pomosda-hero.css.
   ========================================================= */

.pomosda-testimonials-section--motion-r3 {
    isolation: isolate;
}

.pomosda-testimonials-section--motion-r3::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: 5%;
    left: 50%;
    width: min(760px, 70vw);
    aspect-ratio: 1.85;
    pointer-events: none;
    border-radius: 999px;
    background: radial-gradient(ellipse at center, rgba(255, 204, 0, 0.09), transparent 68%);
    transform: translateX(-50%);
    filter: blur(16px);
    opacity: 0.9;
}

.pomosda-testimonials-section--motion-r3 > * {
    position: relative;
    z-index: 1;
}

/* Final visual polish — center featured story gets a quiet emphasis. */
@media (min-width: 981px) {
    .pomosda-testimonials-section--motion-r3 .pomosda-testimonial-featured-card:nth-child(2) {
        border-color: rgba(255, 204, 0, 0.72);
        box-shadow:
            0 24px 54px rgba(0, 0, 0, 0.17),
            0 0 0 4px rgba(255, 204, 0, 0.055);
        transform: translateY(-10px);
    }
}

/* Enhancement state is enabled only after JS initializes. */
.pomosda-testimonials-section--motion-r3.section07-motion-ready [data-section07-reveal="header"] h2,
.pomosda-testimonials-section--motion-r3.section07-motion-ready [data-section07-reveal="header"] p,
.pomosda-testimonials-section--motion-r3.section07-motion-ready [data-section07-featured-card],
.pomosda-testimonials-section--motion-r3.section07-motion-ready [data-section07-reveal="wall-label"],
.pomosda-testimonials-section--motion-r3.section07-motion-ready [data-section07-marquee],
.pomosda-testimonials-section--motion-r3.section07-motion-ready [data-section07-reveal="footer"] {
    opacity: 0;
}

.pomosda-testimonials-section--motion-r3.section07-motion-ready [data-section07-reveal="header"] h2 {
    transform: translateY(26px);
    clip-path: inset(0 0 100% 0);
}

.pomosda-testimonials-section--motion-r3.section07-motion-ready [data-section07-reveal="header"] p {
    transform: translateY(18px);
}

.pomosda-testimonials-section--motion-r3.section07-motion-ready [data-section07-featured-card] {
    transform: translateY(30px) scale(0.965);
}

@media (min-width: 981px) {
    .pomosda-testimonials-section--motion-r3.section07-motion-ready [data-section07-featured-card]:first-child {
        transform: translate(-28px, 24px) rotate(-1.5deg) scale(0.965);
    }
    .pomosda-testimonials-section--motion-r3.section07-motion-ready [data-section07-featured-card]:nth-child(2) {
        transform: translateY(22px) scale(0.95);
    }
    .pomosda-testimonials-section--motion-r3.section07-motion-ready [data-section07-featured-card]:nth-child(3) {
        transform: translate(28px, 24px) rotate(1.5deg) scale(0.965);
    }
}

.pomosda-testimonials-section--motion-r3.section07-motion-ready [data-section07-reveal="wall-label"] {
    transform: translateY(14px);
}

.pomosda-testimonials-section--motion-r3.section07-motion-ready [data-section07-marquee] {
    clip-path: inset(0 100% 0 0);
    transform: translateX(-18px);
}

.pomosda-testimonials-section--motion-r3.section07-motion-ready [data-section07-marquee]:nth-child(2) {
    clip-path: inset(0 0 0 100%);
    transform: translateX(18px);
}

.pomosda-testimonials-section--motion-r3.section07-motion-ready [data-section07-reveal="footer"] {
    transform: translateY(18px) scale(0.97);
}

/* PLAY */
.pomosda-testimonials-section--motion-r3.section07-motion-ready.section07-is-playing [data-section07-reveal="header"] h2,
.pomosda-testimonials-section--motion-r3.section07-motion-ready.section07-is-complete [data-section07-reveal="header"] h2 {
    opacity: 1;
    transform: none;
    clip-path: inset(0 0 0 0);
    transition:
        opacity 720ms cubic-bezier(.22,.8,.26,1),
        transform 820ms cubic-bezier(.16,1,.3,1),
        clip-path 900ms cubic-bezier(.16,1,.3,1);
}

.pomosda-testimonials-section--motion-r3.section07-motion-ready.section07-is-playing [data-section07-reveal="header"] p,
.pomosda-testimonials-section--motion-r3.section07-motion-ready.section07-is-complete [data-section07-reveal="header"] p {
    opacity: 1;
    transform: none;
    transition: opacity 680ms ease 260ms, transform 720ms cubic-bezier(.16,1,.3,1) 260ms;
}

.pomosda-testimonials-section--motion-r3.section07-motion-ready.section07-is-playing [data-section07-featured-card],
.pomosda-testimonials-section--motion-r3.section07-motion-ready.section07-is-complete [data-section07-featured-card] {
    opacity: 1;
    transform: none;
    transition:
        opacity 660ms ease,
        transform 860ms cubic-bezier(.16,1,.3,1),
        box-shadow 240ms ease,
        border-color 240ms ease;
}

.pomosda-testimonials-section--motion-r3.section07-motion-ready.section07-is-playing [data-section07-featured-card]:nth-child(1) { transition-delay: 390ms, 390ms, 0ms, 0ms; }
.pomosda-testimonials-section--motion-r3.section07-motion-ready.section07-is-playing [data-section07-featured-card]:nth-child(2) { transition-delay: 520ms, 520ms, 0ms, 0ms; }
.pomosda-testimonials-section--motion-r3.section07-motion-ready.section07-is-playing [data-section07-featured-card]:nth-child(3) { transition-delay: 650ms, 650ms, 0ms, 0ms; }

@media (min-width: 981px) {
    .pomosda-testimonials-section--motion-r3.section07-motion-ready.section07-is-playing [data-section07-featured-card]:nth-child(2),
    .pomosda-testimonials-section--motion-r3.section07-motion-ready.section07-is-complete [data-section07-featured-card]:nth-child(2) {
        transform: translateY(-10px);
    }
}

.pomosda-testimonials-section--motion-r3.section07-motion-ready.section07-is-playing [data-section07-reveal="wall-label"],
.pomosda-testimonials-section--motion-r3.section07-motion-ready.section07-is-complete [data-section07-reveal="wall-label"] {
    opacity: 1;
    transform: none;
    transition: opacity 580ms ease 820ms, transform 680ms cubic-bezier(.16,1,.3,1) 820ms;
}

.pomosda-testimonials-section--motion-r3.section07-motion-ready.section07-is-playing [data-section07-marquee],
.pomosda-testimonials-section--motion-r3.section07-motion-ready.section07-is-complete [data-section07-marquee] {
    opacity: 1;
    clip-path: inset(0 0 0 0);
    transform: none;
    transition:
        opacity 720ms ease,
        clip-path 980ms cubic-bezier(.16,1,.3,1),
        transform 820ms cubic-bezier(.16,1,.3,1);
}

.pomosda-testimonials-section--motion-r3.section07-motion-ready.section07-is-playing [data-section07-marquee]:nth-child(1) { transition-delay: 980ms; }
.pomosda-testimonials-section--motion-r3.section07-motion-ready.section07-is-playing [data-section07-marquee]:nth-child(2) { transition-delay: 1120ms; }

.pomosda-testimonials-section--motion-r3.section07-motion-ready.section07-is-playing [data-section07-reveal="footer"],
.pomosda-testimonials-section--motion-r3.section07-motion-ready.section07-is-complete [data-section07-reveal="footer"] {
    opacity: 1;
    transform: none;
    transition: opacity 620ms ease 1320ms, transform 720ms cubic-bezier(.16,1,.3,1) 1320ms;
}

/* Dynamic center spotlight for moving cards. JS only updates three custom props. */
.pomosda-testimonials-section--motion-r3 .pomosda-testimonial-wall-card {
    transform: translateY(var(--section07-lift, 0px)) scale(var(--section07-scale, 1));
    opacity: var(--section07-card-opacity, 1);
    box-shadow:
        0 12px 28px rgba(0, 0, 0, 0.09),
        0 0 0 1px rgba(255, 204, 0, var(--section07-glow-alpha, 0));
    transition:
        box-shadow 180ms linear,
        opacity 180ms linear,
        filter 180ms linear;
    filter: saturate(var(--section07-saturation, 1));
    will-change: transform;
}

@media (hover: hover) and (pointer: fine) {
    .pomosda-testimonials-section--motion-r3 .pomosda-testimonial-featured-card:hover {
        z-index: 3;
        transform: translateY(-8px) scale(1.018);
        border-color: rgba(255, 204, 0, 0.72);
        box-shadow: 0 26px 58px rgba(0, 0, 0, 0.19);
    }

    .pomosda-testimonials-section--motion-r3 .pomosda-testimonial-featured-card:nth-child(2):hover {
        transform: translateY(-14px) scale(1.018);
    }

    .pomosda-testimonials-section--motion-r3 .pomosda-testimonial-wall-card:hover {
        --section07-scale: 1.035 !important;
        --section07-lift: -5px !important;
        --section07-card-opacity: 1 !important;
        --section07-saturation: 1.04 !important;
        box-shadow:
            0 18px 38px rgba(0, 0, 0, 0.16),
            0 0 0 2px rgba(255, 204, 0, 0.34);
    }

    .pomosda-testimonials-section--motion-r3 .pomosda-testimonials-section__cta {
        position: relative;
        overflow: hidden;
    }

    .pomosda-testimonials-section--motion-r3 .pomosda-testimonials-section__cta::after {
        content: "";
        position: absolute;
        top: -45%;
        left: -42%;
        width: 34%;
        height: 190%;
        background: linear-gradient(90deg, transparent, rgba(255,255,255,.58), transparent);
        transform: skewX(-18deg);
        transition: left 520ms ease;
    }

    .pomosda-testimonials-section--motion-r3 .pomosda-testimonials-section__cta:hover::after {
        left: 112%;
    }
}

/* Keyboard reading should pause the moving row as well. */
.pomosda-testimonials-section--motion-r3 .pomosda-testimonial-marquee:focus-within .pomosda-testimonial-marquee__track {
    animation-play-state: paused;
}

@media (max-width: 680px) {
    .pomosda-testimonials-section--motion-r3.section07-motion-ready [data-section07-featured-card] {
        transform: translateY(20px) scale(.985);
    }
    .pomosda-testimonials-section--motion-r3.section07-motion-ready [data-section07-marquee],
    .pomosda-testimonials-section--motion-r3.section07-motion-ready [data-section07-marquee]:nth-child(2) {
        clip-path: inset(0 0 0 0);
        transform: translateY(16px);
    }
    .pomosda-testimonials-section--motion-r3 .pomosda-testimonial-wall-card {
        --section07-scale: 1 !important;
        --section07-lift: 0px !important;
        --section07-card-opacity: 1 !important;
        --section07-saturation: 1 !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .pomosda-testimonials-section--motion-r3 *,
    .pomosda-testimonials-section--motion-r3 *::before,
    .pomosda-testimonials-section--motion-r3 *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.001ms !important;
        animation-duration: 0.001ms !important;
        animation-iteration-count: 1 !important;
    }

    .pomosda-testimonials-section--motion-r3 [data-section07-reveal="header"] h2,
    .pomosda-testimonials-section--motion-r3 [data-section07-reveal="header"] p,
    .pomosda-testimonials-section--motion-r3 [data-section07-featured-card],
    .pomosda-testimonials-section--motion-r3 [data-section07-reveal="wall-label"],
    .pomosda-testimonials-section--motion-r3 [data-section07-marquee],
    .pomosda-testimonials-section--motion-r3 [data-section07-reveal="footer"] {
        opacity: 1 !important;
        transform: none !important;
        clip-path: none !important;
    }
}