@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800;900&family=Permanent+Marker&display=swap";:root{--color-sunset-orange: #ff5e3a;--color-faded-red: #e63946;--color-mustard-yellow: #f4a261;--color-cream: #fdfcdc;--color-black: #111111;--color-teal: #2a9d8f;--font-primary: "Outfit", sans-serif;--font-display: "Permanent Marker", cursive;--transition-fast: .2s ease;--transition-smooth: .4s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-primary);background-color:var(--color-cream);color:var(--color-black);overflow-x:hidden;background-image:radial-gradient(var(--color-mustard-yellow) 1px,transparent 1px);background-size:20px 20px;background-position:0 0;background-color:#fdfcdcf2;background-blend-mode:overlay}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);text-transform:uppercase}a{text-decoration:none;color:inherit}ul{list-style:none}.btn{display:inline-block;padding:12px 32px;font-family:var(--font-display);font-size:1.2rem;text-transform:uppercase;background-color:var(--color-sunset-orange);color:var(--color-black);border:3px solid var(--color-black);cursor:pointer;transition:var(--transition-fast);box-shadow:4px 4px 0 var(--color-black);position:relative;overflow:hidden;z-index:1}.btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--color-black);background-color:var(--color-mustard-yellow)}.btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--color-black)}.btn-secondary{background-color:var(--color-teal);color:#fff}.btn-secondary:hover{background-color:var(--color-faded-red)}.torn-top,.torn-bottom{position:relative}.sticker{display:inline-block;background-color:#fff;border:4px solid var(--color-black);border-radius:50%;padding:10px;font-family:var(--font-display);transform:rotate(-5deg);box-shadow:3px 3px #0003}.section-title{font-size:4rem;text-align:center;margin-bottom:3rem;color:var(--color-faded-red);text-shadow:3px 3px 0px var(--color-black),6px 6px 0px var(--color-mustard-yellow);letter-spacing:2px}.container{max-width:1200px;margin:0 auto;padding:0 2rem}@keyframes float{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(2deg)}to{transform:translateY(0) rotate(0)}}@keyframes ticker{0%{transform:translate(100%)}to{transform:translate(-100%)}}.navbar{background-color:var(--color-mustard-yellow);padding:1.5rem 0;position:sticky;top:0;z-index:100;border-bottom:5px solid var(--color-black)}.nav-container{display:flex;justify-content:space-between;align-items:center}.logo h2{font-size:2.5rem;color:var(--color-faded-red);text-shadow:2px 2px 0px var(--color-black);margin:0}.nav-links{display:flex;gap:2rem}.nav-links a{font-family:var(--font-display);font-size:1.2rem;text-transform:uppercase;font-weight:700;transition:var(--transition-fast)}.nav-links a:hover{color:var(--color-sunset-orange);text-shadow:1px 1px 0px var(--color-black)}.hero{background-color:var(--color-teal);min-height:80vh;display:flex;align-items:center;justify-content:space-between;padding:4rem 2rem;overflow:hidden;position:relative}.hero-content{flex:1;max-width:600px;z-index:2}.hero-sticker{font-size:1.5rem;color:var(--color-sunset-orange);margin-bottom:1rem;animation:float 4s ease-in-out infinite}.hero-title{font-size:6rem;line-height:1;color:var(--color-cream);text-shadow:4px 4px 0px var(--color-black),8px 8px 0px var(--color-faded-red);margin-bottom:1.5rem}.hero-title .highlight{color:var(--color-mustard-yellow)}.hero-tagline{font-size:1.5rem;font-weight:600;margin-bottom:2.5rem;line-height:1.4;background-color:var(--color-black);color:var(--color-cream);padding:1rem;display:inline-block;transform:rotate(-1deg)}.hero-actions{display:flex;gap:1.5rem}.hero-image-wrapper{flex:1;position:relative;display:flex;justify-content:center;align-items:center}.hero-img{max-width:100%;height:auto;border:8px solid var(--color-cream);border-radius:10px;box-shadow:15px 15px 0 var(--color-black);transform:rotate(2deg);transition:var(--transition-smooth)}.hero-img:hover{transform:rotate(0) scale(1.02)}.logo-sticker{position:absolute;bottom:-40px;right:-20px;width:150px;animation:float 5s ease-in-out infinite reverse}.about{background-color:var(--color-cream);padding:6rem 0;position:relative}.about-container{display:flex;align-items:center;gap:4rem}.about-collage{flex:1;position:relative}.newspaper-card{background-color:#fff;padding:2rem;border:2px solid var(--color-black);box-shadow:8px 8px #0000001a;position:relative}.newspaper-card:before{content:"";position:absolute;top:-5px;bottom:-5px;left:-5px;right:-5px;border:1px dashed var(--color-black);pointer-events:none}.main-card{transform:rotate(-3deg);z-index:2;background-color:#fcfcfc;background-image:repeating-linear-gradient(transparent,transparent 24px,#ccc 25px);background-position:0 10px}.card-headline{font-size:2rem;margin-bottom:1rem;color:var(--color-black);background:#fff;display:inline-block;padding:0 5px}.image-card{position:absolute;bottom:-40px;right:-20px;transform:rotate(5deg);z-index:1;padding:10px;background:#fff}.image-card img{width:200px;height:200px;object-fit:cover;filter:grayscale(20%) contrast(120%)}.about-sticker{position:absolute;top:-20px;left:-20px;z-index:3;color:var(--color-teal);font-size:1.2rem;border-color:var(--color-teal)}.about-text{flex:1}.large-text{font-size:1.5rem;font-weight:800;margin-bottom:1.5rem;color:var(--color-sunset-orange)}.menu{background-color:var(--color-faded-red);padding:6rem 0;color:#fff}.menu .section-title{color:var(--color-cream);text-shadow:3px 3px 0px var(--color-black),6px 6px 0px var(--color-teal)}.menu-categories{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;margin-bottom:3rem}.cat-btn{background-color:#fff;padding:8px 24px;font-size:1rem}.cat-btn.active,.cat-btn:hover{background-color:var(--color-mustard-yellow)}.menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.menu-card{background-color:var(--color-cream);color:var(--color-black);border:4px solid var(--color-black);position:relative;transition:var(--transition-fast);cursor:pointer;box-shadow:6px 6px #00000080;display:flex;flex-direction:column}.menu-card:hover{transform:translateY(-5px);box-shadow:10px 10px 0 var(--color-black)}.featured-badge{position:absolute;top:-15px;right:-15px;background-color:var(--color-sunset-orange);color:var(--color-black);padding:5px 10px;font-family:var(--font-display);border:2px solid var(--color-black);transform:rotate(10deg);z-index:2;box-shadow:2px 2px 0 var(--color-black)}.menu-img-wrapper{height:200px;overflow:hidden;border-bottom:4px solid var(--color-black)}.menu-img-wrapper img{width:100%;height:100%;object-fit:cover;transition:var(--transition-smooth)}.menu-card:hover .menu-img-wrapper img{transform:scale(1.1)}.menu-details{padding:1.5rem;flex:1;display:flex;flex-direction:column}.menu-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;border-bottom:2px dashed var(--color-black);padding-bottom:.5rem}.menu-name{font-size:1.5rem;max-width:70%}.menu-price{font-family:var(--font-display);font-size:1.5rem;color:var(--color-teal)}.menu-desc{font-size:1rem;color:#333}.services{background-color:var(--color-teal);padding:6rem 0}.services .section-title{color:var(--color-mustard-yellow);text-shadow:3px 3px 0px var(--color-black),6px 6px 0px var(--color-cream)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.service-block{background-color:var(--color-cream);padding:2rem;border:4px solid var(--color-black);position:relative;transition:var(--transition-fast)}.service-block:hover{transform:scale(1.05)}.block-0{transform:rotate(-2deg);background-color:#fff}.block-1{transform:rotate(1deg);background-color:var(--color-mustard-yellow)}.block-2{transform:rotate(2deg);background-color:#fdfcdc}.block-3{transform:rotate(-1deg);background-color:var(--color-faded-red);color:#fff}.service-icon-sticker{position:absolute;top:-20px;right:-10px;font-size:2rem;background:#fff;border:2px solid var(--color-black);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;box-shadow:2px 2px 0 var(--color-black);transform:rotate(15deg)}.service-block h3{font-size:1.5rem;margin-bottom:1rem;border-bottom:2px solid currentColor;padding-bottom:.5rem}.schedule{background-color:var(--color-mustard-yellow);padding:6rem 0;display:flex;justify-content:center}.schedule-poster{max-width:800px;margin:0 auto;background-color:#fff;border:5px solid var(--color-black);box-shadow:15px 15px #000c;padding:2rem;position:relative;background-image:repeating-linear-gradient(45deg,#f0f0f0 25%,transparent 25%,transparent 75%,#f0f0f0 75%,#f0f0f0),repeating-linear-gradient(45deg,#f0f0f0 25%,transparent 25%,transparent 75%,#f0f0f0 75%,#f0f0f0);background-position:0 0,10px 10px;background-size:20px 20px;transform:rotate(-1deg)}.poster-header{text-align:center;border-bottom:4px solid var(--color-black);padding-bottom:1rem;margin-bottom:2rem;background:var(--color-sunset-orange);color:var(--color-black);padding:1rem}.poster-header h2{font-size:3rem;margin:0}.poster-header p{font-weight:800;font-size:1.2rem;letter-spacing:5px}.schedule-row{display:flex;border-bottom:2px dashed var(--color-black);padding:1rem 0;background:#fff;margin-bottom:10px;border:2px solid var(--color-black);box-shadow:3px 3px 0 var(--color-black)}.schedule-day{width:150px;font-family:var(--font-display);font-size:1.5rem;padding-left:1rem;color:var(--color-faded-red)}.schedule-info{flex:1;padding-right:1rem}.schedule-time{font-weight:700;font-size:1.2rem}.schedule-location{color:#444}.schedule-note{display:inline-block;background-color:var(--color-teal);color:#fff;padding:2px 8px;font-size:.8rem;margin-top:5px;text-transform:uppercase;font-weight:700}.poster-sticker{position:absolute;top:-20px;right:-20px;background-color:var(--color-teal);color:#fff;transform:rotate(15deg);font-size:1.5rem}.contact{background-color:var(--color-cream);padding:6rem 0}.contact-container{display:flex;gap:4rem;align-items:flex-start}.contact-info{flex:1}.contact-desc{font-size:1.2rem;margin-bottom:2rem}.info-block{margin-bottom:1.5rem}.info-block h3{font-size:1.2rem;color:var(--color-teal);margin-bottom:.2rem}.info-block p{font-size:1.5rem;font-weight:700}.map-container{width:100%;height:250px;background-color:#ddd;border:4px solid var(--color-black);margin-top:2rem;box-shadow:4px 4px #000;overflow:hidden}.contact-form-wrapper{flex:1;background-color:var(--color-sunset-orange);padding:2rem;border:5px solid var(--color-black);box-shadow:10px 10px 0 var(--color-black);transform:rotate(1deg)}.contact-form h3{font-size:2rem;margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:1rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;font-family:var(--font-primary);font-size:1rem;border:2px solid var(--color-black);background:#fff;transition:var(--transition-fast)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;box-shadow:4px 4px 0 var(--color-black);transform:translate(-2px,-2px)}.btn-submit{width:100%;background-color:var(--color-mustard-yellow)}.footer{background-color:var(--color-black);color:var(--color-cream);padding:4rem 0 1rem}.footer-container{display:flex;justify-content:space-between;flex-wrap:wrap;gap:2rem;margin-bottom:3rem}.footer-brand h2{font-size:2.5rem;color:var(--color-sunset-orange);margin-bottom:.5rem}.footer-brand p{font-size:1.1rem;color:#ccc}.footer-links h3,.footer-social h3{font-family:var(--font-display);font-size:1.5rem;color:var(--color-mustard-yellow);margin-bottom:1rem}.footer-links ul li{margin-bottom:.5rem}.footer-links a{transition:var(--transition-fast)}.footer-links a:hover{color:var(--color-teal);text-decoration:underline}.social-icons{display:flex;gap:1rem}.social-icon{display:inline-block;width:40px;height:40px;background-color:var(--color-cream);color:var(--color-black);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;text-decoration:none;transition:var(--transition-fast)}.social-icon:hover{background-color:var(--color-sunset-orange);transform:scale(1.1)}.footer-bottom{text-align:center;border-top:1px solid #333;padding-top:1rem;font-size:.9rem;color:#888}.cart-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;z-index:999;opacity:0;pointer-events:none;transition:var(--transition-fast)}.cart-overlay.open{opacity:1;pointer-events:all}.cart-drawer{position:fixed;top:0;right:-400px;width:400px;max-width:100vw;height:100vh;background-color:var(--color-cream);z-index:1000;box-shadow:-10px 0 20px #0003;transition:right .3s ease-in-out;display:flex;flex-direction:column;border-left:5px solid var(--color-black)}.cart-drawer.open{right:0}.cart-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background-color:var(--color-sunset-orange);border-bottom:5px solid var(--color-black)}.cart-header h2{margin:0;color:var(--color-black);font-size:2rem}.close-btn{background:none;border:none;font-size:2.5rem;font-family:var(--font-display);cursor:pointer;line-height:1}.close-btn:hover{color:#fff}.cart-body{flex:1;overflow-y:auto;padding:1.5rem;background-image:repeating-linear-gradient(transparent,transparent 24px,#ccc 25px);background-position:0 10px}.empty-cart{text-align:center;font-size:1.2rem;color:#666;margin-top:2rem}.cart-items{padding:0;margin:0}.cart-item{display:flex;justify-content:space-between;align-items:center;background:#fff;border:3px solid var(--color-black);padding:1rem;margin-bottom:1rem;box-shadow:4px 4px 0 var(--color-black)}.cart-item-info h4{margin:0 0 .5rem;font-family:var(--font-primary);font-size:1.1rem}.cart-item-info p{margin:0;font-weight:700;color:var(--color-teal)}.remove-btn{background-color:var(--color-faded-red);color:#fff;border:2px solid var(--color-black);padding:5px 10px;cursor:pointer;font-weight:700;font-family:var(--font-primary);transition:var(--transition-fast)}.remove-btn:hover{background-color:var(--color-black);color:#fff}.cart-footer{padding:1.5rem;background-color:var(--color-mustard-yellow);border-top:5px solid var(--color-black)}.cart-total{display:flex;justify-content:space-between;margin-bottom:1rem;font-size:1.5rem}.cart-total h3{margin:0;font-family:var(--font-display)}.btn-checkout{width:100%;background-color:var(--color-teal);color:#fff}.btn-checkout:disabled{background-color:#ccc;border-color:#999;color:#666;box-shadow:none;cursor:not-allowed;transform:none}.checkout-page{padding:4rem 0 6rem;min-height:80vh}.checkout-container .section-title{margin-bottom:2rem}.checkout-content{display:flex;gap:4rem;align-items:flex-start;flex-wrap:wrap}.order-summary-wrapper{flex:1;min-width:300px}.order-summary-wrapper h3,.checkout-form-wrapper h3{font-family:var(--font-display);font-size:2rem;color:var(--color-black);margin-bottom:1.5rem;border-bottom:3px solid var(--color-black);padding-bottom:.5rem}.order-summary{background-color:#fff;border:4px solid var(--color-black);padding:1.5rem;box-shadow:6px 6px 0 var(--color-black);margin-bottom:2rem}.summary-item{display:flex;justify-content:space-between;border-bottom:2px dashed #ccc;padding:.8rem 0;font-size:1.1rem}.summary-name{font-weight:600}.summary-total{display:flex;justify-content:space-between;padding-top:1rem;margin-top:1rem;border-top:3px solid var(--color-black);font-size:1.5rem;font-family:var(--font-display);color:var(--color-teal)}.back-btn{width:100%}.checkout-form-wrapper{flex:1.5;min-width:300px;background-color:var(--color-mustard-yellow);padding:2rem;border:5px solid var(--color-black);box-shadow:10px 10px 0 var(--color-black);transform:rotate(-1deg)}.checkout-form .form-group{margin-bottom:1.2rem}.checkout-form input,.checkout-form select{width:100%;padding:15px;font-family:var(--font-primary);font-size:1.1rem;border:3px solid var(--color-black);background:#fff;transition:var(--transition-fast)}.checkout-form input:focus,.checkout-form select:focus{outline:none;box-shadow:4px 4px 0 var(--color-black);transform:translate(-2px,-2px)}.payment-section{background-color:var(--color-cream);padding:1.5rem;border:4px solid var(--color-black);margin-bottom:1.5rem;box-shadow:inset 0 0 10px #0000000d}.payment-section h4{margin-bottom:1rem;color:var(--color-black);font-family:var(--font-display);font-size:1.5rem}.payment-options{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.payment-option{flex:1 1 calc(50% - 1rem);padding:10px;border:2px solid var(--color-black);background-color:#fff;cursor:pointer;text-align:center;font-weight:700;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:10px}.payment-option input[type=radio]{width:auto;margin:0;cursor:pointer}.payment-option.selected{background-color:var(--color-teal);color:#fff;box-shadow:3px 3px 0 var(--color-black);transform:translate(-2px,-2px)}.payment-notice{background-color:#fff;border:2px dashed var(--color-black);padding:1rem;text-align:center;font-weight:700;color:var(--color-black);margin-top:1rem}.card-details{border-top:2px dashed var(--color-black);padding-top:1.5rem}.card-split-group{display:flex;gap:1rem}.card-split-group .form-group{flex:1}.btn-submit-order{width:100%;background-color:var(--color-sunset-orange);font-size:1.5rem;padding:15px}