/* Renova category cards: pink at rest, frosted translucent white on hover. */
.cats a.cat.dark{
	--rp-a:#ff5a78;--rp-b:#e0284d;--rp-c:#9e1631;
	background:rgba(255,255,255,.58)!important;
	-webkit-backdrop-filter:blur(18px) saturate(1.5);backdrop-filter:blur(18px) saturate(1.5);
	border:1px solid rgba(255,255,255,.18)!important;color:#fff;isolation:isolate;
	box-shadow:0 1px 0 rgba(255,255,255,.25) inset,0 26px 50px -30px rgba(212,42,76,.75)!important;
	transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s cubic-bezier(.2,.7,.2,1),border-color .45s,color .45s!important;
}
/* the pink layer, faded out on hover */
.cats a.cat.dark::after{
	content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;
	background:radial-gradient(120% 90% at 100% 0%,rgba(255,255,255,.22),transparent 55%),linear-gradient(150deg,var(--rp-a) 0%,var(--rp-b) 55%,var(--rp-c) 100%);
	opacity:1;transition:opacity .55s cubic-bezier(.2,.7,.2,1);
}
/* soft glow orb: white on pink at rest, pink inside the glass on hover */
.cats a.cat.dark::before{
	z-index:-2!important;right:-70px!important;bottom:-70px!important;width:260px!important;height:260px!important;
	background:radial-gradient(circle,rgba(255,77,109,.55),rgba(255,77,109,.18) 45%,transparent 70%)!important;
	opacity:1!important;transform:scale(1)!important;transition:transform .7s cubic-bezier(.2,.7,.2,1),opacity .5s!important;
}
.cats a.cat.dark > :not(.n):not(.mo-spot){position:relative;z-index:1}.cats a.cat.dark .n{z-index:1}
.cats a.cat.dark .mo-spot{z-index:0}
.cats a.cat.dark h3{color:#fff;transition:color .45s,transform .35s cubic-bezier(.2,.7,.2,1)}
.cats a.cat.dark p{color:rgba(255,255,255,.86)!important;transition:color .45s}
.cats a.cat.dark .n{color:rgba(255,255,255,.8)!important;transition:color .45s}
.cats a.cat.dark .pill{background:rgba(255,255,255,.2)!important;color:#fff!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);transition:background .45s,color .45s,box-shadow .45s}
.cats a.cat.dark .go{color:#fff!important;transition:color .45s}

/* hover: translucent frosted white */
.cats a.cat.dark:hover,.cats a.cat.dark:focus-visible{
	background:rgba(255,255,255,.62)!important;
	border-color:rgba(255,255,255,.95)!important;
	box-shadow:0 1px 0 #fff inset,0 0 0 1px rgba(255,77,109,.18),0 34px 70px -32px rgba(212,42,76,.45),0 10px 30px -18px rgba(20,24,28,.18)!important;
}
.cats a.cat.dark:hover::after,.cats a.cat.dark:focus-visible::after{opacity:0}
.cats a.cat.dark:hover::before{transform:scale(1.55)!important;opacity:.9!important}
.cats a.cat.dark:hover h3{color:#1c1f22}
.cats a.cat.dark:hover p{color:#5b6166!important}
.cats a.cat.dark:hover .n{color:#8a8f94!important}
.cats a.cat.dark:hover .pill{background:rgba(255,77,109,.12)!important;color:#d42a4c!important;box-shadow:inset 0 0 0 1px rgba(255,77,109,.25)}
.cats a.cat.dark:hover .go{color:#d42a4c!important}
@media (prefers-reduced-motion:reduce){.cats a.cat.dark,.cats a.cat.dark::after,.cats a.cat.dark::before{transition:none!important}}