:root{--font-body: Arial;--font-titl: Times;--pad: .5em;--font-size: 1em;--color-prim: goldenrod;--color-sec: darkgoldenrod;--color-nav: black;--color-hero-alt: #333;--color-white: white;--color-white-alt: #EEE;--color-fore: black;--color-alt: #333;--color-body: white;--color-dim: #EEE;--color-dark: #CCC}.darkMode{--color-fore: white;--color-alt: #EEE;--color-body: #444;--color-dim: #222;--color-dark: #000}.half{max-width:50vw;margin-inline:auto}.short{max-width:75vw;margin-inline:auto}.mid{max-width:80vw;margin-inline:auto}*{box-sizing:border-box}body{margin:0;font:var(--font-size) var(--font-body);background:var(--color-body);scroll-behavior:smooth;scroll-snap-type:y mandatory}h1,h2,h3,h4,h5,p{color:var(--color-fore)}.article-title{font-size:2em;text-transform:uppercase;color:var(--color-alt);font:2em var(--font-body);font-weight:700;margin:0;padding-block:.25em;max-width:80vw;margin-inline:auto}:not(.darkMode) .dark .article-title{color:var(--color-white-alt)}.bg{position:absolute;top:0;left:0;z-index:-99;width:100%;height:100%}.bg.dim{background-color:var(--color-dim)}.bg.dark{background-color:var(--color-dark)}.bg.prim{background-color:var(--color-prim);opacity:.7}.bg.img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.food-car{display:flex;overflow-x:scroll;width:100%;height:60vh;scroll-behavior:smooth;scroll-snap-type:x mandatory;padding-block:.25em;gap:.5em}.food-car .food-item{flex:0 0 auto;width:90%;max-width:60vw;height:100%;scroll-snap-align:start;display:flex;flex-direction:column;justify-content:end;position:relative;background-image:linear-gradient(8deg,black 10%,transparent 40%)}.food-car .food-item>.food-back{position:absolute;height:100%;width:100%;z-index:-1;object-fit:cover}.food-car .food-item>.food-info{display:flex;flex-direction:column;justify-content:end;padding:.5em;gap:.25em}.food-car .food-item>.food-info>.food-title{margin:0;font-size:1.7em;color:var(--color-white)}.food-car .food-item>.food-info>.food-desc{color:var(--color-white-alt);margin:0}.food-car .food-item>.food-info>.tags{display:flex;gap:.3em;font-size:.8em}.food-car .food-item>.food-info>.tags>.tag{border:1px solid currentColor;padding:.125em .5em;border-radius:.8em;color:var(--color-prim);background:transparent}.wa{position:fixed;bottom:20px;right:20px;cursor:pointer;width:75px;height:75px;background-image:url(/icon/color/WhatsApp.png);background-size:cover;filter:drop-shadow(0 0 3px #0003);transition:transform ease .12s}.wa:hover{transform:scale(1.1)}.contact-links{display:flex;align-items:start;gap:1em;font-size:.8em}.contact-links .contact-link{display:flex;align-items:center;justify-content:center;gap:.25em;text-decoration:none;cursor:pointer;color:var(--color-alt)}.contact-links .contact-link span{font-size:inherit}header{position:fixed;top:0;width:100%;z-index:999;display:flex;justify-content:space-between;align-items:center;padding:var(--pad);background:var(--color-prim);color:var(--color-nav)}header .logo{font:1.8em var(--font-titl);color:inherit;font-weight:700;text-decoration:none;cursor:pointer}header>nav{display:flex;gap:2em}header>nav .nav-links{display:flex}header>nav .nav-links .link{display:flex;align-items:center;justify-content:center;color:inherit;padding:var(--pad);border-bottom:1px solid transparent;text-decoration:none;cursor:pointer}header>nav .nav-links .link:hover{border-bottom:1px solid currentColor}header>nav .nav-options{display:flex;align-items:center;justify-content:center;gap:.5em}header>nav .nav-options button{appearance:none;border:none;background:none}.dark header>nav .nav-options button{transform:rotate(180deg)}.drop-down{position:relative;padding:.25em .5em;background:var(--color-sec);border-radius:.25em}.drop-down:hover{border-radius:.25em .25em 0 0}.drop-down .drop-down-menu{position:absolute;inset:0 auto auto 0;width:100%;border-radius:.25em;overflow:hidden;visibility:hidden;display:flex;flex-direction:column;transition:box-shadow ease 80ms}.drop-down .drop-down-menu .drop-down-menu-item{padding:.25em .5em;color:var(--text-body);background:var(--color-sec);text-decoration:none;text-align:center}.drop-down:hover .drop-down-menu{visibility:visible;box-shadow:0 0 3px -1px #000a}main{width:100%;scroll-snap-align:center}section{width:100%;padding-block:5em;position:relative}section>.section-title{text-align:center;font:3em var(--font-titl);font-weight:700;border-bottom:3px solid var(--color-prim);width:min-content;margin-inline:auto;white-space:nowrap}section>.section-content{display:flex;flex-direction:column;gap:2em}section>.section-content.horizontal{flex-direction:row}#hero{display:flex;justify-content:center;align-items:center;height:90vh}#hero>.container{font-size:4vw;width:70vw}#hero>.container>.title{font-family:var(--font-titl);color:var(--color-nav);margin:0}#hero>.container>.desc{font-size:.8em;color:var(--color-hero-alt);margin:0}#about article p{font:1.7em var(--font-body)}#locations .list{display:flex;justify-content:center;align-items:start;gap:1em}#locations .list .restaurant{display:flex;flex-direction:column;width:100%;gap:1em}#locations .list .restaurant .restaurant-image{width:100%;aspect-ratio:1.5;object-fit:cover}#locations .list .restaurant .restaurant-info{display:flex;flex-direction:column;gap:.25em}#locations .list .restaurant .restaurant-info .restaurant-title{font-size:1.5em;margin:0}#locations .list .restaurant .restaurant-info .restaurant-location{color:var(--color-alt);margin:0}#contact .section-content{gap:6em}#contact .list{display:flex;justify-content:center;align-items:start;gap:2em}#contact .list .contact-info{display:flex;flex-direction:column;justify-content:center;align-items:start;gap:2em}#contact .list .contact-info .contact-info-box{display:flex;flex-direction:column;align-items:start;gap:.5em}#contact .list .contact-info .contact-info-box .contact-title,#contact .list .contact-info .contact-info-box .contact-desc{margin:0}#contact .social-links{width:100%;display:flex;justify-content:center;align-items:center;gap:1em}#contact .social-links .social-link{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;gap:.25em}#contact .social-links .social-link .icon{width:2em;height:2em}.darkMode #contact .social-links .social-link .icon{filter:invert(100%)}#contact .social-links .social-link .icon-title{font-size:.5em;color:var(--color-fore)}
