@import url('./collection-controls.css');

/* Modern preserves the restaurant's original cuisine-specific design. */
html:not([data-style=modern])[data-restaurant] #restaurant-site{
 --paper:#fffdf7;--ink:#253731;--red:#8b3026;--cobalt:#315749;--display:Georgia,'Times New Roman',serif;
 background:var(--paper);color:var(--ink)
}
html:not([data-style=modern])[data-restaurant] #restaurant-site .welcome{position:relative;isolation:auto;overflow:visible;display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center;width:min(1160px,calc(100% - 64px));max-width:none;min-height:0;margin:auto;padding:48px 0 60px;background:var(--paper);text-align:left}
html:not([data-style=modern])[data-restaurant] #restaurant-site .welcome-copy{position:relative;order:0;width:auto;max-width:none;padding:0;margin:0;border:0;background:transparent;z-index:1}
html:not([data-style=modern])[data-restaurant] #restaurant-site h1{font-family:var(--display);font-size:clamp(44px,5vw,70px);line-height:1.05;color:var(--red);font-weight:700;letter-spacing:-.04em;text-transform:none;max-width:none;margin:0 0 25px}
html:not([data-style=modern])[data-restaurant] #restaurant-site h1 em{color:var(--cobalt);font-style:normal}
html:not([data-style=modern])[data-restaurant] #restaurant-site :is(h2,.brand strong){font-family:var(--display);text-transform:none;letter-spacing:-.03em}
html:not([data-style=modern])[data-restaurant] #restaurant-site #introduction{color:#52615a;margin:0 0 28px;max-width:440px;font-size:16px}
html:not([data-style=modern])[data-restaurant] #restaurant-site .welcome .eyebrow{color:var(--red)}
html:not([data-style=modern])[data-restaurant] #restaurant-site .hero-actions{justify-content:flex-start}
html:not([data-style=modern])[data-restaurant] #restaurant-site .hero-actions .button{background:var(--red);color:#fff}
html:not([data-style=modern])[data-restaurant] #restaurant-site .hero-actions .text-link{color:var(--red)}
html:not([data-style=modern])[data-restaurant] #restaurant-site .hero-visual{position:relative;order:0;inset:auto;width:100%;margin:0;padding:0;background:none;border:0;border-radius:0;z-index:0}
html:not([data-style=modern])[data-restaurant] #restaurant-site .hero-visual:after{display:none}
html:not([data-style=modern])[data-restaurant] #restaurant-site .hero-visual picture{display:block;height:auto;border-radius:0;border:0;outline:0;overflow:hidden}
html:not([data-style=modern])[data-restaurant] #restaurant-site .hero-visual img{height:420px;width:100%;aspect-ratio:auto;object-fit:cover;object-position:center}
html:not([data-style=modern])[data-restaurant] #restaurant-site :is(.hero-seal,.photo-caption,.hero-footnote){display:none}
html:not([data-style=modern])[data-restaurant] #restaurant-site .fiesta-stripe{border:0;background:var(--red);color:#fff;letter-spacing:.1em}
html:not([data-style=modern])[data-restaurant] #restaurant-site .fiesta-stripe b{color:#f1dba3}
html:not([data-style=modern])[data-restaurant] #restaurant-site .signature-photo{padding:0;border:0;border-radius:0;box-shadow:none}
html:not([data-style=modern])[data-restaurant] #restaurant-site .signature-photo img{border-radius:0}
html:not([data-style=modern])[data-restaurant] #restaurant-site .story{background:var(--cobalt);border:0}
html:not([data-style=modern])[data-restaurant] #restaurant-site .story-photo img{border:0;transform:none;border-radius:0}
html:not([data-style=modern])[data-restaurant] #restaurant-site .visit{background:var(--red)}

