.dine-hero{position:relative;padding:200px 0}@media(min-width:0)and (max-width:992px){.dine-hero{padding:100px 0}}.dine-hero .dine-hero-image{top:0;right:0;bottom:0;left:0;position:absolute;width:100%;height:100%;object-fit:cover}.dine-hero .border-artifact{height:400px;position:absolute;width:auto;top:50%;transform:translate(-40%,-50%)}.dine-hero .border-artifact img{width:100%;height:100%;object-fit:cover}@media(min-width:0)and (max-width:992px){.dine-hero .border-artifact{display:none}}.dine-hero .content{position:relative;z-index:2;max-width:600px;padding:40px}@media(min-width:0)and (max-width:992px){.dine-hero .content{padding:80px 40px}}.dine-hero .content .text{color:#000;position:relative;z-index:3;padding:30px 40px}@media(min-width:0)and (max-width:992px){.dine-hero .content .text{padding:0}}.dine-hero .content .text h2{font-size:80px;position:relative;color:var(--cta-color);-webkit-text-stroke:4px black;width:fit-content}@media(min-width:0)and (max-width:992px){.dine-hero .content .text h2{font-size:60px}}.dine-hero .content .text h2:after{content:"";width:110%;height:4px;display:block;margin-bottom:10px;background:var(--accent-color)}@media(min-width:0)and (max-width:992px){.dine-hero .content .text h2:after{width:100%}}.dine-hero .content .text h4{font-size:32px;text-transform:uppercase;margin-bottom:10px}.dine-hero .content .text p{margin-bottom:20px}.dine-hero .content .text .menu-buttons{display:flex;flex-direction:column;gap:20px}@media(min-width:0)and (max-width:992px){.dine-hero .content .text .menu-buttons{gap:15px}}.dine-hero .content .text .menu-buttons>a{flex:0 0 100%;display:block;width:100%}.dine-hero .content .text .btn{margin-bottom:0;width:280px}@media(min-width:0)and (max-width:992px){.dine-hero .content .text .btn{width:100%}}.dine-hero .content .text .artifacts{position:absolute;bottom:-40%;right:-15%;display:flex;flex-wrap:nowrap;gap:20px}.dine-hero .content .text .artifacts img{max-height:200px}.dine-hero .content .text .artifacts img.pizza{order:2;transform:translate(20%,-100%)}.dine-hero .content .text .artifacts img.burger{transform:translate(30%,-20%)}@media(min-width:0)and (max-width:992px){.dine-hero .content .text .artifacts{display:none}}.dine-hero .content .border-image{position:absolute;top:0;right:0;bottom:0;left:0}.dine-hero .content .border-image img{height:100%;width:100%;object-fit:fill}