@charset "UTF-8";
@font-face {
    font-family: 'Bold Flavor Display';
    src: url('anton-latin.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
:root {
    --t9-paper: #fff2d5;
    --t9-ink: #161813;
    --t9-muted: #d4d0c2;
    --t9-red: #ff4b32;
    --t9-yellow: #ffd43e;
    --t9-line: #424439;
    --t9-display: 'Bold Flavor Display', Impact, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 110px; }
body.theme9 { margin: 0; background: var(--t9-ink); color: var(--t9-paper); font: 16px/1.65 Arial, sans-serif; }
a { color: inherit; }


img { display: block; max-width: 100%; }
button { font: inherit; }

/* Report a Problem Form */
.adaform {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
    font-family: Arial, sans-serif;
    color: #111;
    font-size: 11px;
}

.adaform .form-group-main {
    display: block;
    width: 100%;
}

.adaform .form-group {
    width: 100%;
    margin: 0 0 9px;
    padding: 0;
    box-sizing: border-box;
}

.adaform label {
    display: block;
    width: 100%;
    margin: 0 0 5px;
    padding: 0;
    font-size: 11px;
    font-weight: 400;
    line-height: 15px;
    text-align: center;
    color: #111;
}

.adaform label small {
    font-size: 9px;
    font-weight: 400;
}

.adaform .form-control {
    display: block;
    width: 100%;
    height: 21px;
    min-height: 21px;
    padding: 15px 7px;
    box-sizing: border-box;
    border: 1px solid #cbd2dc;
    border-radius: 2px;
    background: #fff;
    color: #333;
    font-family: Arial, sans-serif;
    font-size: 10px;
    font-weight: 400;
    line-height: normal;
    box-shadow: none;
}

.adaform textarea.form-control {
    height: 62px;
    min-height: 62px;
    resize: vertical;
    padding: 6px 7px;
}

.adaform .form-control::placeholder,
.adaform .form-control1::placeholder {
    color: #58718e;
    opacity: 1;
}

.adaform .form-control:focus,
.adaform .form-control1:focus {
    outline: none;
    border-color: #9aabbf;
    box-shadow: none;
}

form.adaform .form-group {
    margin-bottom: 1rem;
    text-align: center;
}
.adaform .form-control1 {
    width: 112px;
    height: 18px;
    padding: 15px 4px;
    box-sizing: border-box;
    border: 1px solid #888;
    border-radius: 0;
    background: #fff;
    color: #333;
    font-family: Arial, sans-serif;
    font-size: 10px;
    vertical-align: middle;
}

.adaform input[type="hidden"] {
    display: none;
}

.adaform input[type="submit"].btn {
    display: block;
    width: 100%;
    height: 31px;
    margin: 8px 0 9px;
    padding: 10px 10px 35px 10px;
    border: 0;
    border-radius: 3px;
    background: #f0ad2c;
    color: #000;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 31px;
    text-align: center;
    cursor: pointer;
    box-shadow: none;
}

.adaform input[type="submit"].btn:hover {
    background: #e9a321;
    color: #000;
}

/* Hide the existing duplicate email field */
.adaform .hide,
.adaform .d-none {
    display: none !important;
}

@media (max-width: 480px) {
    .adaform {
        max-width: 100%;
    }
}

#cookiePopup h4 {
    text-color: black !important;
    color: black !important;
}
a:focus-visible, button:focus-visible { outline: 3px solid var(--t9-yellow); outline-offset: 6px; }
.t9-wrap { width: min(1380px, calc(100% - 112px)); margin-inline: auto; }
.t9-skip { position: fixed; top: -90px; left: 15px; z-index: 100; background: var(--t9-yellow); color: #111; padding: 12px; }
.t9-skip:focus { top: 10px; }
.t9-header { position: sticky; top: 0; z-index: 30; display: flex; justify-content: space-between; align-items: center; gap: 28px; padding: 22px 56px; background: #161813f5; }
.t9-brand { display: flex; align-items: center; gap: 14px; text-decoration: none; flex-shrink: 0; }
.t9-brand img { width: 84px; height: 54px; object-fit: contain; background: var(--t9-paper); padding: 4px; }
.t9-brand>span { font: 32px/1 var(--t9-display); text-transform: uppercase; }
.t9-brand small { display: block; margin-top: 8px; color: var(--t9-muted); font: 9px Arial, sans-serif; letter-spacing: .22em; }
.t9-navigation { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 27px; }
.t9-navigation>a { text-decoration: none; text-transform: uppercase; font-size: 11px; font-weight: 800; letter-spacing: .08em; }
.t9-navigation>a[aria-current] { color: var(--t9-yellow); }
.t9-button { display: inline-flex; align-items: center; justify-content: space-between; gap: 24px; border: 2px solid var(--t9-yellow); padding: 17px 24px; background: var(--t9-yellow); color: #181a13; text-transform: uppercase; text-decoration: none; font-size: 12px; font-weight: 900; letter-spacing: .06em; transition: transform .18s, background .18s; }
.t9-button:hover { transform: translateY(-3px); background: #ffe583; }
.t9-button span { font-size: 23px; line-height: 1; }
.t9-button-small { padding: 14px 22px; }
.t9-nav-toggle { display: none; }
.t9-hero { position: relative; display: grid; grid-template-columns: 37% 63%; align-items: center; gap: 0; min-height: 700px; padding: 28px 56px 80px; overflow: hidden; background: radial-gradient(ellipse at 75% 43%,#55402a55,transparent 65%); }
.t9-hero-copy { position: relative; z-index: 10; max-width: 460px; padding-block: 30px 50px; }
.t9-eyebrow { margin: 0 0 20px; font-size: 10px; line-height: 1.6; letter-spacing: .15em; font-weight: 900; text-transform: uppercase; }
.t9-hero h1 { margin: 24px 0 25px; font: clamp(64px,7.25vw,118px)/1.02 var(--t9-display); letter-spacing: -.025em; }
.t9-hero h1>span { color: var(--t9-yellow); }
.t9-lead { max-width: 360px; font-size: 14px; line-height: 1.8; color: var(--t9-muted); }
.t9-actions { display: flex; align-items: center; gap: 24px; flex-wrap: wrap; margin-top: 28px; }
.t9-text-link { font-size: 11px; font-weight: 800; text-transform: uppercase; text-decoration: none; letter-spacing: .07em; border-bottom: 1px solid currentColor; padding-bottom: 6px; }
.t9-text-link span { margin-left: 12px; }
.t9-collage { position: relative; height: 580px; margin-left: -8px; }
.t9-photo-frame { position: absolute; display: block; background: var(--t9-paper); color: #161813; padding: 10px 10px 7px; box-shadow: 0 18px 30px #0005; text-decoration: none; transition: transform .2s; }
.t9-photo-frame img { width: 100%; height: calc(100% - 30px); object-fit: cover; }
.t9-photo-frame>span { display: block; padding-top: 7px; font-size: 8px; line-height: 1.3; letter-spacing: .04em; font-weight: 900; }
.t9-frame-0 { left: 1%; top: 10px; width: 49%; height: 320px; transform: rotate(-7deg); z-index: 2; }
.t9-frame-1 { right: -1%; top: 48px; width: 53%; height: 300px; transform: rotate(5deg); z-index: 3; }
.t9-frame-2 { left: 0; bottom: 18px; width: 38%; height: 272px; transform: rotate(-6deg); z-index: 4; }
.t9-frame-3 { left: 32%; bottom: 5px; width: 39%; height: 290px; transform: rotate(6deg); z-index: 5; }
.t9-frame-4 { right: -5%; bottom: 12px; width: 37%; height: 265px; transform: rotate(-4deg); z-index: 6; }
.t9-photo-frame:hover { transform: rotate(0) translateY(-8px); z-index: 8; }
.t9-flavor-seal { position: absolute; right: -9px; top: -15px; z-index: 9; display: grid; place-content: center; width: 95px; height: 95px; background: var(--t9-red); border: 2px dashed var(--t9-paper); border-radius: 50%; text-align: center; font: 10px/1.6 Arial,sans-serif; font-weight: 900; transform: rotate(14deg); }
.t9-photo-fallback { display: grid; place-items: center; height: 500px; font: 55px var(--t9-display); color: var(--t9-yellow); }
.t9-hero-bottom { position: absolute; bottom: 26px; left: 56px; right: 56px; display: flex; justify-content: space-between; gap: 20px; text-transform: uppercase; letter-spacing: .12em; font-size: 9px; font-weight: 900; }
.t9-hero-bottom a { text-decoration: none; }
.t9-flavor-strip { overflow: hidden; padding: 13px 0; background: var(--t9-red); color: var(--t9-paper); text-align: center; }
.t9-flavor-strip span { display: block; min-width: max-content; font: 32px/1.3 var(--t9-display); letter-spacing: .03em; word-spacing: .25em; }
.t9-info-strip { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 30px; padding-block: 30px; border-bottom: 1px solid var(--t9-line); }
.t9-info-strip .t9-eyebrow { display: block; color: var(--t9-yellow); margin-bottom: 6px; font-size: 9px; }
.t9-info-strip p,.t9-info-strip a { margin: 0; font-size: 12px; text-decoration: none; }
.t9-info-strip>div+div { border-left: 1px solid var(--t9-line); padding-left: 30px; }
.t9-section { padding-block: 90px; }
h2 { margin: 0; font: clamp(42px,5.3vw,76px)/1.06 var(--t9-display); text-transform: uppercase; letter-spacing: -.02em; }
.t9-section-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 30px; margin-bottom: 38px; }
.t9-section-head .t9-eyebrow { color: var(--t9-yellow); }
.t9-food-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.t9-food-grid>a { display: block; background: var(--t9-paper); color: var(--t9-ink); padding: 10px; text-decoration: none; transition: transform .2s; }
.t9-food-grid>a:nth-child(2) { transform: rotate(2deg); }
.t9-food-grid>a:nth-child(3) { transform: rotate(-2deg); }
.t9-food-grid>a:hover { transform: translateY(-8px); }
.t9-food-grid img { width: 100%; height: 300px; object-fit: cover; }
.t9-card-label { display: flex; justify-content: space-between; gap: 14px; align-items: center; padding: 16px 4px 8px; font: 20px/1.2 var(--t9-display); }
.t9-card-label b { font: 26px Arial,sans-serif; }
.t9-menu-feature { background: var(--t9-yellow); color: var(--t9-ink); }
.t9-menu-inner { display: grid; grid-template-columns: 1.3fr 1fr; gap: 90px; align-items: center; padding-block: 80px; }
.t9-menu-inner p:not(.t9-eyebrow) { max-width: 570px; font-size: 15px; }
.t9-menu-inner .t9-button { background: var(--t9-ink); border-color: var(--t9-ink); color: var(--t9-paper); }
.t9-menu-mark { font: 115px/.95 var(--t9-display); text-align: center; transform: rotate(-9deg); color: var(--t9-red); text-shadow: 3px 3px 0 var(--t9-ink); }
.t9-menu-mark em { font-style: normal; }
.t9-visit { display: grid; grid-template-columns: 1fr 1fr; gap: 100px; }
.t9-visit .t9-eyebrow { color: var(--t9-yellow); }
.t9-address { max-width: 360px; color: var(--t9-muted); margin: 28px 0; }
.t9-hours { padding: 30px 35px; border: 1px solid var(--t9-line); }
.t9-hours h3 { margin: 0 0 20px; font: 32px var(--t9-display); text-transform: uppercase; color: var(--t9-yellow); }
.t9-hours dl { margin: 0; }
.t9-hours dl>div { display: flex; justify-content: space-between; gap: 15px; padding: 11px 0; border-bottom: 1px solid var(--t9-line); font-size: 12px; }
.t9-hours dl>div:last-child { border-bottom: 0; }
.t9-hours dt { font-weight: 700; }
.t9-hours dd { text-align: right; margin: 0; }
.t9-footer { border-top: 1px solid var(--t9-line); background: #0c0e0b; padding: 48px 0 28px; }
.t9-footer-top,.t9-footer-bottom { display: flex; justify-content: space-between; align-items: center; gap: 30px; }
.t9-footer-top { padding-bottom: 32px; }
.t9-footer-name { font: 42px var(--t9-display); text-transform: uppercase; margin: 0; }
.t9-footer-top p:not(.t9-footer-name) { font-size: 12px; color: var(--t9-muted); }
.t9-footer-bottom { border-top: 1px solid var(--t9-line); padding-top: 25px; }
.t9-footer-bottom small,.t9-footer-bottom a { font-size: 11px; text-decoration: none; }
.t9-footer-bottom nav { display: flex; gap: 18px; flex-wrap: wrap; }
.t9-accessibility { font-size: 11px; color: var(--t9-muted); margin-top: 24px; }
.t9-page-heading { padding-block: 55px 35px; }
.t9-page-heading .t9-eyebrow { color: var(--t9-yellow); }
.t9-page-heading h1 { font: clamp(50px,7vw,100px)/1.1 var(--t9-display); text-transform: uppercase; margin: 0; }
.t9-page-content { padding-bottom: 75px; min-height: 260px; }
.t9-menu-intro { display: flex; justify-content: space-between; gap: 24px; align-items: center; margin-bottom: 35px; }
.t9-menu-scans { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 28px; align-items: start; }
.t9-menu-scans img { width: 100%; height: auto; background: var(--t9-paper); }
.t9-gallery-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; }
.t9-gallery-grid a { background: var(--t9-paper); padding: 8px; }
.t9-gallery-grid img { width: 100%; height: 300px; object-fit: cover; }
.t9-review { margin: 0 0 25px; background: #24271f; padding: 28px; border-left: 4px solid var(--t9-red); }
.t9-review p { margin-top: 0; }
.t9-review cite { font-size: 12px; color: var(--t9-yellow); }
.t9-document { background: var(--t9-paper); color: var(--t9-ink); padding: 40px; margin-block: 40px 70px; }
.t9-document img { max-width: 100%; height: auto; }
.t9-document h1,.t9-document h2 { font-family: var(--t9-display); }
.t9-document a { color: #9f2c1b; }
.t9-document .container,.t9-document .container-fluid { width: 100%; max-width: 100%; }
@media(min-width:1550px) {
    .t9-hero { min-height: 800px; padding-inline: max(56px,calc((100vw - 1440px)/2)); }
    .t9-collage { height: 660px; }
    .t9-frame-0 { height: 360px; }
    .t9-frame-1 { height: 340px; }
    .t9-frame-2,.t9-frame-3,.t9-frame-4 { height: 320px; }
}
@media(max-width:1100px) {
    .t9-header { padding: 20px 32px; }
    .t9-brand>span { font-size: 27px; }
    .t9-brand img { width: 66px; }
    .t9-navigation { gap: 18px; }
    .t9-wrap { width: calc(100% - 64px); }
    .t9-hero { padding-inline: 32px; min-height: 680px; }
    .t9-hero h1 { font-size: 76px; }
    .t9-collage { height: 520px; }
    .t9-frame-0 { height: 270px; }
    .t9-frame-1 { height: 260px; }
    .t9-frame-2,.t9-frame-3,.t9-frame-4 { height: 245px; }
    .t9-hero-bottom { left: 32px; right: 32px; }
    .t9-food-grid img { height: 250px; }
    .t9-card-label { font-size: 17px; }
    .t9-visit { gap: 50px; }
}
@media(max-width:800px) {
    .t9-header { padding: 14px 24px; }
    .t9-brand img { width: 65px; height: 45px; }
    .t9-brand>span { font-size: 27px; }
    .t9-nav-toggle { display: flex; gap: 12px; align-items: center; background: transparent; color: var(--t9-paper); border: 1px solid var(--t9-line); padding: 9px 13px; text-transform: uppercase; font-size: 11px; }
    .t9-navigation { display: none; position: absolute; top: 100%; left: 0; right: 0; padding: 24px; background: var(--t9-ink); border-bottom: 2px solid var(--t9-yellow); align-items: stretch; }
    .t9-navigation.is-open { display: flex; flex-direction: column; gap: 24px; }
    .t9-navigation>a { font-size: 13px; }
    .t9-wrap { width: calc(100% - 48px); }
    .t9-hero { grid-template-columns: 1fr; padding: 24px 24px 80px; }
    .t9-hero-copy { max-width: 600px; padding: 0 0 20px; }
    .t9-hero h1 { font-size: clamp(76px,13vw,105px); margin: 18px 0; }
    .t9-lead { max-width: 560px; }
    .t9-collage { width: 100%; max-width: 650px; margin: 10px auto 0; height: 540px; }
    .t9-frame-0 { height: 290px; }
    .t9-frame-1 { height: 280px; }
    .t9-frame-2,.t9-frame-3,.t9-frame-4 { height: 250px; }
    .t9-hero-bottom { left: 24px; right: 24px; font-size: 8px; }
    .t9-info-strip { gap: 20px; }
    .t9-info-strip>div+div { padding-left: 16px; }
    .t9-section { padding-block: 60px; }
    .t9-food-grid { gap: 14px; }
    .t9-food-grid img { height: 220px; }
    .t9-card-label { font-size: 15px; }
    .t9-menu-inner { grid-template-columns: 1fr; padding-block: 55px; }
    .t9-menu-mark { display: none; }
    .t9-visit { grid-template-columns: 1fr; gap: 35px; }
    .t9-gallery-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
    .t9-gallery-grid img { height: 240px; }
    .t9-menu-scans { grid-template-columns: 1fr; }
    .t9-footer-top,.t9-footer-bottom { flex-direction: column; align-items: flex-start; }
}
@media(max-width:480px) {
    .t9-header { padding: 12px 18px; gap: 10px; }
    .t9-brand { gap: 9px; }
    .t9-brand img { width: 55px; height: 41px; }
    .t9-brand>span { font-size: 25px; }
    .t9-brand small { font-size: 8px; }
    .t9-wrap { width: calc(100% - 36px); }
    .t9-hero { padding: 25px 18px 70px; }
    .t9-eyebrow { font-size: 9px; }
    .t9-hero h1 { font-size: 76px; }
    .t9-lead { font-size: 13px; }
    .t9-actions { gap: 22px; }
    .t9-button { padding: 15px 19px; font-size: 10px; gap: 18px; }
    .t9-collage { height: 380px; margin-top: 18px; }
    .t9-photo-frame { padding: 6px 6px 4px; }
    .t9-photo-frame img { height: calc(100% - 24px); }
    .t9-photo-frame>span { font-size: 6px; padding-top: 5px; }
    .t9-frame-0 { width: 51%; height: 205px; top: 0; }
    .t9-frame-1 { width: 53%; height: 195px; top: 28px; }
    .t9-frame-2 { width: 40%; height: 172px; bottom: 8px; }
    .t9-frame-3 { width: 41%; height: 185px; bottom: 0; }
    .t9-frame-4 { width: 38%; height: 165px; bottom: 5px; right: -3%; }
    .t9-flavor-seal { width: 64px; height: 64px; font-size: 7px; right: -2px; top: -16px; }
    .t9-hero-bottom { left: 18px; right: 18px; bottom: 23px; display: block; }
    .t9-hero-bottom a { display: none; }
    .t9-flavor-strip { padding-block: 10px; }
    .t9-flavor-strip span { font-size: 26px; }
    .t9-info-strip { grid-template-columns: 1fr; gap: 16px; }
    .t9-info-strip>div+div { border-left: 0; border-top: 1px solid var(--t9-line); padding: 16px 0 0; }
    .t9-section-head { display: block; }
    .t9-section-head>.t9-text-link { display: inline-block; margin-top: 25px; }
    h2 { font-size: 47px; }
    .t9-food-grid { grid-template-columns: 1fr; gap: 30px; padding-inline: 5px; }
    .t9-food-grid img { height: 300px; }
    .t9-card-label { font-size: 22px; }
    .t9-gallery-grid { gap: 10px; }
    .t9-gallery-grid img { height: 180px; }
    .t9-hours { padding: 25px 20px; }
    .t9-hours dl>div { font-size: 11px; }
    .t9-menu-intro { flex-direction: column; align-items: flex-start; }
    .t9-document { padding: 24px 18px; }
}
@media(prefers-reduced-motion:reduce) {
    html { scroll-behavior: auto; }
    *,*:before,*:after { animation: none!important; transition: none!important; }
}
