.intro-screen{position:fixed;z-index:100;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 18%,#d8f585 0,#9cdf87 36%,#39724c 120%);color:#173c29;text-align:center;transition:opacity .38s ease,visibility .38s ease}.intro-screen.intro-finished{opacity:0;visibility:hidden;pointer-events:none}.intro-eyebrow{font-size:11px;font-weight:900;letter-spacing:2.5px;margin:0 0 8px}.intro-screen h1{font-size:31px;letter-spacing:-1px;line-height:1.08;max-width:280px;margin:0}.intro-scene{position:relative;width:315px;height:390px;margin:8px 0 -10px}.intro-chef{position:absolute;z-index:2;width:245px;height:320px;object-fit:cover;object-position:center 28%;left:20px;bottom:0;border-radius:42px;filter:drop-shadow(0 16px 12px #183a273b);animation:chef-bob 1.35s ease-in-out infinite}.intro-pan{position:absolute;z-index:3;right:-2px;bottom:70px;font-size:82px;line-height:1;filter:drop-shadow(0 8px 6px #173c2940);animation:pan-toss .72s ease-in-out infinite}.intro-rice{position:absolute;left:29px;top:15px;font-size:35px;transform:rotate(-18deg);animation:rice-bounce .72s ease-in-out infinite}.rice-grain{position:absolute;z-index:4;font-size:31px;color:#fff4c7;font-weight:900;opacity:0}.grain-one{right:42px;bottom:160px;animation:grain-one .72s ease-in-out infinite}.grain-two{right:81px;bottom:178px;animation:grain-two .72s ease-in-out .13s infinite}.grain-three{right:12px;bottom:177px;animation:grain-three .72s ease-in-out .2s infinite}.intro-copy{font-size:14px;font-weight:650;color:#28533a;margin:0}.intro-steam{position:absolute;width:16px;height:58px;border:4px solid #fbffd7;border-color:#fbffd7 transparent transparent transparent;border-radius:50%;opacity:.6}.steam-one{top:17%;left:35%;animation:steam 1.8s ease-out infinite}.steam-two{top:14%;left:50%;animation:steam 1.8s ease-out .5s infinite}.steam-three{top:19%;left:63%;animation:steam 1.8s ease-out 1s infinite}@keyframes chef-bob{50%{transform:translateY(-5px) rotate(-1deg)}}@keyframes pan-toss{50%{transform:rotate(-13deg) translate(-8px,-9px)}}@keyframes rice-bounce{50%{transform:translate(5px,-12px) rotate(8deg)}}@keyframes grain-one{35%{opacity:1;transform:translate(-17px,-36px)}100%{opacity:0;transform:translate(-31px,2px)}}@keyframes grain-two{35%{opacity:1;transform:translate(-3px,-50px)}100%{opacity:0;transform:translate(-22px,1px)}}@keyframes grain-three{35%{opacity:1;transform:translate(10px,-32px)}100%{opacity:0;transform:translate(-14px,5px)}}@keyframes steam{0%{transform:translateY(10px) scale(.8);opacity:0}35%{opacity:.7}100%{transform:translateY(-42px) scale(1.15);opacity:0}}@media (prefers-reduced-motion:reduce){.intro-chef,.intro-pan,.intro-rice,.rice-grain,.intro-steam{animation:none}.intro-screen{transition:none}}