/* v64: rule cards fan out like a hand of cards as you scroll in and out; on phones the deck sits right under the headline (no big gap, not stuck to the bottom) */
html.anim .rr-c{transform-origin:50% 135%;transition:transform .35s cubic-bezier(.2,.7,.2,1),opacity .35s;will-change:transform,opacity;pointer-events:none;
 transform:translate3d(calc(var(--d,0)*var(--fx,9%)*var(--f,1)),calc(var(--a,0)*var(--f,1)*7px),0) rotate(calc(var(--d,0)*6.5deg*var(--f,1))) scale(calc(1 - var(--a,0)*.045*var(--f,1)))!important;
 opacity:clamp(0,calc(1.7 - var(--a,0)*.5),1)!important;filter:none!important}
html.anim .rr-c.on{transform:translate3d(calc(var(--d,0)*var(--fx,9%)*var(--f,1)),calc(var(--a,0)*var(--f,1)*7px),0) rotate(calc(var(--d,0)*6.5deg*var(--f,1))) scale(calc(1 - var(--a,0)*.045*var(--f,1)))!important}
html.anim .rr-c{background:linear-gradient(150deg,hsla(var(--h,40),75%,55%,.30),rgba(12,9,6,.97) 70%),#0c0906!important}
html.anim .rr-c>*{opacity:clamp(0,calc(1.3 - var(--a,0)*1.7),1);transition:opacity .3s}
@media(max-width:760px){
 html.anim .rr{top:calc(var(--rrt,46) * 1svh);bottom:auto}
 html.anim .rr-c{--fx:11%}
 html.anim .rr-stack{height:min(210px,28svh)}
}
@media(prefers-reduced-motion:reduce){html.anim .rr-c{transition:none}}