/* intro v27 — Evangelion cascade: organic blob, wide banner, diagonal steps, slide-in L/R, word reveal */

/* Organic blob */
.intro-eva__blob {
    width: 24rem;
    height: 24rem;
    filter: blur(60px);
    opacity: 0.4;
    border-radius: 38% 62% 55% 45% / 55% 42% 58% 45%;
    animation: intro-eva-morph 12s ease-in-out infinite;
}
@keyframes intro-eva-morph {
    50% { border-radius: 55% 45% 42% 58% / 42% 58% 45% 55%; }
}

/* Single wide banner */
.intro-eva__banner-img {
    display: block;
    width: 100%;
    height: 12rem;
    object-fit: cover;
}
@media (min-width: 768px) {
    .intro-eva__banner-img { height: 16rem; }
}

/* Stepped diagonal cascade + asymmetric mixed sizes */
.intro-eva__row { margin-left: 0; }
.intro-eva__cell { max-width: 46rem; }
@media (min-width: 768px) {
    .intro-eva__row:nth-child(1) .intro-eva__cell { margin-left: 0;    max-width: 40rem; }
    .intro-eva__row:nth-child(2) .intro-eva__cell { margin-left: 3rem; max-width: 34rem; }
    .intro-eva__row:nth-child(3) .intro-eva__cell { margin-left: 6rem; max-width: 44rem; }
    .intro-eva__row:nth-child(4) .intro-eva__cell { margin-left: 9rem; max-width: 30rem; }
}

/* Slide-in from L / R on scroll — hidden only once JS arms it (no-JS content stays visible) */
.intro-eva.is-armed .intro-eva__row {
    opacity: 0;
    transition: opacity 560ms ease, transform 560ms ease;
}
.intro-eva.is-armed .intro-eva__row:nth-child(odd)  { transform: translateX(-2.5rem); }
.intro-eva.is-armed .intro-eva__row:nth-child(even) { transform: translateX(2.5rem); }
.intro-eva.is-armed .intro-eva__row.is-in { opacity: 1; transform: translateX(0); }

/* Letterpress-ish press using the element's own colour */
.intro-eva__press { text-shadow: 0 1px 0 currentColor; }

/* Word-by-word reveal */
.intro-eva__word { display: inline-block; }
.intro-eva.is-armed .intro-eva__word {
    opacity: 0;
    transform: translateY(0.6em);
    transition: opacity 420ms ease, transform 420ms ease;
}
.intro-eva.is-armed .intro-eva__reveal.is-in .intro-eva__word { opacity: 1; transform: translateY(0); }

@media (prefers-reduced-motion: reduce) {
    .intro-eva__blob { animation: none; }
    .intro-eva__row { opacity: 1; transform: none; }
    .intro-eva__word { opacity: 1; transform: none; }
}

.masonry-grid__card--hover:hover {
    transform: scale(1.05);
}

.masonry-grid__media--xl { height: 20rem; }
.masonry-grid__media--lg { height: 16rem; }
.masonry-grid__media--md { height: 18rem; }
.masonry-grid__media--sm { height: 15rem; }

.masonry-grid__img--zoom {
    transition: transform 0.5s ease;
}
.masonry-grid__card:hover .masonry-grid__img--zoom {
    transform: scale(1.1);
}

.masonry-grid__overlay--fade {
    opacity: 0;
    transition: opacity 0.3s ease;
}
.masonry-grid__card:hover .masonry-grid__overlay--fade {
    opacity: 1;
}

.masonry-grid__badge--fade {
    opacity: 0;
    transition: opacity 0.3s ease;
}
.masonry-grid__card:hover .masonry-grid__badge--fade {
    opacity: 1;
}

.masonry-grid__panel--slide {
    transform: translateY(100%);
    transition: transform 0.3s ease;
}
.masonry-grid__card:hover .masonry-grid__panel--slide {
    transform: translateY(0);
}

/* advantages reveal — chevron toggle button reset + rotation + decor orb (layout/motion only, no colors) */

.advantages-reveal__orb {
    width: 20rem;
    height: 20rem;
    bottom: -6rem;
    right: -6rem;
}

.advantages-reveal__trigger {
    cursor: pointer;
}

.advantages-reveal__chevron {
    transition: transform 0.25s ease;
}

.advantages-reveal__trigger.is-open .advantages-reveal__chevron {
    transform: rotate(180deg);
}

/* FAQ v3 — JS visibility hook */
.answers-solver-solution-tucked {
    display: none;
}

.answers-solver__icon-circle {
    width: 2rem;
    height: 2rem;
}

.answers-solver__piece--shift:hover { transform: scale(1.05); transition: transform .2s ease; }