/* Classic Local: the neighborhood institution, with framed food and fine rules. */
html[data-style=classic][data-restaurant] #restaurant-site{--red:#263f4b;--cobalt:#3f574f;--paper:#fffef9;--ink:#263f4b}
html[data-style=classic][data-restaurant] #restaurant-site .site-header{border-bottom:4px double #263f4b;padding-block:23px}
html[data-style=classic][data-restaurant] #restaurant-site .brand strong{font-size:31px}
html[data-style=classic][data-restaurant] #restaurant-site .welcome{grid-template-columns:1.1fr 1fr;gap:7%;padding-block:40px}
html[data-style=classic][data-restaurant] #restaurant-site h1{font-size:clamp(42px,4.6vw,64px)}
html[data-style=classic][data-restaurant] #restaurant-site .hero-visual{padding:9px;border:1px solid #acb9b4}
html[data-style=classic][data-restaurant] #restaurant-site .hero-visual img{height:370px}
html[data-style=classic][data-restaurant] #restaurant-site .button{border-radius:2px;border:1px solid currentColor;box-shadow:0 3px 0 #263f4b}
html[data-style=classic][data-restaurant] #restaurant-site .fiesta-stripe{background:#eef1eb;color:var(--ink);border-block:4px double #52615a;font:700 13px Georgia,serif}
html[data-style=classic][data-restaurant] #restaurant-site .fiesta-stripe b{color:var(--ink)}
html[data-style=classic][data-restaurant] #restaurant-site .section-space{padding-block:60px}
html[data-style=classic][data-restaurant] #restaurant-site .signature-photo{padding:7px;border:1px solid #acb9b4}
html[data-style=classic][data-restaurant] #restaurant-site .section-heading{border:4px double #52615a;border-radius:0}
html[data-style=classic][data-restaurant] #restaurant-site .menu-heading:before{height:4px;background:#263f4b;box-shadow:none}

/* Bold: photo first, oversized type, hard edges and strong blocks of color. */
html[data-style=bold][data-restaurant] #restaurant-site{--display:'DM Sans',Arial,sans-serif;--red:#b43223;--cobalt:#17272c;--ink:#17272c;--paper:#fffaf1}
html[data-style=bold][data-restaurant] #restaurant-site .site-header{border-bottom:2px solid #17272c}
html[data-style=bold][data-restaurant] #restaurant-site :is(h1,h2,.brand strong){font-weight:700;text-transform:uppercase;letter-spacing:-.055em}
html[data-style=bold][data-restaurant] #restaurant-site .welcome{width:100%;padding:0;gap:0;grid-template-columns:1fr 1fr;background:#17272c;color:#fff}
html[data-style=bold][data-restaurant] #restaurant-site .welcome-copy{padding:50px 10%}
html[data-style=bold][data-restaurant] #restaurant-site h1{font-size:clamp(46px,5.6vw,82px);line-height:.98;color:#fff}
html[data-style=bold][data-restaurant] #restaurant-site h1 em{color:#ffce66}
html[data-style=bold][data-restaurant] #restaurant-site .welcome .eyebrow{color:#ffce66}
html[data-style=bold][data-restaurant] #restaurant-site #introduction{color:#e4e9e3}
html[data-style=bold][data-restaurant] #restaurant-site .hero-visual{order:-1;align-self:stretch}
html[data-style=bold][data-restaurant] #restaurant-site .hero-visual picture{height:100%}
html[data-style=bold][data-restaurant] #restaurant-site .hero-visual img{height:100%;min-height:580px;object-position:center}
html[data-style=bold][data-restaurant] #restaurant-site .hero-actions .button{background:#ffce66;color:#17272c}
html[data-style=bold][data-restaurant] #restaurant-site .hero-actions .text-link{color:#fff}
html[data-style=bold][data-restaurant] #restaurant-site .button{border-radius:0;text-transform:uppercase;font-size:13px;font-weight:700}
html[data-style=bold][data-restaurant] #restaurant-site .fiesta-stripe{background:#ffce66;color:#17272c;padding-block:24px;font-weight:700}
html[data-style=bold][data-restaurant] #restaurant-site .fiesta-stripe b{color:#b43223}
html[data-style=bold][data-restaurant] #restaurant-site .signature-photo{border-bottom:7px solid #17272c}
html[data-style=bold][data-restaurant] #restaurant-site .section-heading{border-radius:0;border:0;border-top:6px solid #17272c}
html[data-style=bold][data-restaurant] #restaurant-site .menu-heading:before{background:#17272c;height:8px;box-shadow:none}

