@font-face{font-family:Roboto;font-style:normal;font-weight:100 900;font-display:swap;src:url('/assets/roboto.woff2')}@font-face{font-family:Oswald;font-style:normal;font-weight:200 700;font-display:swap;src:url('/assets/oswald.woff2')}html{scroll-behavior:smooth}a:focus-visible,button:focus-visible{outline:3px solid #f20d21;outline-offset:4px}.brand-hero{width:min(720px,90vw);height:auto;display:block;margin:auto}.mobile-nav{display:none;padding:12px 16px}.mobile-nav.open{display:flex;flex-direction:column;gap:16px}.category-label{text-shadow:0 1px 5px #000}.skip{position:absolute;top:-100px}.skip:focus{top:8px;z-index:100;background:#141414;padding:12px}@media(min-width:768px){.mobile-nav.open{display:none}}@media(max-width:767px){.brand-hero{max-width:480px}.ribbon-items{font-size:12px;letter-spacing:.04em;gap:8px}.ribbon-items span{white-space:nowrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Match the original site's one-second entrances and subtle card hover. */
.motion-enter{transition:opacity 1s cubic-bezier(0,0,.2,1),transform 1s cubic-bezier(0,0,.2,1)}
.motion-pending{opacity:0;transform:translate(var(--enter-x,0),var(--enter-y,0))}
.motion-visible{opacity:1;transform:none}
#menu .grid a.group{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}
#menu .grid a.group img{transition:opacity .15s cubic-bezier(.4,0,.2,1)}
@media(hover:hover){#menu .grid a.group:hover{transform:scale(1.02);box-shadow:0 25px 50px -12px rgb(0 0 0/.25)}#menu .grid a.group:hover img{opacity:.9}}
#menu .grid a.group:focus-visible{transform:scale(1.02)}
#main{overflow:clip}
@media(prefers-reduced-motion:reduce){.motion-enter,.motion-pending,.motion-visible{opacity:1;transform:none;transition:none}#menu .grid a.group:hover,#menu .grid a.group:focus-visible{transform:none}}

.menu-image-card{position:relative;display:block;cursor:pointer;transition:transform .3s,box-shadow .3s}
.menu-image-card>img{display:block;transition:opacity .15s}
.menu-image-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;background:rgb(20 20 20/.2);backdrop-filter:blur(4px);transition:opacity .3s}
@media(hover:hover){.menu-image-card:hover{transform:scale(1.02);box-shadow:0 25px 50px -12px rgb(0 0 0/.25)}.menu-image-card:hover>img{opacity:.9}.menu-image-card:hover .menu-image-overlay{opacity:1}}
.menu-image-card:focus-visible .menu-image-overlay{opacity:1}
@media(hover:none),(max-width:767px){.menu-image-overlay{display:none}}
@media(prefers-reduced-motion:reduce){.menu-image-card,.menu-image-card>img,.menu-image-overlay{transition:none}.menu-image-card:hover{transform:none}}

/* Contact links show the same interactive cue throughout the website. */
a[href^="tel:"],a[href*="google.com/maps"]{transition:color .2s ease}
a[href^="tel:"]:hover,a[href^="tel:"]:focus-visible,a[href*="google.com/maps"]:hover,a[href*="google.com/maps"]:focus-visible{color:#e52d35}
.text-primary a[href^="tel:"]:hover,.text-primary a[href^="tel:"]:focus-visible{color:#ff747b}
@media(prefers-reduced-motion:reduce){a[href^="tel:"],a[href*="google.com/maps"]{transition:none}}

a[href^="mailto:"]{transition:color .2s ease}a[href^="mailto:"]:hover,a[href^="mailto:"]:focus-visible{color:#e52d35}@media(prefers-reduced-motion:reduce){a[href^="mailto:"]{transition:none}}

/* Quiet charcoal food illustrations, drawn for the Snackbar website. */
body>.min-h-screen{background-color:#161616;background-image:url('/assets/snackbar-pattern.svg?v=3');background-repeat:repeat;background-size:900px 700px}
#main>section.bg-background,footer.bg-background{background-color:transparent}
@media(max-width:767px){body>.min-h-screen{background-size:675px 525px}}

/* Keep the original artwork, with an independent gap above its tagline. */
.brand-separated{display:flex;flex-direction:column;gap:16px}.brand-logo-crop,.brand-tagline-crop{display:block;position:relative;overflow:hidden;width:100%}.brand-logo-crop{aspect-ratio:1436/460}.brand-tagline-crop{aspect-ratio:1436/104}.brand-separated img{position:absolute;left:0;width:100%;max-width:none;height:auto}.brand-logo-crop img{top:0}.brand-tagline-crop img{bottom:0}