*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:'Staatliches',sans-serif;font-weight:400;overflow-x:hidden;background-color:#212121}header{position:fixed;top:0;left:0;width:100vw;height:10vh;background-color:#fff00;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;z-index:1000}.burger{width:10vw;height:12px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer}.burger span{width:2vw;display:block;height:2px;background:#1e1e1e;border-radius:2px;transition:all 0.3s ease}.burger.active span:nth-child(1){transform:translateY(5px) rotate(45deg)}.burger.active span:nth-child(2){transform:translateY(-5px) rotate(-45deg)}.logo{flex:1;display:flex;justify-content:center;align-items:center;z-index:3}.logo img{height:4vw;width:auto;margin:auto}.order-btn{width:10vw;height:5vh;background-color:#212121;color:white;border:none;text-transform:uppercase;padding:.2rem 1.8rem;border-radius:10px;font-size:1.2rem;cursor:pointer;transition:background-color 0.3s ease;font-family:'Staatliches',sans-serif;font-weight:400;letter-spacing:.5px}.order-btn:hover{background-color:#ec6433}.overlay{position:fixed;top:0;left:-80vw;width:80vw;height:100vh;background-color:#ec6433;color:white;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:2rem;transition:left 0.4s ease;z-index:999}.overlay.active{left:0}.overlay a{text-decoration:none;color:white;font-size:5rem;line-height:.8;margin:1rem 0;transition:opacity 0.2s ease}.overlay a:hover{opacity:.8}.loader{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#212121;display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity 0.6s ease,visibility 0.6s ease}.loader.hidden{opacity:0;visibility:hidden}.loader::before{content:"";width:60px;height:60px;border:5px solid #ec6433;border-top:5px solid transparent;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hero{position:relative;width:100vw;height:100vh;background:url(WOKTHISWAY-SMJ-2025-47\ \(1\).jpg) center/cover no-repeat;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.hero::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(236,100,51,.6);z-index:1}.hero p{position:relative;z-index:2;font-size:15vw;text-transform:uppercase;text-align:center;margin:0;line-height:.9;color:white;opacity:0;transform:translateY(50px);animation:fadeUp 1s ease forwards}.hero p:nth-child(1){animation-delay:0.2s;color:transparent;-webkit-text-stroke:2px white}.hero p:nth-child(2){animation-delay:0.4s}.hero p:nth-child(3){animation-delay:0.6s;color:transparent;-webkit-text-stroke:2px white}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}.hero img.placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.8);z-index:3;width:30vw;height:auto;opacity:0;animation:popIn 1s ease forwards 1s}@keyframes popIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}100%{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(50px)}100%{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}100%{opacity:1;transform:translate(-50%,-50%) scale(1)}}.columns{display:flex;width:100vw;height:100vh;gap:10px}.column{flex:1;position:relative;display:flex;justify-content:center;align-items:center;text-align:center;overflow:hidden;padding:2vw;opacity:0;animation:fadeUp 1s ease forwards}.column:nth-child(1){animation-delay:0.2s}.column:nth-child(2){animation-delay:0.4s}.column:nth-child(3){animation-delay:0.6s}.column:first-child{background-color:#ec6433;color:white;font-size:5vw;line-height:.9;text-align:left;justify-content:flex-start;align-items:start}.column:first-child p{width:100%}.column:nth-child(2){background-image:url(paper-texture\ 1.png);background-size:cover;background-position:center;color:#fff;flex-direction:column;justify-content:center;position:relative}.menu-text{font-size:14vw;text-transform:uppercase;line-height:.8;position:relative;z-index:2;opacity:0;animation:fadeUp 1s ease forwards}.menu-text:nth-child(1){animation-delay:0.6s}.menu-text:nth-child(2){animation-delay:0.8s}.menu-text:nth-child(3){animation-delay:1s}.menu-text:nth-child(4){animation-delay:1.2s}.menu-text:nth-child(2),.menu-text:nth-child(3){color:transparent;-webkit-text-stroke:2px #fff}.menu-image{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;width:30vw;height:auto;opacity:0;animation:popIn 1s ease forwards 1.4s}.column:nth-child(3){background-color:#ec6433;flex-direction:column;justify-content:space-between;text-align:center;padding:3vw;font-size:7vw;line-height:.8;text-align:left;color:white}.column:nth-child(3){animation-delay:0.8s}.reward-image{width:200px;height:auto;align-self:center;opacity:0;animation:fadeUp 1s ease forwards 1.4s}.spacer{height:1vh}.divider-section{display:flex;align-items:center;justify-content:center;background:#212121;overflow:hidden;position:relative}.slider-wrapper{display:flex;animation:slide 20s linear infinite;white-space:nowrap}.divider-content{display:flex;align-items:center;gap:30px;font-family:'Staatliches',cursive;font-size:64px;letter-spacing:3px;color:white;padding:0 50px}.dot{width:12px;height:12px;background:white;border-radius:50%;flex-shrink:0}@keyframes slide{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@media (max-width:768px){.divider-content{font-size:32px;gap:20px}.dot{width:8px;height:8px}}.menusection{position:relative;width:100vw;height:100vh;background:url(paper-texture\ 1.png) center/cover no-repeat;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.menusection img.placeholder{position:absolute;top:40%;left:20%;transform:translate(-50%,-50%) scale(.8);z-index:3;width:30vw;height:auto;opacity:0;animation:popIn 1s ease forwards 1s}.content{display:flex;justify-content:center;align-items:flex-start;padding:20px 40px;gap:30px;flex-wrap:wrap}.menu-card{background:white;border-radius:0;box-shadow:8px 6px 4px -5px rgba(0,0,0,.23);-webkit-box-shadow:8px 6px 4px -5px rgba(0,0,0,.23);-moz-box-shadow:8px 6px 4px -5px rgba(0,0,0,.23);cursor:pointer;transition:transform 0.3s;transform:rotate(-2deg)}.menu-card:hover{transform:rotate(-2deg) scale(1.05)}.menu-card:nth-child(2){transform:rotate(1deg);margin-top:40px}.menu-card:nth-child(2):hover{transform:rotate(1deg) scale(1.05)}.menu-card:nth-child(3){transform:rotate(-1deg);margin-top:20px}.menu-card:nth-child(3):hover{transform:rotate(-1deg) scale(1.05)}.menu-card-small{width:250px;height:280px}.menu-card-medium{width:280px;height:250px}.menu-card-large{width:320px;height:400px}.cardoverlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.95);z-index:1000;justify-content:center;align-items:center}.overlay.active{display:flex}.overlay-content{position:relative;max-width:90%;max-height:90%;display:flex;justify-content:center;align-items:center}.overlay-image{max-width:100%;max-height:90vh;object-fit:contain;border-radius:10px;display:block}.close-overlay{position:fixed;top:20px;right:20px;background:rgba(0,0,0,.5);border:2px solid white;color:white;font-size:40px;cursor:pointer;padding:5px 15px;line-height:1;transition:all 0.2s;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center}.close-overlay:hover{background:rgba(255,255,255,.2);transform:scale(1.1)}@media (max-width:768px){.content{flex-direction:column;align-items:center}.food-image{width:220px;height:220px}.menu-card{width:90%!important;height:300px!important;max-width:350px}}@media (max-width:768px){header{height:60px}.logo img{height:38px}.order-btn{padding:.5rem 1rem;font-size:.9rem}.overlay a{font-size:1.5rem}.hero{flex-direction:row;justify-content:space-between;align-items:center}.hero h1{width:100%;font-size:16vw;transform:rotate(270deg) translateY(100px);transform-origin:center;animation:fadeUpMobile 1s ease forwards}@keyframes fadeUpMobile{to{opacity:1;transform:rotate(270deg) translateY(0)}}.hero img.placeholder{width:60vw;animation-delay:1s}.columns{flex-direction:column;gap:5px;height:auto}.column{height:33vh}.column:first-child{font-size:6vw}.menu-text{font-size:14vw}.column:nth-child(3){font-size:13vw}.menu-image,.reward-image{width:120px}}