/* Premium: an evening dining room, centered serif type and a panoramic hero. */
html[data-style=premium][data-restaurant] #restaurant-site{--red:#e0c58c;--cobalt:#25352e;--paper:#17211d;--ink:#f3efe3;--display:Georgia,'Times New Roman',serif}
html[data-style=premium][data-restaurant] #restaurant-site .site-header{border-bottom:1px solid #637364;padding-block:32px}
html[data-style=premium][data-restaurant] #restaurant-site .brand strong{font-weight:400;font-size:34px;letter-spacing:0}
html[data-style=premium][data-restaurant] #restaurant-site .welcome{display:flex;flex-direction:column;gap:40px;padding:58px 0 0;text-align:center}
html[data-style=premium][data-restaurant] #restaurant-site .welcome-copy{max-width:1000px;width:100%}
html[data-style=premium][data-restaurant] #restaurant-site h1{font-weight:400;font-size:clamp(54px,6vw,88px);color:#f3efe3}
html[data-style=premium][data-restaurant] #restaurant-site h1 em{color:#e0c58c;font-style:italic}
html[data-style=premium][data-restaurant] #restaurant-site #introduction{color:#c9d1c5;max-width:530px;margin:0 auto 28px}
html[data-style=premium][data-restaurant] #restaurant-site .hero-actions{justify-content:center}
html[data-style=premium][data-restaurant] #restaurant-site .hero-actions .button{background:#e0c58c;color:#17211d}
html[data-style=premium][data-restaurant] #restaurant-site .button{border-radius:0;font-weight:400}
html[data-style=premium][data-restaurant] #restaurant-site .button-red{color:#17211d}
html[data-style=premium][data-restaurant] #restaurant-site .button-cream{background:#e0c58c;color:#17211d}
html[data-style=premium][data-restaurant] #restaurant-site .button-red:hover{background:#f0dbad;color:#17211d}
html[data-style=premium][data-restaurant] #restaurant-site .hero-visual img{height:360px;object-position:center 52%}
html[data-style=premium][data-restaurant] #restaurant-site .fiesta-stripe{background:#17211d;color:#e0c58c;padding-block:28px;border-bottom:1px solid #637364;font-size:11px;letter-spacing:.2em}
html[data-style=premium][data-restaurant] #restaurant-site h2{font-weight:400}
html[data-style=premium][data-restaurant] #restaurant-site .signature-copy strong{font-weight:400}
html[data-style=premium][data-restaurant] #restaurant-site :is(.section-intro>p,.menu-heading>p,.menu-intro p,.dish-description,.spice,.ingredient-note,.art-note,.footer-inner>p,.dialog-description,.flip-description,.flip-serving,.dialog-serving){color:#c9d1c5}
html[data-style=premium][data-restaurant] #restaurant-site :is(.menu-experience,.category-dock){background:#1c2923;border-color:#526256}
html[data-style=premium][data-restaurant] #restaurant-site .category-link{color:#e6e8de}
html[data-style=premium][data-restaurant] #restaurant-site .category-link[aria-current]{color:#e0c58c;border-color:#e0c58c}
html[data-style=premium][data-restaurant] #restaurant-site .category-link:hover{background:#334739}
html[data-style=premium][data-restaurant] #restaurant-site .view-switch{background:#36463b}
html[data-style=premium][data-restaurant] #restaurant-site .view-switch button{color:#f3efe3}
html[data-style=premium][data-restaurant] #restaurant-site .view-switch button[aria-pressed=true]{background:#e0c58c;color:#17211d}
html[data-style=premium][data-restaurant] #restaurant-site .section-heading{background:#25372c;border:1px solid #637364;border-radius:0;color:#f3efe3}
html[data-style=premium][data-restaurant] #restaurant-site .section-heading :is(h2,.section-description,.section-kicker){color:#f3efe3}
html[data-style=premium][data-restaurant] #restaurant-site :is(.menu-section,.dish-card,.art-note,.signature-card){border-color:#526256}
html[data-style=premium][data-restaurant] #restaurant-site .menu-heading:before{background:#e0c58c;height:1px;box-shadow:none}
html[data-style=premium][data-restaurant] #restaurant-site :is(.flip-card,.peek-card){background:#17211d;color:#f3efe3}
html[data-style=premium][data-restaurant] #restaurant-site .flip-details{color:#f3efe3}
html[data-style=premium][data-restaurant] #restaurant-site .celebration-card{background:#25372c;border:1px solid #637364;border-radius:0}
html[data-style=premium][data-restaurant] #restaurant-site .celebration-card :is(.eyebrow,p){color:#c9d1c5}
html[data-style=premium][data-restaurant] #restaurant-site .visit{background:#25372c;border-block:1px solid #637364}
html[data-style=premium][data-restaurant] #restaurant-site .ordering-bar{background:#17211df5;border-color:#637364}
html[data-style=premium][data-restaurant] #restaurant-site .ordering-bar strong{color:#f3efe3}
html[data-style=premium][data-restaurant] #restaurant-site #ordering-bar-note{color:#c9d1c5}
html[data-style=premium][data-restaurant] #restaurant-site :is(button,a):focus-visible{outline-color:#e0c58c}
html[data-style=premium][data-restaurant] #restaurant-site .provider-option{background:#25372c;border-color:#637364}
html[data-style=premium][data-restaurant] #restaurant-site .provider-option:hover{background:#334739}
html[data-style=premium][data-restaurant] #restaurant-site .ingredients li{background:#334739;color:#f3efe3}
html[data-style=premium][data-restaurant] #restaurant-site :is(#ordering-introduction,.provider-copy>span,.ordering-footnote,.ordering-steps p,.dialog-note){color:#c9d1c5}

