@layer components{.cnp-cat-showcase{padding-block:var(--cnp-space-2xl);background-color:var(--cnp-color-background-alt)}.cnp-cat-showcase__header{text-align:center;margin-block-end:var(--cnp-space-xl)}.cnp-cat-showcase__title{font-size:var(--cnp-font-size-2xl);color:var(--cnp-color-text);margin-block-end:var(--cnp-space-xs)}.cnp-cat-showcase__subtitle{font-size:var(--cnp-font-size-base);color:var(--cnp-color-text-light)}.cnp-cat-showcase__grid{list-style:none;display:grid;gap:var(--cnp-space-s);grid-template-columns:repeat(2,minmax(0,1fr))}@container (min-width:80rem){.cnp-cat-showcase__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--cnp-space-m)}}.cnp-cat-showcase__link{position:relative;display:block;border-radius:var(--cnp-radius-m);overflow:hidden;aspect-ratio:3 / 4;color:var(--cnp-color-background);box-shadow:0 .2rem .8rem rgb(0 0 0 / .12);transition:box-shadow var(--cnp-transition-base),transform var(--cnp-transition-base)}.cnp-cat-showcase__link:hover{box-shadow:0 .6rem 2rem rgb(0 0 0 / .22);transform:translateY(-.3rem);color:var(--cnp-color-background)}.cnp-cat-showcase__link:focus-visible{outline:3px solid var(--cnp-color-primary);outline-offset:3px}.cnp-cat-showcase__figure{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%;margin:0}.cnp-cat-showcase__img{inline-size:100%;block-size:100%;object-fit:cover;transition:transform var(--cnp-transition-slow,0.5s ease)}.cnp-cat-showcase__link:hover .cnp-cat-showcase__img{transform:scale(1.06)}.cnp-cat-showcase__overlay{position:absolute;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:100%;background:linear-gradient(to bottom,transparent 40%,rgb(0 0 0 / .2) 65%,rgb(0 0 0 / .72) 100%);transition:opacity var(--cnp-transition-base)}.cnp-cat-showcase__link:hover .cnp-cat-showcase__overlay{opacity:.85}.cnp-cat-showcase__caption{position:absolute;inset-block-end:0;inset-inline-start:0;inline-size:100%;padding-block:var(--cnp-space-m);padding-inline:var(--cnp-space-m);display:flex;flex-direction:column;gap:var(--cnp-space-3xs)}.cnp-cat-showcase__name{font-size:var(--cnp-font-size-lg);font-weight:var(--cnp-font-weight-bold);line-height:1.2;text-shadow:0 .1rem .4rem rgb(0 0 0 / .5)}.cnp-cat-showcase__count{font-size:var(--cnp-font-size-sm);opacity:.85;font-weight:var(--cnp-font-weight-medium)}}@layer utilities{@media (prefers-reduced-motion:reduce){.cnp-cat-showcase__link,.cnp-cat-showcase__img{transition-duration:0.01ms!important}.cnp-cat-showcase__link:hover{transform:none!important}.cnp-cat-showcase__link:hover .cnp-cat-showcase__img{transform:none!important}}}