*{margin:0;padding:0;box-sizing:border-box}body{font-family:work-sans,sans-serif}.hero-section{position:relative;background-image:url("../img/hero_bg.webp");background-size:cover;padding:4rem 2rem;display:flex;justify-content:space-between;align-items:center;min-height:589px;overflow:hidden}.hero-overlay,.red-background{position:absolute;top:0;height:100%}.hero-overlay{left:0;width:100%;background-color:rgb(93 10 12 / 45%);z-index:1}.red-background{right:0;width:80%;background-image:url("../img/hero_image.webp");background-size:cover;background-position:center;background-repeat:no-repeat;clip-path:circle(63% at 78% 50%);z-index:2}.hero-content{position:relative;max-width:50%;color:#fff;z-index:3}.button-group{display:flex;gap:1rem;align-items:center}.welcome-text{color:#fff;font-size:1.2rem;margin-bottom:1rem;font-weight:700}.main-heading{font-size:3.1rem;font-weight:700;margin-bottom:1.5rem;color:#fff}.offer-text{color:#fff;font-size:1.3rem;margin-bottom:2rem}.menu-button,.order-button{padding:16px 32px;border-radius:4px;font-weight:700;cursor:pointer;text-transform:uppercase;transition:.3s;color:#fff;border:2px solid #fff}.order-button{background-color:#f1f0eb;color:#5d0b0d;text-decoration:none}.menu-button,.order-button:hover{background-color:transparent;text-decoration:none}.order-button:hover{color:#f1f0eb}.menu-button:hover{background-color:#f1f0eb;color:#5d0b0d}.hero-image{position:relative;max-width:45%;height:auto;z-index:2}@media (min-width:1050px){.hero-content{max-width:45%}}@media (max-width:1024px){.red-background{clip-path:circle(50% at 78% 50%);background-position:85% bottom}}@media (max-width:992px){.main-heading{font-size:2.5rem}.red-background{clip-path:circle(50% at 82% 53%);background-position:85% bottom}.button-group,.hero-section{flex-direction:row}.menu-button,.order-button{padding:14px 28px}}@media (max-width:768px){.red-background{clip-path:circle(50% at 85% 53%);background-position:85% bottom}}@media (max-width:767px){.hero-section{flex-direction:column;text-align:center;overflow:visible;margin-top:3.5rem}.red-background{width:100%;height:100%;clip-path:circle(90% at 50% 80%);background-position:90% bottom;margin-top:326px}.hero-content{max-width:100%;margin-bottom:2rem}.hero-image{max-width:80%}.main-heading{font-size:1.9rem}.offer-text{font-size:1.1rem}.button-group{flex-direction:column;width:100%;gap:0}.menu-button,.order-button{width:100%;margin-bottom:1rem;padding:10px;font-weight:500}}