/* Friendly: rounded food portraits, playful frames and warm pastel panels. */
html[data-style=friendly][data-restaurant] #restaurant-site{--display:'Trebuchet MS','DM Sans',Arial,sans-serif;--red:#a63b2b;--cobalt:#34564b;--ink:#29382e;--paper:#fff7e7}
html[data-style=friendly][data-restaurant] #restaurant-site .site-header{border:0;padding-block:29px}
html[data-style=friendly][data-restaurant] #restaurant-site .brand-mark{background:#ffe49b;border:1px solid #29382e;border-radius:14px;padding:4px;transform:rotate(-6deg);box-shadow:3px 3px 0 #29382e}
html[data-style=friendly][data-restaurant] #restaurant-site .welcome{gap:8%;padding-block:35px 70px}
html[data-style=friendly][data-restaurant] #restaurant-site h1{font-size:clamp(47px,5.5vw,78px);line-height:1.01;letter-spacing:-.06em}
html[data-style=friendly][data-restaurant] #restaurant-site .welcome .eyebrow{display:inline-block;background:#ffe49b;color:#29382e;padding:9px 15px;border:1px solid #29382e;border-radius:30px;font-size:11px;transform:rotate(-2deg)}
html[data-style=friendly][data-restaurant] #restaurant-site .hero-visual{border:2px solid #29382e;border-radius:120px 120px 30px 30px;box-shadow:9px 9px 0 #e5c287;transform:rotate(2deg);overflow:hidden}
html[data-style=friendly][data-restaurant] #restaurant-site .button{border-radius:35px;border:2px solid #29382e;box-shadow:4px 4px 0 #29382e;font-size:14px}
html[data-style=friendly][data-restaurant] #restaurant-site .fiesta-stripe{background:#d9ebd4;color:#29382e;border-block:1px solid #29382e}
html[data-style=friendly][data-restaurant] #restaurant-site .fiesta-stripe b{color:#a63b2b}
html[data-style=friendly][data-restaurant] #restaurant-site .signature-card{background:#fff;border:1px solid #29382e;border-radius:25px;overflow:hidden;box-shadow:5px 5px 0 #e5c287}
html[data-style=friendly][data-restaurant] #restaurant-site .signature-copy{padding:20px}
html[data-style=friendly][data-restaurant] #restaurant-site .section-heading{border:1px solid #29382e;border-radius:25px}
html[data-style=friendly][data-restaurant] #restaurant-site .menu-heading:before{height:10px;border-radius:30px;background:#e5c287;box-shadow:none}
html[data-style=friendly][data-restaurant] #restaurant-site .celebration-card{border:1px solid #29382e;border-radius:25px}
html[data-style=friendly][data-restaurant] #restaurant-site .story-photo img{border-radius:90px 25px 25px 25px}

