@property --bob{syntax:"<length>";inherits:false;initial-value:0}@keyframes bob{0%,to{--bob:-7px}50%{--bob:7px}}.hero-pastry{animation:4.2s ease-in-out infinite bob;animation-delay:var(--delay,0s);transform:translateY(calc((1 - var(--l,0)) * 75svh + var(--bob) * var(--l,0))) scale(calc(.55 + var(--l,0) * .45)) rotate(calc((1 - var(--l,0)) * var(--spin,20deg)));opacity:min(1, calc(var(--l,0) * 3));filter:drop-shadow(0 14px 18px #3c230f47);will-change:transform}.roller{will-change:transform;background:radial-gradient(90% 60% at 18% -5%,#ffd6a038,#0000 60%),radial-gradient(140% 90%,#0000 55%,#0000008c),repeating-linear-gradient(#6c737b 0,#7d848c 2px,#5c6269 7px,#474c52 13px,#34383d 18px,#1f2226 21px,#15171a 22px,#5e646b 23px),#3a3f45}.roller-rail{background:linear-gradient(#2a2d31,#121416);box-shadow:inset 0 -2px #ffffff14,0 18px 30px #0000008c}.roller-text{text-shadow:0 1px #0009,0 0 24px #ffd6a026}.night-grade{filter:brightness(calc(.36 + .64 * var(--d,0))) saturate(calc(.5 + .5 * var(--d,0))) contrast(calc(1.12 - .12 * var(--d,0)));will-change:filter}@media (prefers-reduced-motion:reduce){.hero-pastry{animation:none}}