@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@500;600;700&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap');
*{box-sizing:border-box}body{margin:0;background:#fbe5bc;font-family:"DM Sans",sans-serif}.intro-screen{position:fixed;inset:0;display:flex;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 34%,#fff8e7 0 23%,#fbe5bc 72%,#f2cf93 100%)}.intro-skip{position:absolute;z-index:4;top:18px;right:17px;border:0;border-radius:20px;padding:8px 12px;background:#11110fb8;color:#fff;font:600 12px "DM Sans";cursor:pointer}.intro-tray{position:absolute;bottom:-6px;width:min(95vw,560px);height:80px;border:4px solid #171713;border-radius:25px 25px 0 0;background:linear-gradient(#f8d431 0 68%,#e64729 68%);animation:introTray .7s cubic-bezier(.2,.9,.3,1) .15s both}.intro-food{position:absolute;z-index:1;filter:drop-shadow(0 11px 7px #6c3a172b);font-size:clamp(74px,22vw,138px);line-height:1}.intro-burger{left:4%;bottom:65px;animation:introBurger .75s cubic-bezier(.2,.9,.3,1) .35s both}.intro-fries{left:28%;bottom:61px;animation:introFries .75s cubic-bezier(.2,.9,.3,1) .52s both}.intro-drink{right:26%;bottom:66px;animation:introDrink .75s cubic-bezier(.2,.9,.3,1) .68s both}.intro-dog{right:3%;bottom:71px;animation:introDog .75s cubic-bezier(.2,.9,.3,1) .83s both}.spin-burger{position:absolute;z-index:3;top:39%;left:50%;font-size:clamp(90px,28vw,165px);line-height:1;filter:drop-shadow(0 16px 10px #5e371a35);opacity:0;transform-style:preserve-3d;animation:burgerSpin 1.05s cubic-bezier(.55,.02,.44,1) 1.8s 2 both}.intro-spark{position:absolute;z-index:2;color:#f8d431;font-size:45px;text-shadow:0 2px #1c1b16;opacity:0}.spark-one{left:13%;top:28%;animation:introSpark .55s ease 1.15s both}.spark-two{right:12%;top:22%;font-size:32px;animation:introSpark .55s ease 1.35s both}.intro-brand{position:absolute;z-index:3;top:12%;width:100%;display:grid;justify-items:center;text-align:center;opacity:0;animation:introBrand .65s cubic-bezier(.2,.9,.3,1) 1.45s both}.intro-brand img{width:94px;height:94px;object-fit:contain;filter:drop-shadow(0 6px 6px #00000030)}.intro-brand p{margin:8px 0 2px;color:#5a4a34;font-size:10px;font-weight:700;letter-spacing:.19em}.intro-brand h1{margin:0;color:#12120f;font-family:Fraunces,serif;font-size:clamp(34px,10vw,56px);line-height:.95}.intro-brand h1 em{color:#e64729;font-style:normal}.intro-brand span{margin-top:8px;padding:5px 9px;border-radius:7px;background:#11110f;color:#f8d431;font-size:9px;font-weight:700;letter-spacing:.14em}@keyframes introTray{from{transform:translateY(120px)}to{transform:translateY(0)}}@keyframes introBurger{from{opacity:0;transform:translate(-50px,180px) rotate(-25deg) scale(.55)}to{opacity:1;transform:rotate(-8deg) scale(1)}}@keyframes introFries{from{opacity:0;transform:translateY(190px) rotate(-15deg) scale(.55)}to{opacity:1;transform:rotate(5deg) scale(1)}}@keyframes introDrink{from{opacity:0;transform:translateY(200px) rotate(20deg) scale(.55)}to{opacity:1;transform:rotate(6deg) scale(1)}}@keyframes introDog{from{opacity:0;transform:translate(50px,180px) rotate(18deg) scale(.55)}to{opacity:1;transform:rotate(-10deg) scale(1)}}@keyframes introSpark{from{opacity:0;transform:scale(.2) rotate(-30deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes introBrand{from{opacity:0;transform:translateY(-22px) scale(.86)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes burgerSpin{0%{opacity:0;transform:translate(-50%,20px) rotateY(-110deg) scale(.5)}18%{opacity:1}50%{transform:translate(-50%,-6px) rotateY(180deg) scale(1.08)}100%{opacity:1;transform:translate(-50%,0) rotateY(360deg) scale(1)}}@media(prefers-reduced-motion:reduce){.intro-screen *{animation:none!important}.intro-brand,.intro-spark,.spin-burger{opacity:1}}