/* Keep the accepted lift; let the existing palette gently flow inside it. */
@property --case-light-x{syntax:"<percentage>";inherits:false;initial-value:94%}
@property --case-light-y{syntax:"<percentage>";inherits:false;initial-value:12%}
@property --case-rich-x{syntax:"<percentage>";inherits:false;initial-value:12%}
@property --case-rich-y{syntax:"<percentage>";inherits:false;initial-value:98%}
.guide-v5 #catalog .case-surface{
 isolation:isolate;
 transform:translateY(0);
 transition:transform 340ms cubic-bezier(.2,.7,.2,1),box-shadow 340ms cubic-bezier(.2,.7,.2,1);
}
.guide-v5 #catalog .case-surface::before{
 content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
 border-radius:inherit;opacity:0;
 background:radial-gradient(ellipse at var(--case-light-x) var(--case-light-y),var(--tone-light) 0%,transparent 58%),radial-gradient(ellipse at var(--case-rich-x) var(--case-rich-y),var(--tone-rich) 0%,transparent 70%),var(--tone-base);
 transition:opacity 650ms ease;
 animation:case-color-flow 4.8s ease-in-out infinite paused;
}
.guide-v5 #catalog .case:hover .case-surface{box-shadow:inset 0 0 0 1px #1a332008}
@media(hover:hover) and (pointer:fine){
 .guide-v5 #catalog .case:is(:hover,:focus-visible) .case-surface{
  transform:translateY(-6px);
  box-shadow:inset 0 0 0 1px #1a332022,0 16px 28px -14px #18342338;
 }
 .guide-v5 #catalog .case:is(:hover,:focus-visible) .case-surface::before{
  opacity:1;animation-play-state:running;transition-duration:280ms;
 }
}
@keyframes case-color-flow{
 0%,100%{--case-light-x:94%;--case-light-y:12%;--case-rich-x:12%;--case-rich-y:98%}
 25%{--case-light-x:50%;--case-light-y:35%;--case-rich-x:65%;--case-rich-y:72%}
 50%{--case-light-x:72%;--case-light-y:78%;--case-rich-x:30%;--case-rich-y:30%}
 75%{--case-light-x:105%;--case-light-y:45%;--case-rich-x:-5%;--case-rich-y:60%}
}
@media(prefers-reduced-motion:reduce){
 .guide-v5 #catalog .case-surface{transition:none}
 .guide-v5 #catalog .case:is(:hover,:focus-visible) .case-surface{transform:none}
 .guide-v5 #catalog .case .case-surface::before{opacity:0;animation:none;transition:none}
}