@media(max-width:760px){
 html:not([data-style=modern])[data-restaurant] #restaurant-site .welcome{display:flex;flex-direction:column;width:100%;padding:0 0 38px;gap:0;text-align:left}
 html:not([data-style=modern])[data-restaurant] #restaurant-site .hero-visual{order:-1;border-radius:0;transform:none;box-shadow:none;padding:0;border:0}
 html:not([data-style=modern])[data-restaurant] #restaurant-site .hero-visual img{height:250px;min-height:0}
 html:not([data-style=modern])[data-restaurant] #restaurant-site .welcome-copy{padding:34px 24px 0;width:100%}
 html:not([data-style=modern])[data-restaurant] #restaurant-site h1{font-size:clamp(36px,11vw,53px)}
 html:not([data-style=modern])[data-restaurant] #restaurant-site #introduction{font-size:16px}
 html[data-style=classic][data-restaurant] #restaurant-site .hero-visual{width:calc(100% - 40px);padding:7px;border:1px solid #acb9b4;margin-top:18px}
 html[data-style=classic][data-restaurant] #restaurant-site .hero-visual img{height:230px}
 html[data-style=bold][data-restaurant] #restaurant-site .welcome-copy{padding:35px 24px 0}
 html[data-style=bold][data-restaurant] #restaurant-site h1{font-size:clamp(42px,12vw,60px)}
 html[data-style=bold][data-restaurant] #restaurant-site .hero-visual{border-bottom:5px solid #ffce66}
 html[data-style=bold][data-restaurant] #restaurant-site .fiesta-stripe{padding-block:17px}
 html[data-style=premium][data-restaurant] #restaurant-site .welcome{text-align:center;padding-bottom:0;gap:30px}
 html[data-style=premium][data-restaurant] #restaurant-site .hero-visual{order:1}
 html[data-style=premium][data-restaurant] #restaurant-site .welcome-copy{padding-top:38px}
 html[data-style=premium][data-restaurant] #restaurant-site h1{font-size:clamp(40px,12vw,58px)}
 html[data-style=premium][data-restaurant] #restaurant-site .hero-actions{justify-content:center}
 html[data-style=friendly][data-restaurant] #restaurant-site .hero-visual{width:calc(100% - 42px);margin-top:20px;border:2px solid #29382e;border-radius:70px 70px 25px 25px;box-shadow:5px 5px 0 #e5c287}
 html[data-style=friendly][data-restaurant] #restaurant-site .hero-visual img{height:240px}
 html[data-style=friendly][data-restaurant] #restaurant-site .welcome-copy{padding-top:32px}
 html[data-style=friendly][data-restaurant] #restaurant-site .signature-rail{padding:0 6px 12px 0}
}