.inner-page .inner-content.products-page-content {
    isolation: isolate;
    overflow: hidden;
    background: linear-gradient(170deg, #fafbf6, #eff3e9 50%, #e7eddf);
}

.products-page-content > [data-portfolio-reveal] {
    border-radius: inherit;
}

.products-page-content .portfolio-stage-motion {
    border-radius: inherit;
}

.products-page-content .portfolio-heading {
    width: 100%;
    grid-template-columns: minmax(0, 1fr);
    margin-inline: 0;
}

.products-page-content .portfolio-shell {
    min-width: 0;
}

/* Each series enters from its column's outer edge when it reaches the viewport. */
.products-page-content .portfolio-reveal-ready .portfolio-card.is-revealed {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    transition-property: opacity, transform, scale, box-shadow;
    transition-duration: .95s, .95s, .25s, .25s;
    transition-delay: var(--portfolio-reveal-delay, 0s), var(--portfolio-reveal-delay, 0s), 0s, 0s;
    transition-timing-function: cubic-bezier(.16,.72,.2,1), cubic-bezier(.16,.72,.2,1), ease, ease;
}
.products-page-content .portfolio-reveal-ready .portfolio-card:focus-visible {
    opacity: 1;
    transform: none;
}
@media (prefers-reduced-motion: reduce) {
    .products-page-content .portfolio-reveal-ready .portfolio-card { opacity: 1; transform: none; transition: none; }
}

.products-page-content article.portfolio-card--soil { scale: 1; transform-origin: right center; cursor: pointer; transition: scale .25s ease, box-shadow .25s ease; }
@media (hover: hover) {
    .products-page-content article.portfolio-card--soil:hover { z-index: 2; scale: 1.015; box-shadow: 0 12px 24px -12px rgba(25,58,39,.4); }
}
@media (prefers-reduced-motion: reduce) {
    .products-page-content article.portfolio-card--soil:hover { scale: 1; transition: none; }
}