/**
 * Comedy Republic — Bar & Food: the whole design stylesheet for page-bar.php.
 *
 * The only stylesheet this page loads (+ Google fonts): functions.php enqueues it when
 * cr_design_page() is 'bar' — no theme.css, design-base.css or design-home.css. It carries its own
 * chrome (header, footer with the mailing-list form, menu), which differs slightly from the homepage's.
 *
 * PORTED from docs/design/canvas/BarFood.dc.html (its <style> block), value for value, between the
 * PORT-BEGIN / PORT-END markers. Do not round, re-tokenise or reorder; change the design, then re-port.
 * Scoping (as round 1): the design root .cr is .crd; every other selector is prefixed with `.crd `
 * (inside media queries too); the bare a / a:hover resets are :where(.crd) a; html / body stay global.
 * Asset URLs: /_blob/<id> → ../design/<file> (+ ../fonts/guess-sans-800.woff2).
 * Check the port is intact: python3 tests/visual/port-css.py docs/design/canvas/BarFood.dc.html --check assets/css/design-bar.css
 *
 * After PORT-END: theme additions (things the design does not need because it is one static page).
 * The chrome block is the same in every inner page's file (foundation); the page block is the Bar & Food builder's.
 */

/* ==== PORT-BEGIN docs/design/canvas/BarFood.dc.html ==== */
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:#F5F0D3}
:where(.crd) a{color:inherit}
:where(.crd) a:hover{color:inherit}

.crd{--cream:#F5F0D3;--card:#FFFDF6;--ivory:#FFFBEA;--ink:#2E2D2A;--ink-dk:#242321;--green:#4F744A;--green-dk:#33502F;--sage:#8E9680;--gold:#FFBC29;--gold-dk:#A87700;--ox:#720002;--ox-dk:#3F0001;--blue:#1C79AE;--grey:#B1B2B0;--line:rgba(46,45,42,.15);--muted:#5C5A53;--wrap:1320px;--gut:clamp(20px,4.4vw,64px);position:relative;background-color:var(--cream);background-image:linear-gradient(rgba(245,240,211,.85),rgba(245,240,211,.85)),url('../design/grain.webp');background-size:auto,220px 220px;background-blend-mode:normal,multiply;color:var(--ink);font-family:'futura-pt','Helvetica Neue',Helvetica,Arial,sans-serif;font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}
:where(.crd) *,:where(.crd) *::before,:where(.crd) *::after{box-sizing:border-box}
:where(.crd) img{display:block;max-width:100%;height:auto}
:where(.crd) h1,:where(.crd) h2,:where(.crd) h3,:where(.crd) p,:where(.crd) address,:where(.crd) dl,:where(.crd) dd,:where(.crd) ul{margin:0}
:where(.crd) ul{padding:0;list-style:none}
:where(.crd) button,:where(.crd) input{font:inherit;color:inherit}
.crd :focus-visible{outline:3px solid var(--ink);outline-offset:3px;box-shadow:0 0 0 3px var(--gold)}
.crd .cr-footer :focus-visible,.crd .cr-signup :focus-visible,.crd .cr-done :focus-visible,.crd .cr-tab:focus-visible,.crd .cr-promo:focus-visible,.crd .cr-new__panel :focus-visible,.crd .cr-hero :focus-visible,.crd .ev-car :focus-visible,.crd .ct-pass :focus-visible,.crd .ct-cta__band :focus-visible,.crd .yv-food :focus-visible{outline-color:var(--gold);box-shadow:0 0 0 3px var(--ink-dk)}
.crd .cr-wrap{width:min(var(--wrap),calc(100% - 2 * var(--gut)));margin-inline:auto}
.crd .cr-grain{display:none}
.crd .cr-ico{flex:none;width:18px;height:18px}
.crd .cr-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.crd .cr-display{font-family:'futura-pt-bold','Futura','Century Gothic','Avenir Next',sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.01em;line-height:.95}
.crd .cr-script{font-family:'Norican','Brush Script MT',cursive;font-weight:400;line-height:1}
.crd .cr-x-ink{text-shadow:-1px 1px 0 #BAB6A2,-2px 2px 0 #AEAA96,-3px 3px 0 #A29E8A,-4px 4px 0 #96927E,-5px 5px 0 #8A8672}

/* Header */
.crd .cr-header{position:sticky;top:0;z-index:50;background:rgba(245,240,211,.9);-webkit-backdrop-filter:blur(12px) saturate(1.3);backdrop-filter:blur(12px) saturate(1.3);border-bottom:1px solid var(--line)}
.crd .cr-header__inner{display:flex;align-items:center;gap:20px;min-height:88px}
.crd .cr-burger{display:none;flex:none;width:46px;height:46px;padding:0;border:0;background:none;cursor:pointer;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px}
.crd .cr-burger span{display:block;width:24px;height:2px;border-radius:2px;background:var(--ink)}
.crd .cr-burger span:nth-child(2){width:17px}
.crd .cr-burger--x{align-items:center}
.crd .cr-brand{display:flex;flex-direction:column;align-items:flex-start;gap:7px;text-decoration:none}
.crd .cr-brand__logo{width:232px}
.crd .cr-tagline{font-weight:900;font-size:9.5px;line-height:1;letter-spacing:.27em;text-transform:uppercase;color:var(--muted);padding-left:5px;white-space:nowrap}
.crd .cr-nav{display:flex;align-items:center;gap:2px;margin-left:auto}
.crd .cr-nav a{font-weight:700;font-size:15.5px;text-decoration:none;padding:12px 16px;border-radius:999px;transition:background .2s}
.crd .cr-nav a:hover{background:rgba(46,45,42,.07)}
.crd .cr-nav a[aria-current]{text-decoration:underline;text-decoration-color:var(--ox);text-decoration-thickness:2px;text-underline-offset:8px}
.crd .cr-search{flex:none;width:48px;height:48px;margin-left:6px;border-radius:50%;border:1.5px solid var(--ink);display:grid;place-items:center;text-decoration:none;transition:background .2s,color .2s}
.crd .cr-search:hover{background:var(--ink);color:var(--cream)}
.crd .cr-whatson{display:inline-flex;align-items:center;gap:10px;height:48px;padding:0 22px 0 18px;margin-left:8px;border-radius:999px;background:var(--ink);color:var(--cream);font-weight:900;font-size:14.5px;letter-spacing:.03em;text-decoration:none;white-space:nowrap;box-shadow:-3px 3px 0 rgba(46,45,42,.28);transition:transform .15s,box-shadow .15s}
.crd .cr-whatson:hover{color:var(--cream);transform:translate(-1px,1px);box-shadow:-2px 2px 0 rgba(46,45,42,.28)}

/* Shared bits */
.crd .cr-art{position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:center;width:62px;height:62px;border-radius:12px;color:var(--ivory);background:var(--ink)}
.crd .cr-art::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(rgba(0,0,0,.22) 1px,rgba(0,0,0,0) 1.7px) 0 0/5px 5px,radial-gradient(120% 100% at 15% 0%,rgba(255,255,255,.22),rgba(255,255,255,0) 58%)}
.crd .cr-art__ini{font-family:'futura-pt-bold','Futura',sans-serif;font-weight:800;font-size:23px;line-height:1;letter-spacing:.02em;text-shadow:-1px 1px 0 rgba(0,0,0,.3),-2px 2px 0 rgba(0,0,0,.22)}
.crd .cr-art--blue{background-color:var(--blue)}
.crd .cr-art--gold{background-color:var(--gold);color:var(--ink)}
.crd .cr-chip{position:relative;display:inline-flex;align-items:center;height:22px;padding:0 10px 0 8px;border-radius:3px;font-weight:900;font-size:10px;line-height:1;letter-spacing:.15em;text-transform:uppercase;white-space:nowrap}
.crd .cr-chip::after{content:'';position:absolute;top:0;right:0;width:7px;height:7px;background:linear-gradient(225deg,var(--card) 0 50%,rgba(0,0,0,.26) 50%);border-bottom-left-radius:2px}
.crd .cr-chip--last{background:var(--ox);color:#FFF6E0}
.crd .cr-cattag{display:inline-flex;align-items:center;height:26px;padding:0 10px;border:1px solid rgba(46,45,42,.45);border-radius:4px;font-weight:900;font-size:10.5px;line-height:1;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.crd .cr-status{display:inline-flex;align-items:center;gap:8px;font-weight:900;font-size:13px}
.crd .cr-status--fast{color:#9A5B00}
.crd .cr-status i{display:inline-block;width:8px;height:8px;border-radius:50%;background:currentColor;animation:cr-pulse-f 1.8s ease-out infinite}
@keyframes cr-pulse-f{0%{box-shadow:0 0 0 0 rgba(154,91,0,.55)}70%{box-shadow:0 0 0 7px rgba(154,91,0,0)}100%{box-shadow:0 0 0 0 rgba(154,91,0,0)}}
.crd .cr-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:0 26px;border:0;border-radius:12px;font-weight:900;font-size:15px;line-height:1.2;letter-spacing:.02em;text-align:center;text-decoration:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .2s,color .2s}
.crd .cr-btn .cr-ico{width:17px;height:17px}
.crd .cr-btn--outline{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
.crd .cr-btn--outline:hover{background:var(--ink);color:var(--cream)}
.crd .cr-btn--ox{background:var(--ox);color:#FFF6E0;box-shadow:-3px 3px 0 var(--ox-dk)}
.crd .cr-btn--ox:hover{color:#FFF6E0;transform:translate(-1px,1px);box-shadow:-2px 2px 0 var(--ox-dk)}


/* Shared extras for the content pages */
.crd .cr-art--ox{background-color:var(--ox)}
.crd .cr-art--green{background-color:var(--green)}
.crd .cr-art--ink{background-color:var(--ink)}
.crd .cr-art--sage{background-color:var(--sage);color:var(--ink)}
.crd .cr-art--gold .cr-art__ini,.crd .cr-art--sage .cr-art__ini{text-shadow:-1px 1px 0 rgba(255,255,255,.4),-2px 2px 0 rgba(255,255,255,.22)}
.crd .cr-chip--fast{background:var(--gold);color:var(--ink)}
.crd .cr-chip--sold{background:var(--ink);color:var(--cream)}
.crd .cr-chip--ink{background:#4A463F;color:#FFF6E0}
.crd .cr-btn--gold{background:var(--gold);color:var(--ink);box-shadow:-3px 3px 0 var(--gold-dk)}
.crd .cr-btn--gold:hover{color:var(--ink);transform:translate(-1px,1px);box-shadow:-2px 2px 0 var(--gold-dk)}
.crd .cr-btn--ox:active,.crd .cr-btn--gold:active{transform:translate(-3px,3px);box-shadow:0 0 0 transparent}
.crd .cr-btn--block{width:100%}
.crd .cr-btn--lg{min-height:60px;padding:0 32px;font-size:16.5px;border-radius:14px}
.crd .cr-btn .cr-ico{transition:transform .2s}
.crd .cr-btn:hover .cr-ico--go{transform:translateX(3px)}
.crd .cr-x-sm{text-shadow:-1px 1px 0 rgba(0,0,0,.32),-2px 2px 0 rgba(0,0,0,.26),-3px 3px 0 rgba(0,0,0,.2)}

.crd .pg-hero{position:relative;padding-top:56px}
.crd .pg-kicker{font-size:42px;color:var(--ox);transform:rotate(-4deg);transform-origin:left bottom}
.crd .pg-title{margin-top:12px;font-size:clamp(48px,5.6vw,80px);line-height:.88}
.crd .pg-lede{margin-top:20px;max-width:36em;font-size:19px;line-height:1.6;color:var(--muted)}
.crd .pg-rule{position:relative;margin-top:40px;border-top:1.5px solid var(--ink)}
.crd .pg-rule::after{content:'';position:absolute;left:0;right:0;top:4px;border-top:1px solid var(--ink)}
.crd .pg-h2{font-size:clamp(28px,2.6vw,36px);line-height:.95}
.crd .pg-h3{font-size:22px;line-height:1}
.crd .pg-copy{font-size:17px;line-height:1.65;color:var(--muted)}
.crd .pg-copy strong{color:var(--ink)}
.crd .pg-tbc{color:var(--muted);font-style:italic}

.crd .pg-card{position:relative;border-radius:24px;background-color:var(--card);background-image:linear-gradient(rgba(255,253,246,.85),rgba(255,253,246,.85)),url('../design/grain.webp');background-size:auto,220px 220px;background-blend-mode:normal,multiply;border:1px solid rgba(46,45,42,.16);box-shadow:0 30px 60px -44px rgba(46,45,42,.6),0 8px 18px -14px rgba(46,45,42,.2)}

.crd .pg-facts{margin:0}
.crd .pg-fact{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:center;gap:16px;padding:15px 0;border-top:1px dashed rgba(46,45,42,.22)}
.crd .pg-fact:first-child{padding-top:0;border-top:0}
.crd .pg-fact:last-child{padding-bottom:0}
.crd .pg-fact dt{display:flex;align-items:center;gap:12px;font-weight:900;font-size:10.5px;line-height:1;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.crd .pg-fact__ico{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(79,116,74,.11);color:var(--green-dk)}
.crd .pg-fact__ico .cr-ico{width:18px;height:18px}
.crd .pg-fact dd{font-weight:700;font-size:16px;line-height:1.45}
.crd .pg-fact dd span{font-weight:400;color:var(--muted)}

.crd .pg-acc{border-top:1.5px solid var(--ink)}
.crd .pg-acc__item{border-bottom:1px solid rgba(46,45,42,.2)}
.crd .pg-acc__btn{width:100%;min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 2px;border:0;background:none;color:var(--ink);font-family:'futura-pt-bold','Futura',sans-serif;font-weight:800;font-size:18px;line-height:1.1;letter-spacing:.015em;text-transform:uppercase;text-align:left;cursor:pointer}
.crd .pg-acc__sign{flex:none;width:34px;height:34px;border-radius:50%;border:1.5px solid var(--ink);display:grid;place-items:center;transition:background .2s,color .2s,transform .25s}
.crd .pg-acc__sign .cr-ico{width:15px;height:15px}
.crd .pg-acc__btn:hover .pg-acc__sign{background:var(--ink);color:var(--cream)}
.crd .pg-acc__item.is-open .pg-acc__sign{background:var(--ink);color:var(--cream);transform:rotate(45deg)}
.crd .pg-acc__body{padding:0 52px 22px 2px;font-size:16px;line-height:1.6;color:var(--muted)}

.crd .pg-map{position:relative;isolation:isolate;overflow:hidden;min-height:300px;border-radius:20px;background:var(--green) url('../design/texture-felt.webp') center/360px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.crd .pg-map svg{position:absolute;inset:0;width:100%;height:100%}
.crd .pg-map__open{position:absolute;z-index:2;right:12px;bottom:12px;display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px;border-radius:999px;background:var(--cream);color:var(--ink);font-weight:900;font-size:12.5px;text-decoration:none;box-shadow:-2px 2px 0 rgba(0,0,0,.28);transition:transform .15s}
.crd .pg-map__open:hover{transform:translate(-1px,1px)}
.crd .pg-map__open .cr-ico{width:14px;height:14px}

.crd .pg-tix{display:inline-flex;text-decoration:none;filter:drop-shadow(-3px 3px 0 var(--ox-dk));transition:transform .15s ease,filter .15s ease}
.crd .pg-tix:hover{transform:translate(-1px,1px);filter:drop-shadow(-2px 2px 0 var(--ox-dk))}
.crd .pg-tix:active{transform:translate(-3px,3px);filter:drop-shadow(0 0 0 var(--ox-dk))}
.crd .pg-tix__body{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;min-width:300px;height:64px;padding:0 34px 0 78px;border-radius:12px;background:var(--ox);color:#FFF6E0;font-weight:900;font-size:18px;line-height:1;letter-spacing:.02em;white-space:nowrap;-webkit-mask:radial-gradient(circle 9px at 0 50%,#0000 96%,#000) 0 0/51% 100% no-repeat,radial-gradient(circle 9px at 100% 50%,#0000 96%,#000) 100% 0/51% 100% no-repeat;mask:radial-gradient(circle 9px at 0 50%,#0000 96%,#000) 0 0/51% 100% no-repeat,radial-gradient(circle 9px at 100% 50%,#0000 96%,#000) 100% 0/51% 100% no-repeat}
.crd .pg-tix__body::before{content:'';position:absolute;left:58px;top:13px;bottom:13px;border-left:2px dashed rgba(255,246,224,.45)}
.crd .pg-tix__ico{position:absolute;left:21px;top:50%;width:22px;height:22px;margin-top:-11px;opacity:.9}
.crd .pg-tix__arrow{width:18px;height:18px;transition:transform .2s}
.crd .pg-tix:hover .pg-tix__arrow{transform:translateX(3px)}

/* Bar & Food */
.crd .bf-herowrap{padding-top:28px}
.crd .bf-hero{--counter:27%;position:relative;isolation:isolate;overflow:hidden;aspect-ratio:21/8;min-height:320px;border-radius:28px;background:linear-gradient(180deg,rgba(226,160,78,.62),rgba(150,88,36,.5) 60%,rgba(60,32,12,.6)),url('../design/curtain-olive.jpg') center 30%/cover;background-color:#1A120B;background-blend-mode:overlay,normal;box-shadow:0 44px 80px -48px rgba(46,45,42,.8),0 10px 24px -16px rgba(46,45,42,.35)}
.crd .bf-hero::before{content:'';position:absolute;inset:0;z-index:0;background:radial-gradient(55% 85% at 64% 0%,rgba(255,214,140,.5),rgba(255,214,140,0) 62%),radial-gradient(40% 60% at 12% 100%,rgba(255,170,80,.22),rgba(255,170,80,0) 70%),linear-gradient(180deg,rgba(20,12,6,.18),rgba(20,12,6,.08) 40%,rgba(10,6,3,.5))}
.crd .bf-hero::after{content:'';position:absolute;inset:0;z-index:7;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);pointer-events:none}
.crd .bf-hero__glow{position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 18% 24%,rgba(255,200,110,.38) 0 18px,rgba(255,200,110,0) 40px),radial-gradient(circle at 34% 14%,rgba(255,226,160,.32) 0 12px,rgba(255,226,160,0) 30px),radial-gradient(circle at 82% 22%,rgba(255,190,90,.34) 0 22px,rgba(255,190,90,0) 48px),radial-gradient(circle at 92% 46%,rgba(255,226,160,.22) 0 14px,rgba(255,226,160,0) 34px),radial-gradient(circle at 8% 52%,rgba(255,190,90,.22) 0 16px,rgba(255,190,90,0) 36px);mix-blend-mode:screen;pointer-events:none}
.crd .bf-hero__bulbs{position:absolute;z-index:2;left:0;right:0;top:14px;height:12px;background:radial-gradient(circle,#FFE8A8 0 2px,rgba(255,188,41,.55) 3px,rgba(255,188,41,0) 6px) 0 50%/26px 12px repeat-x;animation:bf-bulbs 1.6s steps(1,end) infinite}
@keyframes bf-bulbs{0%{opacity:1}50%{opacity:.6}}
.crd .bf-hero__counter{position:absolute;z-index:5;left:0;right:0;bottom:0;height:var(--counter);background:linear-gradient(180deg,#9A6838 0,#7A4E2A 8%,#3A2311 8% 10.5%,#5E3B1F 10.5%,#3B2412 70%,#26170A)}
.crd .bf-hero__counter::before{content:'';position:absolute;left:0;right:0;top:0;height:2px;background:#E9BC7C;box-shadow:0 0 22px 4px rgba(255,200,120,.28)}
.crd .bf-hero__counter::after{content:'';position:absolute;left:0;right:0;top:10.5%;bottom:0;background:repeating-linear-gradient(90deg,rgba(255,220,170,.05) 0 2px,rgba(0,0,0,0) 2px 158px,rgba(0,0,0,.26) 158px 161px,rgba(0,0,0,0) 161px 164px)}
.crd .bf-hero__rail{position:absolute;z-index:1;left:0;right:0;bottom:14%;height:5px;border-radius:3px;background:linear-gradient(180deg,#F4D38E,#C9973E 55%,#8C6420);box-shadow:0 3px 6px rgba(0,0,0,.45)}
.crd .bf-hero__drinks{position:absolute;z-index:4;left:41%;bottom:calc(var(--counter) - 17%);height:70%;width:auto;max-width:none;filter:drop-shadow(0 14px 12px rgba(0,0,0,.45))}
.crd .bf-hero__toastie{position:absolute;z-index:4;right:7%;bottom:calc(var(--counter) - 17%);height:64%;width:auto;max-width:none;transform:rotate(4deg);filter:drop-shadow(0 14px 12px rgba(0,0,0,.45))}
.crd .bf-flagwrap{position:absolute;z-index:6;top:42px;right:24px;filter:drop-shadow(-3px 3px 0 rgba(0,0,0,.34))}
.crd .bf-flag{height:32px;gap:8px;padding:0 15px 0 12px;font-size:11px;clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%)}
.crd .bf-flag::after{width:8px;height:8px;background:linear-gradient(225deg,rgba(0,0,0,0) 0 50%,#C58A00 50%)}
.crd .bf-flag i{display:block;width:8px;height:8px;border-radius:50%;background:var(--green);animation:bf-pulse 1.8s ease-out infinite}
@keyframes bf-pulse{0%{box-shadow:0 0 0 0 rgba(79,116,74,.65)}70%{box-shadow:0 0 0 7px rgba(79,116,74,0)}100%{box-shadow:0 0 0 0 rgba(79,116,74,0)}}
.crd .bf-hero__cap{position:absolute;z-index:6;left:0;bottom:calc(var(--counter) * .2);height:calc(var(--counter) * .7);max-width:46%;display:flex;flex-direction:column;justify-content:center;padding:0 0 0 36px}
.crd .bf-hero__title{font-size:clamp(32px,3.3vw,48px);line-height:.92;white-space:nowrap;color:var(--ivory);text-shadow:-1px 1px 0 #1C1108,-2px 2px 0 #1C1108,-3px 3px 0 rgba(28,17,8,.7),-4px 4px 0 rgba(28,17,8,.45)}
.crd .bf-hero__sub{margin-top:8px;font-weight:700;font-size:17px;color:rgba(255,236,196,.88)}
.crd .bf-hero__shelf{position:absolute;z-index:2;left:3%;bottom:calc(var(--counter) + 14%);width:38%;height:auto;overflow:visible}

.crd .bf-intro{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:64px;align-items:start;margin-top:16px}
.crd .bf-intro__copy.pg-hero{padding-top:40px}
.crd .bf-title{max-width:11em;font-size:clamp(42px,4.4vw,64px);line-height:.92}
.crd .bf-hours{margin-top:48px;padding:26px 28px 24px}
.crd .bf-hours__head{display:flex;align-items:center;justify-content:space-between}
.crd .bf-hours__clock{display:grid;place-items:center;color:var(--ox)}
.crd .bf-hours__clock .cr-ico{width:26px;height:26px}
.crd .bf-hours__list{margin:16px 0 0}
.crd .bf-hrow{display:grid;grid-template-columns:150px minmax(0,1fr);align-items:baseline;gap:12px;padding:10px 12px;margin:0 -12px;border-radius:12px;font-size:15.5px}
.crd .bf-hrow + .bf-hrow{border-top:1px dashed rgba(46,45,42,.16)}
.crd .bf-hrow dt{display:flex;align-items:center;gap:8px;color:var(--muted)}
.crd .bf-hrow dd{font-weight:900}
.crd .bf-hrow__note{display:block;margin-top:2px;font-weight:400;font-size:13.5px;line-height:1.35;color:var(--muted)}
.crd .bf-hrow.is-today .bf-hrow__note{color:rgba(245,240,211,.7)}
.crd .bf-hrow.is-closed dd{color:var(--muted);font-weight:700}
.crd .bf-hrow.is-today{background:var(--ink);color:var(--cream);border-top-color:transparent}
.crd .bf-hrow.is-today + .bf-hrow{border-top-color:transparent}
.crd .bf-hrow.is-today dt{color:rgba(245,240,211,.78)}
.crd .bf-today{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:999px;background:var(--gold);color:var(--ink);font-weight:900;font-size:9.5px;letter-spacing:.14em;text-transform:uppercase}
.crd .bf-hours__note{margin-top:14px;padding-top:14px;border-top:1px solid var(--line);font-size:14px;line-height:1.5;color:var(--muted)}

.crd .bf-sec{margin-top:88px}
.crd .bf-sec__head .pg-copy{margin-top:12px;max-width:34em}
.crd .bf-only-mob{display:none}
.crd .bf-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:26px}
.crd .bf-item{display:flex;align-items:center;gap:20px;padding:14px 22px 14px 14px;border-radius:22px;background-color:var(--card);background-image:linear-gradient(rgba(255,253,246,.85),rgba(255,253,246,.85)),url('../design/grain.webp');background-size:auto,220px 220px;background-blend-mode:normal,multiply;border:1px solid rgba(46,45,42,.14);box-shadow:0 20px 36px -30px rgba(46,45,42,.5)}
.crd .bf-item__art{position:relative;isolation:isolate;overflow:hidden;flex:none;display:flex;align-items:flex-end;justify-content:center;width:104px;height:104px;border-radius:18px;color:var(--ivory)}
.crd .bf-item__art::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(rgba(0,0,0,.2) 1px,rgba(0,0,0,0) 1.7px) 0 0/5px 5px,radial-gradient(120% 100% at 15% 0%,rgba(255,255,255,.24),rgba(255,255,255,0) 58%)}
.crd .bf-item__art img{height:88%;width:auto;max-width:none;margin-bottom:-6%;filter:drop-shadow(-3px 4px 0 rgba(0,0,0,.2))}
.crd .bf-item__art img.bf-item__wide{height:76%;margin-bottom:-4%}
.crd .bf-item__art--type{align-items:center;flex-direction:column;justify-content:center;gap:4px;text-align:center;color:var(--ink)}
.crd .bf-item__art--type.cr-art--ox{color:var(--ivory)}
.crd .cr-art--ox .bf-type__b{color:var(--gold)}
.crd .bf-item__chip--mob{display:none}
.crd .bf-type__a{font-family:'futura-pt-bold','Futura',sans-serif;font-weight:800;font-size:17px;line-height:.92;text-transform:uppercase;padding:0 8px}
.crd .bf-type__b{font-family:'Norican','Brush Script MT',cursive;font-size:20px;line-height:1;color:var(--ox)}
.crd .bf-item__txt{flex:1;min-width:0}
.crd .bf-item__name{font-family:'futura-pt-bold','Futura',sans-serif;font-weight:800;font-size:21px;line-height:1.02;letter-spacing:.015em;text-transform:uppercase}
.crd .bf-item__note{margin-top:6px;font-size:15px;line-height:1.4;color:var(--muted)}
.crd .bf-item__chip{flex:none;align-self:flex-start;margin-top:6px}

.crd .bf-food{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,2fr);gap:48px;align-items:start;margin-top:88px}
.crd .bf-food__copy{padding-top:10px}
.crd .bf-food__copy .pg-copy{margin-top:14px;max-width:24em}
.crd .bf-food__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.crd .bf-dish{overflow:hidden;border-radius:22px;background-color:var(--card);background-image:linear-gradient(rgba(255,253,246,.85),rgba(255,253,246,.85)),url('../design/grain.webp');background-size:auto,220px 220px;background-blend-mode:normal,multiply;border:1px solid rgba(46,45,42,.16);box-shadow:0 24px 40px -32px rgba(46,45,42,.55);transition:transform .3s cubic-bezier(.2,.75,.2,1)}
@media (hover:hover){.crd .bf-dish:hover{transform:translateY(-3px) rotate(-.6deg)}}
.crd .bf-dish__art{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:flex-end;justify-content:center;height:220px;color:var(--ivory)}
.crd .bf-dish__art::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(rgba(0,0,0,.2) 1.1px,rgba(0,0,0,0) 1.9px) 0 0/7px 7px,radial-gradient(120% 100% at 15% 0%,rgba(255,255,255,.26),rgba(255,255,255,0) 58%)}
.crd .bf-dish__art img{height:86%;width:auto;max-width:none;margin-bottom:-8px;filter:drop-shadow(-4px 6px 0 rgba(0,0,0,.22))}
.crd .bf-dish__art--type{align-items:center;flex-direction:column;justify-content:center;gap:6px}
.crd .bf-dish__art--type .bf-type__a{font-size:42px;color:var(--ivory)}
.crd .bf-dish__art--type .bf-type__b{font-size:34px;color:var(--gold)}
.crd .bf-dish__body{padding:16px 20px 18px}
.crd .bf-dish__name{font-family:'futura-pt-bold','Futura',sans-serif;font-weight:800;font-size:20px;line-height:1.02;letter-spacing:.015em;text-transform:uppercase}
.crd .bf-dish__note{margin-top:5px;font-size:14.5px;color:var(--muted)}

.crd .bf-findwrap{margin-top:88px}
.crd .bf-find{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:40px;align-items:stretch;padding:36px 36px 36px 40px}
.crd .bf-find::after{content:'';position:absolute;inset:9px;border:1px solid rgba(79,116,74,.22);border-radius:16px;pointer-events:none}
.crd .bf-find__facts{margin-top:24px}
.crd .bf-find__copy{position:relative;z-index:1}
.crd .bf-map{position:relative;z-index:1;min-height:300px}

.crd .bf-cta{display:flex;justify-content:center;margin-top:56px;padding-bottom:96px}
.crd .bf-cta__tix .pg-tix__body{min-width:360px}

/* Footer */
.crd .cr-footer{position:relative;isolation:isolate;overflow:hidden;padding:76px 0 34px;background:var(--ink-dk);color:var(--ivory)}
.crd .cr-footer__mark{position:absolute;z-index:-1;right:-70px;bottom:-120px;width:430px;opacity:.06;pointer-events:none}
.crd .cr-footer__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,1fr);gap:48px;align-items:start}
.crd .cr-footer__logo{width:280px}
.crd .cr-footer__addr{margin-top:22px;font-style:normal;font-size:16px;line-height:1.65;color:rgba(245,240,211,.78)}
.crd .cr-footer__links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 28px}
.crd .cr-footer__links a{width:fit-content;padding:6px 0;font-size:16px;line-height:1.35;text-decoration:none;color:var(--ivory);background:linear-gradient(var(--gold),var(--gold)) 0 calc(100% - 4px)/0 2px no-repeat;transition:background-size .25s}
.crd .cr-footer__links a:hover{color:var(--ivory);background-size:100% 2px}
.crd .cr-ftform{display:flex;flex-direction:column;gap:10px}
.crd .cr-ftform__label{font-weight:900;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:rgba(245,240,211,.72)}
.crd .cr-ftform__row{display:flex;gap:8px}
.crd .cr-ftform__input{flex:1;min-width:0;height:52px;padding:0 16px;border-radius:12px;border:1.5px solid rgba(245,240,211,.28);background:rgba(245,240,211,.05);color:var(--ivory);font-size:15px}
.crd .cr-ftform__input::placeholder{color:rgba(245,240,211,.5)}
.crd .cr-ftform__input[aria-invalid="true"]{border-color:var(--gold)}
.crd .cr-ftform__input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 4px rgba(255,188,41,.2)}
.crd .cr-ftform__btn{flex:none;height:52px;padding:0 20px;border:0;border-radius:12px;background:var(--gold);color:var(--ink);font-weight:900;font-size:15px;cursor:pointer;box-shadow:-3px 3px 0 var(--gold-dk);transition:transform .15s,box-shadow .15s}
.crd .cr-ftform__btn:hover{transform:translate(-1px,1px);box-shadow:-2px 2px 0 var(--gold-dk)}
.crd .cr-ftform__note{font-size:13.5px;color:rgba(245,240,211,.72)}
.crd .cr-ftform__done{display:flex;align-items:center;gap:10px;min-height:52px;font-family:'futura-pt-bold','Futura',sans-serif;font-weight:800;text-transform:uppercase;font-size:20px;color:var(--gold)}
.crd .cr-footer__base{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:64px;padding-top:22px;border-top:1px solid rgba(245,240,211,.14);font-size:13.5px;color:rgba(245,240,211,.62)}
.crd .cr-footer__legal{display:flex;gap:22px}
.crd .cr-footer__legal a{padding:6px 0;text-decoration:none}
.crd .cr-footer__legal a:hover{color:var(--ivory)}

/* Menu */
.crd .cr-menu{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;background:rgba(36,35,33,.5);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}
.crd .cr-menu__panel{background:var(--cream);padding-bottom:30px;box-shadow:0 30px 60px -30px rgba(0,0,0,.5);animation:cr-drop .35s cubic-bezier(.2,.75,.2,1)}
@keyframes cr-drop{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}
.crd .cr-menu__bar{display:flex;align-items:center;gap:10px;min-height:70px;border-bottom:1.5px solid var(--ink)}
.crd .cr-menu__nav{display:flex;flex-direction:column;margin-top:6px}
.crd .cr-menu__item{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:24px 0 21px;border-bottom:1px solid var(--line);text-decoration:none}
.crd .cr-menu__label{flex:none;font-size:clamp(32px,8.6vw,46px);line-height:.95;white-space:nowrap}
.crd .cr-menu__desc{flex:1;min-width:0;font-size:15px;line-height:1.3;color:var(--muted);text-align:right}
.crd .cr-menu__cta{width:100%;margin-top:26px}


@media (max-width:1099px){
  .crd .cr-nav a{padding:10px 11px;font-size:15px}
  .crd .cr-brand__logo{width:200px}
}
@media (max-width:899px){
  .crd .cr-header__inner{min-height:70px;gap:10px}
  .crd .cr-burger{display:flex}
  .crd .cr-brand{flex:1;align-items:center;gap:5px}
  .crd .cr-brand__logo{width:158px}
  .crd .cr-tagline{padding-left:0;font-size:7.5px;letter-spacing:.2em}
  .crd .cr-nav,.crd .cr-search{display:none}
  .crd .cr-whatson{height:42px;padding:0 14px 0 12px;margin-left:0;gap:8px;font-size:13px;box-shadow:none}
  .crd .cr-whatson:hover{transform:none;box-shadow:none}
  .crd .cr-whatson .cr-ico{width:16px;height:16px}
  .crd .pg-hero{padding-top:30px}
  .crd .pg-kicker{font-size:32px}
  .crd .pg-title{margin-top:8px;font-size:44px;line-height:.92}
  .crd .pg-lede{margin-top:14px;font-size:16.5px}
  .crd .pg-rule{margin-top:26px}
  .crd .pg-h2{font-size:26px}
  .crd .pg-h3{font-size:19px}
  .crd .pg-copy{font-size:15.5px}
  .crd .pg-card{border-radius:20px}
  .crd .pg-fact{grid-template-columns:118px minmax(0,1fr);gap:10px;padding:12px 0}
  .crd .pg-fact dt{gap:10px;font-size:9.5px;letter-spacing:.16em}
  .crd .pg-fact__ico{width:32px;height:32px;border-radius:10px}
  .crd .pg-fact__ico .cr-ico{width:16px;height:16px}
  .crd .pg-fact dd{font-size:14.5px}
  .crd .pg-acc__btn{min-height:56px;font-size:15.5px}
  .crd .pg-acc__sign{width:30px;height:30px}
  .crd .pg-acc__body{padding:0 40px 18px 2px;font-size:15px}
  .crd .pg-map{min-height:210px;border-radius:16px}
  .crd .pg-tix{width:100%}
  .crd .pg-tix__body{flex:1;min-width:0;height:60px;font-size:17px}
  .crd .cr-footer{padding:52px 0 28px}
  .crd .cr-footer__grid{grid-template-columns:minmax(0,1fr);gap:34px}
  .crd .cr-footer__logo{width:228px}
  .crd .cr-footer__addr{margin-top:16px;font-size:15px}
  .crd .cr-footer__links{gap:0 18px}
  .crd .cr-footer__links a{font-size:15.5px}
  .crd .cr-footer__base{flex-direction:column;align-items:flex-start;gap:10px;margin-top:40px}
  .crd .cr-footer__mark{width:260px;right:-60px;bottom:-60px}
}
@media (prefers-reduced-motion:reduce){
  .crd .cr-status i,.crd .cr-menu__panel{animation:none}
  .crd .cr-btn,.crd .pg-tix,.crd .pg-acc__sign{transition:none}
}

@media (max-width:1199px){
  .crd .bf-intro{grid-template-columns:minmax(0,1fr) 400px;gap:40px}
}
@media (max-width:899px){
  .crd .bf-herowrap{padding-top:0}
  .crd .bf-hero{--counter:36%;aspect-ratio:16/9;min-height:0;margin-inline:calc(var(--gut) * -1);border-radius:0;box-shadow:none}
  .crd .bf-hero::after{display:none}
  .crd .bf-hero__bulbs{top:8px;height:10px;background-size:20px 10px}
  .crd .bf-hero__counter::after{background:repeating-linear-gradient(90deg,rgba(255,220,170,.05) 0 2px,rgba(0,0,0,0) 2px 76px,rgba(0,0,0,.26) 76px 78px,rgba(0,0,0,0) 78px 80px)}
  .crd .bf-hero__rail{bottom:9%;height:3px}
  .crd .bf-hero__drinks{left:auto;right:30%;bottom:calc(var(--counter) - 15%);height:56%}
  .crd .bf-hero__toastie{right:5%;bottom:calc(var(--counter) - 15%);height:52%}
  .crd .bf-hero__shelf{left:3%;width:42%;bottom:calc(var(--counter) + 10%)}
  .crd .bf-flagwrap{top:26px;right:14px}
  .crd .bf-flag{height:26px;padding:0 11px 0 9px;font-size:9.5px}
  .crd .bf-hero__cap{max-width:72%;padding:0 0 0 16px;bottom:calc(var(--counter) * .24);height:calc(var(--counter) * .66)}
  .crd .bf-hero__title{font-size:22px}
  .crd .bf-hero__sub{margin-top:4px;font-size:12.5px}
  .crd .bf-intro{grid-template-columns:minmax(0,1fr);gap:0;margin-top:0}
  .crd .bf-intro__copy.pg-hero{padding-top:26px}
  .crd .bf-title{font-size:34px;line-height:.95}
  .crd .bf-hours{margin-top:24px;padding:20px 18px 18px}
  .crd .bf-hrow{grid-template-columns:148px minmax(0,1fr);gap:8px;padding:9px 10px;margin:0 -10px;font-size:14.5px}
  .crd .bf-hrow__note{font-size:12.5px}
  .crd .bf-sec{margin-top:48px}
  .crd .bf-only-desk{display:none}
  .crd .bf-only-mob{display:inline}
  .crd .bf-list{grid-template-columns:minmax(0,1fr);gap:10px;margin-top:18px}
  .crd .bf-item{gap:14px;padding:10px 14px 10px 10px;border-radius:18px}
  .crd .bf-item__art{width:78px;height:78px;border-radius:14px}
  .crd .bf-type__a{font-size:13px}
  .crd .bf-type__b{font-size:15px}
  .crd .bf-item__name{font-size:17px}
  .crd .bf-item__note{font-size:13.5px}
  .crd .bf-item__chip{display:none}
  .crd .bf-item__chip.bf-item__chip--mob{display:inline-flex;margin-top:8px}
  .crd .bf-food{grid-template-columns:minmax(0,1fr);gap:18px;margin-top:48px}
  .crd .bf-food__copy{padding-top:0}
  .crd .bf-food__grid{gap:10px}
  .crd .bf-dish{border-radius:16px}
  .crd .bf-dish__art{height:120px}
  .crd .bf-dish__art--type .bf-type__a{font-size:24px}
  .crd .bf-dish__art--type .bf-type__b{font-size:20px}
  .crd .bf-dish__body{padding:12px 12px 14px}
  .crd .bf-dish__name{font-size:16px}
  .crd .bf-dish__note{font-size:13px}
  .crd .bf-findwrap{margin-top:48px}
  .crd .bf-find{grid-template-columns:minmax(0,1fr);gap:20px;padding:24px 20px 22px}
  .crd .bf-find::after{inset:7px;border-radius:14px}
  .crd .bf-find__facts{margin-top:16px}
  .crd .bf-map{min-height:210px}
  .crd .bf-cta{margin-top:36px;padding-bottom:64px}
  .crd .bf-cta__tix{width:100%}
  .crd .bf-cta__tix .pg-tix__body{min-width:0}
}
@media (min-width:600px) and (max-width:899px){
  .crd .bf-hero{--counter:30%}
  .crd .bf-hero__title{font-size:38px}
  .crd .bf-hero__sub{margin-top:8px;font-size:16px}
  .crd .bf-hero__cap{padding-left:var(--gut)}
  .crd .bf-flagwrap{top:34px;right:var(--gut)}
  .crd .bf-flag{height:30px;font-size:10.5px}
}
@media (prefers-reduced-motion:reduce){
  .crd .bf-hero__bulbs,.crd .bf-flag i{animation:none}
  .crd .bf-dish{transition:none}
}

/* Global nav (wireframe 3a): search panel, compact scrolled header, hamburger under 960px, search + sign-up in the menu */
.crd .cr-search{background:transparent;padding:0;color:var(--ink);cursor:pointer;font:inherit}
.crd .cr-search.is-on{background:var(--ink);color:var(--cream)}
.crd .cr-whatson__x{display:none}
.crd .cr-menu{overflow-y:auto}
.crd .cr-sp{border-top:1px solid var(--line);background-color:var(--card);background-image:linear-gradient(rgba(255,253,246,.85),rgba(255,253,246,.85)),url('../design/grain.webp');background-size:auto,220px 220px;background-blend-mode:normal,multiply;box-shadow:0 34px 50px -36px rgba(46,45,42,.55);animation:cr-drop .3s cubic-bezier(.2,.75,.2,1)}
.crd .cr-sp > .cr-wrap{padding:26px 0 30px}
.crd .cr-sp__row{display:flex;align-items:center;gap:12px}
.crd .cr-sp__field{position:relative;display:block;flex:1;min-width:0}
.crd .cr-sp__ico{position:absolute;left:20px;top:50%;width:22px;height:22px;margin-top:-11px;color:var(--muted);pointer-events:none}
.crd .cr-sp__input{display:block;width:100%;height:64px;padding:0 20px 0 56px;border-radius:16px;border:1.5px solid var(--ink);background:#fff;color:var(--ink);font:inherit;font-size:19px;-webkit-appearance:none;appearance:none}
.crd .cr-sp__input::placeholder{color:#8B887E}
.crd .cr-sp__input::-webkit-search-cancel-button,.crd .cr-ms__input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;display:none}
.crd .cr-sp__input:focus{outline:none;box-shadow:0 0 0 4px rgba(255,188,41,.5)}
.crd .cr-sp__close{flex:none;display:inline-flex;align-items:center;gap:8px;height:64px;padding:0 22px;border-radius:16px;border:1.5px solid var(--ink);background:transparent;color:var(--ink);font-weight:900;font-size:15px;cursor:pointer;transition:background .2s,color .2s}
.crd .cr-sp__close:hover{background:var(--ink);color:var(--cream)}
.crd .cr-sp__close .cr-ico{width:16px;height:16px}
.crd .cr-sp__meta{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-top:22px}
.crd .cr-sp__label{font-weight:900;font-size:11.5px;line-height:1.2;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.crd .cr-sp__all{display:inline-flex;align-items:center;gap:6px;padding:8px 0;margin:-8px 0;font-weight:900;font-size:14px;color:var(--green);text-decoration:none;white-space:nowrap}
.crd .cr-sp__all:hover{color:var(--green);text-decoration:underline;text-underline-offset:3px}
.crd .cr-sp__all .cr-ico{width:15px;height:15px}
.crd .cr-sp__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}
.crd .cr-sp__item{display:flex;align-items:center;gap:14px;min-width:0;padding:10px 16px 10px 10px;border-radius:16px;border:1px solid rgba(46,45,42,.16);background:#FFFEF9;color:var(--ink);text-decoration:none;box-shadow:0 14px 26px -22px rgba(46,45,42,.5);transition:border-color .2s,transform .2s}
.crd .cr-sp__item:hover{color:var(--ink);border-color:var(--ink);transform:translateY(-1px)}
.crd .cr-sp__art{position:relative;isolation:isolate;overflow:hidden;flex:none;display:grid;place-items:center;width:56px;height:56px;border-radius:12px;background-color:var(--ink);color:var(--ivory)}
.crd .cr-sp__art::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(rgba(0,0,0,.22) 1px,rgba(0,0,0,0) 1.7px) 0 0/5px 5px,radial-gradient(120% 100% at 15% 0%,rgba(255,255,255,.22),rgba(255,255,255,0) 58%)}
.crd .cr-sp__art--ox{background-color:var(--ox)}
.crd .cr-sp__art--blue{background-color:var(--blue)}
.crd .cr-sp__art--green{background-color:var(--green)}
.crd .cr-sp__art--gold{background-color:var(--gold);color:var(--ink)}
.crd .cr-sp__art--sage{background-color:var(--sage);color:var(--ink)}
.crd .cr-sp__art--ms{background:var(--green) url('../design/tile-main-stage.jpg') center/cover}
.crd .cr-sp__art--ms::before{display:none}
.crd .cr-sp__ini{font-family:'futura-pt-bold','Futura',sans-serif;font-weight:800;font-size:21px;line-height:1;letter-spacing:.02em;text-shadow:-1px 1px 0 rgba(0,0,0,.3),-2px 2px 0 rgba(0,0,0,.22)}
.crd .cr-sp__art--gold .cr-sp__ini,.crd .cr-sp__art--sage .cr-sp__ini{text-shadow:-1px 1px 0 rgba(255,255,255,.4),-2px 2px 0 rgba(255,255,255,.22)}
.crd .cr-sp__txt{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}
.crd .cr-sp__title{font-family:'futura-pt-bold','Futura',sans-serif;font-weight:800;text-transform:uppercase;font-size:15.5px;line-height:1.08;letter-spacing:.015em}
.crd .cr-sp__when{font-size:13px;line-height:1.35;color:var(--muted)}
.crd .cr-sp__go{flex:none;width:18px;height:18px;color:var(--muted);transition:transform .2s,color .2s}
.crd .cr-sp__item:hover .cr-sp__go{color:var(--ink);transform:translateX(2px)}
.crd .cr-sp__empty{margin-top:14px;padding:20px 22px;border-radius:16px;border:1.5px dashed rgba(46,45,42,.32);font-size:15.5px;line-height:1.5;color:var(--muted)}
.crd .cr-sp__empty a{font-weight:900;color:var(--green)}
.crd .cr-ms{margin-top:16px}
.crd .cr-ms__field{position:relative;display:block}
.crd .cr-ms__field .cr-sp__ico{left:16px;width:20px;height:20px;margin-top:-10px}
.crd .cr-ms__input{display:block;width:100%;height:54px;padding:0 16px 0 46px;border-radius:14px;border:1.5px solid var(--ink);background:#fff;color:var(--ink);font:inherit;font-size:16px;-webkit-appearance:none;appearance:none}
.crd .cr-ms__input::placeholder{color:#8B887E}
.crd .cr-ms__input:focus{outline:none;box-shadow:0 0 0 4px rgba(255,188,41,.5)}
.crd .cr-ms__results{display:flex;flex-direction:column;gap:8px;margin-top:14px}
.crd .cr-ms__results .cr-sp__label{margin-bottom:2px}
.crd .cr-ms__results .cr-sp__item{padding:8px 14px 8px 8px}
.crd .cr-ms__results .cr-sp__art{width:46px;height:46px;border-radius:10px}
.crd .cr-ms__results .cr-sp__ini{font-size:17px}
.crd .cr-ms__results .cr-sp__empty{margin-top:0;padding:16px 18px;font-size:14.5px}
.crd .cr-msign{display:flex;flex-direction:column;gap:10px;margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}
.crd .cr-msign__label{font-weight:900;font-size:11px;line-height:1;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.crd .cr-msign__row{display:flex;gap:8px}
.crd .cr-msign__input{flex:1;min-width:0;height:52px;padding:0 16px;border-radius:12px;border:1.5px solid rgba(46,45,42,.4);background:#fff;color:var(--ink);font:inherit;font-size:15px}
.crd .cr-msign__input::placeholder{color:#8B887E}
.crd .cr-msign__input:focus{outline:none;border-color:var(--ink);box-shadow:0 0 0 4px rgba(255,188,41,.5)}
.crd .cr-msign__input[aria-invalid="true"]{border-color:var(--ox)}
.crd .cr-msign__btn{flex:none;height:52px;padding:0 20px;border:0;border-radius:12px;background:var(--ink);color:var(--cream);font-weight:900;font-size:15px;cursor:pointer;box-shadow:-3px 3px 0 rgba(46,45,42,.28)}
.crd .cr-msign__note{font-size:13.5px;color:var(--ox)}
.crd .cr-msign__done{margin-top:24px;padding-top:20px;border-top:1px solid var(--line);font-family:'futura-pt-bold','Futura',sans-serif;font-weight:800;text-transform:uppercase;font-size:20px;line-height:1;color:var(--green)}
@media (min-width:960px){
  .crd .cr-header__inner{transition:min-height .25s ease}
  .crd .cr-brand__logo{transition:width .25s ease}
  .crd .cr-header.is-compact .cr-header__inner{min-height:66px}
  .crd .cr-header.is-compact .cr-brand__logo{width:176px}
  .crd .cr-header.is-compact .cr-tagline{display:none}
  .crd .cr-header.is-compact .cr-whatson{background:var(--ox);color:#FFF6E0;box-shadow:-3px 3px 0 var(--ox-dk)}
  .crd .cr-header.is-compact .cr-whatson:hover{color:#FFF6E0;box-shadow:-2px 2px 0 var(--ox-dk)}
  .crd .cr-header.is-compact .cr-whatson__x{display:inline}
}
@media (min-width:960px) and (max-width:1099px){
  .crd .cr-sp__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:959px){
  .crd .cr-header__inner{min-height:70px;gap:10px}
  .crd .cr-burger{display:flex}
  .crd .cr-brand{flex:1;align-items:center;gap:5px}
  .crd .cr-brand__logo{width:158px}
  .crd .cr-tagline{padding-left:0;font-size:7.5px;letter-spacing:.2em}
  .crd .cr-nav,.crd .cr-search,.crd .cr-sp{display:none}
  .crd .cr-whatson{height:42px;padding:0 14px 0 12px;margin-left:0;gap:8px;font-size:13px;background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
  .crd .cr-whatson:hover{color:var(--ink);transform:none;box-shadow:inset 0 0 0 1.5px var(--ink)}
  .crd .cr-whatson .cr-ico{width:16px;height:16px}
}
@media (prefers-reduced-motion:reduce){
  .crd .cr-sp,.crd .cr-header__inner,.crd .cr-brand__logo{animation:none;transition:none}
}

/* Green header (Brett, 07 Oct, round 2): the nav takes the core CR green with the New here panel's felt texture; the page stays brand cream with its grain. Cards, panels and footer are unchanged. */
.crd .cr-header{background:var(--green) url('../design/texture-felt.webp') center/360px;border-bottom:1px solid rgba(0,0,0,.25);box-shadow:inset 0 -1px 0 rgba(255,251,234,.08);color:var(--ivory)}
.crd .cr-header .cr-tagline,.crd .cr-menu__bar .cr-tagline{color:rgba(255,251,234,.9)}
.crd .cr-nav a{color:var(--ivory)}
.crd .cr-nav a:hover{background:rgba(255,251,234,.14)}
.crd .cr-nav a[aria-current]{text-decoration-color:var(--gold)}
.crd .cr-burger span{background:var(--ivory)}
.crd .cr-search{border-color:rgba(255,251,234,.6);color:var(--ivory)}
.crd .cr-search:hover,.crd .cr-search.is-on{background:var(--gold);border-color:var(--gold);color:var(--ink)}
.crd .cr-header .cr-whatson{background:var(--cream);color:var(--ink);box-shadow:-3px 3px 0 rgba(0,0,0,.45)}
.crd .cr-header .cr-whatson:hover{color:var(--ink);box-shadow:-2px 2px 0 rgba(0,0,0,.45)}
.crd .cr-menu__bar{position:relative;isolation:isolate;border-bottom:0;color:var(--ivory)}
.crd .cr-menu__bar::before{content:'';position:absolute;z-index:-1;top:0;bottom:0;left:calc(50% - 50vw);right:calc(50% - 50vw);background:var(--green) url('../design/texture-felt.webp') center/360px}
.crd .cr-menu__bar .cr-burger{color:var(--ivory)}
.crd .cr-menu__bar .cr-whatson{background:transparent;color:var(--ivory);box-shadow:inset 0 0 0 1.5px rgba(255,251,234,.7)}
.crd .cr-menu__bar .cr-whatson:hover{color:var(--ivory);transform:none;box-shadow:inset 0 0 0 1.5px rgba(255,251,234,.7)}
.crd .cr-sp{color:var(--ink)}
.crd .cr-header :focus-visible,.crd .cr-menu__bar :focus-visible{outline-color:var(--gold);box-shadow:0 0 0 3px var(--ink-dk)}
.crd .cr-sp :focus-visible{outline-color:var(--ink);box-shadow:0 0 0 3px var(--gold)}
.crd .cr-sp .cr-sp__input:focus-visible{box-shadow:0 0 0 4px rgba(255,188,41,.5)}
@media (min-width:960px){
  .crd .cr-header.is-compact .cr-whatson{background:var(--gold);color:var(--ink);box-shadow:-3px 3px 0 var(--gold-dk)}
  .crd .cr-header.is-compact .cr-whatson:hover{color:var(--ink);box-shadow:-2px 2px 0 var(--gold-dk)}
}
@media (max-width:959px){
  .crd .cr-header .cr-whatson{background:transparent;color:var(--ivory);box-shadow:inset 0 0 0 1.5px rgba(255,251,234,.7)}
  .crd .cr-header .cr-whatson:hover{color:var(--ivory);transform:none;box-shadow:inset 0 0 0 1.5px rgba(255,251,234,.7)}
}
/* ==== PORT-END ==== */

/* ==== Theme additions — chrome (the same block in every inner page's stylesheet) ==== */

/* Skip link: first thing in <body>, outside .crd, off-screen (no layout) until focused. */
.cr-skip{position:absolute;top:0;left:-9999px;z-index:200}
.cr-skip:focus{left:16px;top:16px;padding:12px 18px;border-radius:12px;background:#FFBC29;color:#2E2D2A;font:900 15px/1.2 'futura-pt','Helvetica Neue',Helvetica,Arial,sans-serif;text-decoration:none}

/* The global nav's parts that wait in the page ([hidden]) for design.js: the menu dialog, the header
   search panel, the menu's search results. */
.crd .cr-menu[hidden],.crd .cr-sp[hidden],.crd .cr-ms__results[hidden]{display:none}

/* Without JS the header's search is a link to What's on's search box (the <noscript> one, a flex
   item of the header row like the button): the button (it opens the panel) needs JS. */
html:not(.cr-js) .crd button.cr-search{display:none}
html:not(.cr-js) .crd .cr-header__inner>noscript{display:contents}

/* Mailing-list forms (footer.php, the menu dialog): the error note and the done state are in the
   page, hidden; design.js shows them. A known subscriber (html.cr-subscribed, set before paint by the
   head script) sees the done states. A staff platform embed (Site settings → Email form embed)
   replaces the form. */
.crd .cr-ftform[hidden]{display:none}
html.cr-subscribed .crd [data-cr-ftform],html.cr-subscribed .crd [data-cr-msign]{display:none}
html.cr-subscribed .crd [data-cr-ftform-done]{display:flex}
html.cr-subscribed .crd [data-cr-msign-done]{display:block}
.crd .cr-ftform__embed,.crd .cr-msign__embed{min-width:0}

/* Focus and anchor jumps clear the sticky header (89px; 71px under 960px; the compact header, 67px,
   keeps the same padding so in-page jumps land where the designs' do). No effect at rest. */
html{scroll-padding-top:89px}

/* Without JS (no html.cr-js): under 960px the nav the burger would open shows as a row under the
   header. */
@media (max-width:959px){
  html{scroll-padding-top:71px}
  html:not(.cr-js) .crd .cr-header__inner{flex-wrap:wrap}
  html:not(.cr-js) .crd .cr-burger{visibility:hidden}
  html:not(.cr-js) .crd .cr-nav{display:flex;flex-wrap:wrap;order:1;flex-basis:100%;margin:-6px 0 8px -11px}
}

/* Art tile from an uploaded image (a show's Art image; cr_art_attrs() puts the URL in --art). */
.crd .cr-art--image{background:var(--green) var(--art) center/cover}
.crd .cr-art--image::before{display:none}

/* Under 360px the burger, the brand and the What's on button do not fit one row (the button was cut
   off at the right edge): the button keeps its calendar icon in a 44px square, and its words stay
   its accessible name. */
@media (max-width:359px){
  .crd .cr-whatson{position:relative;width:44px;height:44px;padding:0;justify-content:center}
  .crd .cr-whatson>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}

/* 360–389px: the burger, the brand and the What's on button need 341px and the row has 320–349px
   (the button ran past the right edge at 360, into the side gutter at 375): the gaps and the
   button's padding tighten under 390px, the wordmark and its tagline under 375px. The 390px design
   is untouched. Same for the open menu's bar. */
@media (min-width:360px) and (max-width:389px){
  .crd .cr-header__inner,.crd .cr-menu__bar{gap:8px}
  .crd .cr-whatson{padding:0 10px 0 9px;gap:6px}
}
@media (min-width:360px) and (max-width:374px){
  .crd .cr-brand__logo{width:148px}
  .crd .cr-tagline{letter-spacing:.14em}
}

/* Touch screens (pointer: coarse): the chrome's small controls get hit areas of at least 44px — an
   invisible ::after around each — without changing what is drawn (the canvas is drawn for a mouse,
   so nothing changes there): footer and legal links (33px tall in the design), the header wordmark
   (30px), What's on (42px on phones), the nav links (43px at 960–1099px), the dock's × (36–40px). */
@media (pointer:coarse){
  .crd .cr-footer__links a,.crd .cr-footer__legal a,.crd .cr-brand,.crd .cr-whatson,.crd .cr-nav a,.crd .cr-close{position:relative}
  .crd .cr-footer__links a::after,.crd .cr-footer__legal a::after{content:'';position:absolute;inset:-6px -6px}
  .crd .cr-brand::after{content:'';position:absolute;inset:-8px 0}
  .crd .cr-whatson::after,.crd .cr-nav a::after{content:'';position:absolute;inset:-2px 0}
  .crd .cr-close::after{content:'';position:absolute;inset:-4px}
}

/* ==== Theme additions — Bar & Food (the Bar & Food builder) ==== */

/* Today on a closed day (the design's TODAY is a Wednesday, so it never draws this pair): the muted
   "Closed" would be grey on the dark row, so it takes the row's light secondary colour instead. */
.crd .bf-hrow.is-today.is-closed dd{color:rgba(245,240,211,.7)}

/* A drink or food tile whose art is a staff photo (Tile art: Photo) fills the tile, instead of
   standing on its floor like the drawn characters. */
.crd .bf-item__art--photo img,
.crd .bf-dish__art--photo img{width:100%;height:100%;max-width:none;margin:0;object-fit:cover;filter:none}
.crd .bf-item__art--photo::before,
.crd .bf-dish__art--photo::before{display:none}

/* The drawn map crops to fill its box (the SVG's slice): from 520 to 899px it ran full width but
   only 210–220px tall, which cut the "Comedy Republic / 231 Bourke St" label off the top (iPad
   portrait lost the venue's name). Kept at 2:1 there, the label stays in; 390px and 1440px (the
   design) are untouched. */
@media (min-width:520px) and (max-width:899px){
  .crd .pg-map.bf-map{min-height:0;aspect-ratio:2/1}
}

/* Touch screens (pointer: coarse): Open in Maps (38px tall) gets a 44px hit area, drawn the same. */
@media (pointer:coarse){
  .crd .pg-map__open::after{content:'';position:absolute;inset:-4px -2px}
}

/* No smooth jumps (skip link, in-page links) under reduced motion. */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
}

/* The ticket stub (.pg-tix) under 360px: the arrow, a shrinkable flex item in a nowrap row, was
   crushed to 0–4px once the label filled the stretched body. It keeps its 18px, and the body's
   padding, gap and type tighten so the label clears the stub's perforation (58px). */
.crd .pg-tix__arrow{flex:none}
@media (max-width:359px){
  .crd .pg-tix__body{gap:8px;padding:0 22px 0 70px;font-size:16px}
}

/* ==== Bar & Food restyle (Brett's list, 08 Oct 2026: design system phase 2) ====
   The page moves onto the system (design-system.md; tokens and components in components.css). A
   surface pass: the markup, content and behaviour stay. Groups as the list: Frame, Hero, Intro, On the
   taps, Food, Finding us, Foot, Mobile (the phone rules sit with their group).
   Every rule here is prefixed .page-template-page-bar-php .crd.crd: design-brand.css loads after this
   sheet and styles the page at .crd.crd, so these take one class more to lead. The pg-* classes are
   shared with Your Visit, Contact and the default page; they are only overridden here, under this
   page's body class (NOTES.md, Bar & Food restyle, lists the component changes).
   Page values, not new tokens:
   - --bf-fs-h2: section headings, 32px (24px at 768px and under): the list's number, the event page's
     --ev-fs-title;
   - --bf-fs-cap: the hero caption title, 32px (24px at 768px and under).
   Brett's calls of 8 Oct (round 2): an 11px label on cream or paper is ink muted (brass text is for
   numerals on cream only, brass labels for black); the tiles' accent words are labels, not script. */
.page-template-page-bar-php .crd{--bf-fs-h2:32px;--bf-fs-cap:32px}
@media (max-width:768px){
  .page-template-page-bar-php .crd{--bf-fs-h2:24px;--bf-fs-cap:24px}
}

/* -- Frame. The header is black, as on home and the event page (the felt green goes; the wordmark and
   nav stay cream). Bar & Food, the current page, keeps the system's marigold and is underlined in it
   (2px, 8px under the words). The hero sits 48px under the header from 900px with nothing under it;
   below 900px it stays a full-bleed band flush under the header, as home's billboard and the event
   page's carousel. Every section under it takes the section pad on top only, so neighbours on the
   cream sit one pad apart (design-system.md, Section rhythm; they were two pads, 192px, apart). The
   foot keeps its bottom pad, down to the footer. */
.page-template-page-bar-php .crd.crd .cr-header{background:var(--cr-black);border-bottom-color:transparent;box-shadow:none}
.page-template-page-bar-php .crd.crd .cr-nav a[aria-current]{text-decoration:underline;text-decoration-color:var(--cr-marigold);text-decoration-thickness:2px;text-underline-offset:8px}
.page-template-page-bar-php .crd.crd :is(.bf-intro,.bf-sec,.bf-food,.bf-findwrap){padding-bottom:0}
@media (min-width:900px){
  .page-template-page-bar-php .crd.crd .bf-herowrap{padding-top:48px;padding-bottom:0}
}

/* -- Hero. A photo of the bar on a show night (Brett, 08 Oct; template-parts/bar/hero.php), or the
   page's Bar photo when staff set one, filling the banner (cover) on the photo well's black. The
   drawn bar and its flashing marquee bulbs are gone (the ported .bf-hero__* drawing rules above are
   unused). The card radius and the card shadow from 900px. OPEN FROM 5PM is the page's one status
   chip: home's chip on a photo (30px, 13px sides, 8px gap), marigold with ink type and an ink pulsing
   dot, 11px tracked. The caption sits on a scrim band across the foot of the photo (--cr-glass, the
   30% black of the frosted pills on photos), as tall as its two lines: NO TICKET NEEDED in Guess Sans
   32px cream (24px at 768px and under), the line under it 16px cream at 70% (14.5px). */
@media (min-width:900px){
  .page-template-page-bar-php .crd.crd .bf-hero{border-radius:var(--cr-radius-lg);box-shadow:var(--cr-shadow-card)}
}
.page-template-page-bar-php .crd.crd .bf-hero--photo{background:var(--cr-black-raised)}
.page-template-page-bar-php .crd.crd .bf-hero--photo::before{display:none}
.page-template-page-bar-php .crd.crd .bf-hero__photo{position:absolute;inset:0;z-index:0;width:100%;height:100%;max-width:none;object-fit:cover}
.page-template-page-bar-php .crd.crd .bf-flagwrap{top:24px;right:24px}
.page-template-page-bar-php .crd.crd .bf-flag{height:30px;gap:8px;padding:0 13px;border-radius:var(--cr-radius-pill);background:var(--cr-marigold);color:var(--cr-ink);font-size:var(--cr-fs-label);letter-spacing:var(--cr-label-track)}
.page-template-page-bar-php .crd.crd .bf-flag::after{display:none}
.page-template-page-bar-php .crd.crd .bf-flag i{width:8px;height:8px;background:var(--cr-ink)}
.page-template-page-bar-php .crd.crd .bf-hero__cap{left:0;right:0;bottom:0;height:auto;max-width:none;display:block;padding:20px 36px 22px;background:var(--cr-glass);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.page-template-page-bar-php .crd.crd .bf-hero__title{font-size:var(--bf-fs-cap);line-height:1;letter-spacing:.01em;color:var(--cr-cream);white-space:normal}
.page-template-page-bar-php .crd.crd .bf-hero__sub{margin-top:6px;font-weight:400;font-size:16px;line-height:1.4;color:color-mix(in srgb,var(--cr-cream) 70%,transparent)}
@media (max-width:899px){
  .page-template-page-bar-php .crd.crd .bf-flagwrap{top:16px;right:16px}
  .page-template-page-bar-php .crd.crd .bf-hero__cap{padding:12px 16px 14px}
}
@media (min-width:600px) and (max-width:899px){
  .page-template-page-bar-php .crd.crd .bf-flagwrap{top:24px;right:var(--gut)}
  .page-template-page-bar-php .crd.crd .bf-hero__cap{padding:18px var(--gut) 20px}
}
@media (max-width:768px){
  .page-template-page-bar-php .crd.crd .bf-hero__sub{margin-top:4px;font-size:var(--cr-fs-body)}
}

/* -- Intro. The script eyebrow as home's Bar & Food one: Norican 42px (32px on phones), oxblood, tilted
   4 degrees. The heading at 46px (--cr-fs-h2, 32px on phones; the hero size, 56px, wraps the long line
   to three), line-height 1, as home's section titles; it takes the column's width. The lede 18px muted.
   The opening hours card is a system card (paper, the card radius and shadow; no grain, line or
   frame). Its title is an 11px label in ink muted (labels on cream are muted), the clock brass. Days 14.5px
   muted, hours 14.5px ink Lato 700, a closed day's hours muted; rows ruled by 1px dashed ink at 16%.
   Today is a selected state, not a buy: the row fills black with cream type on the small radius, and
   TODAY is an unboxed label in cream (Brett, 8 Oct), not the marigold pill. The note
   at the foot is fine print, muted. */
.page-template-page-bar-php .crd.crd .pg-kicker{font-size:var(--cr-fs-script);color:var(--cr-oxblood)}
.page-template-page-bar-php .crd.crd .bf-title{max-width:none;margin-top:14px;font-size:var(--cr-fs-h2);line-height:1;letter-spacing:.01em}
.page-template-page-bar-php .crd.crd .bf-intro .pg-lede{margin-top:20px;font-size:var(--cr-fs-lede);line-height:1.6;color:var(--cr-ink-muted)}
.page-template-page-bar-php .crd.crd :is(.bf-hours,.bf-find){border:0;background:var(--cr-paper);box-shadow:var(--cr-shadow-card)}
.page-template-page-bar-php .crd.crd .bf-hours__head h2{font-family:var(--cr-font-body);font-weight:900;font-size:var(--cr-fs-label);line-height:1.2;letter-spacing:var(--cr-label-track);text-transform:uppercase;color:var(--cr-ink-muted)}
.page-template-page-bar-php .crd.crd .bf-hours__clock{color:var(--cr-brass)}
.page-template-page-bar-php .crd.crd .bf-hours__clock .cr-ico{width:20px;height:20px}
.page-template-page-bar-php .crd.crd .bf-hrow{border-radius:var(--cr-radius-sm);font-size:var(--cr-fs-body);line-height:1.45}
.page-template-page-bar-php .crd.crd .bf-hrow + .bf-hrow{border-top:1px dashed var(--cr-ink-line)}
.page-template-page-bar-php .crd.crd .bf-hrow.is-today + .bf-hrow{border-top-color:transparent}
.page-template-page-bar-php .crd.crd .bf-hrow dt{color:var(--cr-ink-muted)}
.page-template-page-bar-php .crd.crd .bf-hrow dd{font-weight:700;color:var(--cr-ink)}
.page-template-page-bar-php .crd.crd .bf-hrow.is-closed dd{color:var(--cr-ink-muted)}
.page-template-page-bar-php .crd.crd .bf-hrow__note{font-size:var(--cr-fs-fine);color:var(--cr-ink-muted)}
.page-template-page-bar-php .crd.crd .bf-hrow.is-today{border-top-color:transparent;background:var(--cr-black);color:var(--cr-cream)}
.page-template-page-bar-php .crd.crd .bf-hrow.is-today :is(dt,dd){color:var(--cr-cream)}
.page-template-page-bar-php .crd.crd .bf-hrow.is-today .bf-hrow__note,
.page-template-page-bar-php .crd.crd .bf-hrow.is-today.is-closed dd{color:color-mix(in srgb,var(--cr-cream) 70%,transparent)}
.page-template-page-bar-php .crd.crd .bf-today{height:auto;padding:0;border-radius:0;background:none;color:var(--cr-cream);font-size:var(--cr-fs-label);line-height:1;letter-spacing:var(--cr-label-track)}
.page-template-page-bar-php .crd.crd .bf-hours__note{border-top:1px solid var(--cr-ink-line);font-size:var(--cr-fs-fine);line-height:1.5;color:var(--cr-ink-muted)}
@media (max-width:899px){
  .page-template-page-bar-php .crd.crd .bf-title{margin-top:10px}
  .page-template-page-bar-php .crd.crd .bf-intro .pg-lede{margin-top:14px}
}

/* -- On the taps and on the shelf. Section headings 32px (24px). The intro copy is body type, muted.
   Drink cards are system cards (paper, the card radius and shadow; no grain or line). Every art tile is
   black on the small radius, no halftone: a character in its cream line art (inc/page-bar.php, as home's
   Bar tiles), a type tile in cream ("Negroni / house"). The tile's colour
   (staff's Tile colour) no longer shows. The type tile's accent word ("house", "local", "all night") is
   an 11px brass label (Lato 900, tracked, upper case), as home's Bar tiles: script is for section
   eyebrows only (Brett, 8 Oct). Names Guess Sans 17px (16px on phones), notes 14.5px muted.
   MOST ORDERED is a marigold chip: 22px, 10px sides, ink type, 11px tracked. */
.page-template-page-bar-php .crd.crd .pg-h2{font-size:var(--bf-fs-h2);line-height:1;letter-spacing:.01em}
.page-template-page-bar-php .crd.crd :is(.bf-sec__head,.bf-food__copy) .pg-copy{margin-top:12px;font-size:var(--cr-fs-body);line-height:1.6;color:var(--cr-ink-muted)}
.page-template-page-bar-php .crd.crd .bf-list{margin-top:24px}
.page-template-page-bar-php .crd.crd :is(.bf-item,.bf-dish){border:0;background:var(--cr-paper);box-shadow:var(--cr-shadow-card)}
.page-template-page-bar-php .crd.crd :is(.bf-item__art,.bf-dish__art){background:var(--cr-black);color:var(--cr-cream)}
.page-template-page-bar-php .crd.crd :is(.bf-item__art,.bf-dish__art)::before{display:none}
.page-template-page-bar-php .crd.crd .bf-item__art{border-radius:var(--cr-radius-sm)}
.page-template-page-bar-php .crd.crd :is(.bf-item__art,.bf-dish__art) img{filter:none}
.page-template-page-bar-php .crd.crd :is(.bf-item__art--type,.bf-dish__art--type) .bf-type__a{color:var(--cr-cream)}
.page-template-page-bar-php .crd.crd :is(.bf-item__art--type,.bf-dish__art--type) .bf-type__b{margin-right:calc(var(--cr-label-track) * -1);font-family:var(--cr-font-body);font-weight:900;font-size:var(--cr-fs-label);line-height:1;letter-spacing:var(--cr-label-track);text-transform:uppercase;color:var(--cr-brass)}
.page-template-page-bar-php .crd.crd .bf-item__art--type{gap:6px}
.page-template-page-bar-php .crd.crd .bf-dish__art--type{gap:10px}
.page-template-page-bar-php .crd.crd :is(.bf-item__name,.bf-dish__name){font-size:var(--cr-fs-h4);line-height:1.05;letter-spacing:.01em;color:var(--cr-ink)}
.page-template-page-bar-php .crd.crd :is(.bf-item__note,.bf-dish__note){font-size:var(--cr-fs-body);line-height:1.45;color:var(--cr-ink-muted)}
.page-template-page-bar-php .crd.crd .bf-item__chip{height:22px;padding:0 10px;border-radius:var(--cr-radius-pill);background:var(--cr-marigold);color:var(--cr-ink);font-size:var(--cr-fs-label);letter-spacing:var(--cr-label-track)}
@media (max-width:899px){
  .page-template-page-bar-php .crd.crd .bf-list{margin-top:18px}
}

/* -- Food. Dish cards are system cards; the art panel is black under the card's top corners (the card
   clips it), no halftone: the Toastie in its cream line art, Snacks in cream type over its brass label
   ("ALL NIGHT", above). The intro copy is body type, muted (above). Under 900px the panel is 180px; phones
   (under 600px) stack the cards, one to a row (tablets keep two side by side). */
@media (max-width:599px){
  .page-template-page-bar-php .crd.crd .bf-food__grid{grid-template-columns:minmax(0,1fr);gap:16px}
}
@media (max-width:899px){
  .page-template-page-bar-php .crd.crd .bf-dish__art{height:180px}
  .page-template-page-bar-php .crd.crd .bf-dish__art--type .bf-type__a{font-size:32px}
  .page-template-page-bar-php .crd.crd .bf-dish__body{padding:14px 16px 16px}
}

/* -- Finding us. A system card (above; the green keyline frame inside it goes). Fact icons are brass
   with no circle; labels 11px tracked muted; values 14.5px (Lato 700, as the hours and the event
   page's facts), rows ruled by 1px dashed ink at 16%. The map is a greyed Google Maps embed on the
   card radius (the drawn street map goes; the same map as the event page's Your visit card) with
   "Open in Maps" under it as a text link and its →. */
.page-template-page-bar-php .crd.crd .bf-find::after{display:none}
.page-template-page-bar-php .crd.crd .bf-find .pg-fact{border-top-color:var(--cr-ink-line)}
.page-template-page-bar-php .crd.crd .bf-find .pg-fact dt{font-size:var(--cr-fs-label);letter-spacing:var(--cr-label-track);color:var(--cr-ink-muted)}
.page-template-page-bar-php .crd.crd .bf-find .pg-fact__ico{width:20px;height:20px;border-radius:0;background:none;color:var(--cr-brass)}
.page-template-page-bar-php .crd.crd .bf-find .pg-fact__ico .cr-ico{width:20px;height:20px}
.page-template-page-bar-php .crd.crd .bf-find .pg-fact dd{font-size:var(--cr-fs-body);color:var(--cr-ink)}
.page-template-page-bar-php .crd.crd .bf-mapcol{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-width:0}
.page-template-page-bar-php .crd.crd .bf-map{flex:1;align-self:stretch;min-height:300px;border-radius:var(--cr-radius-lg);background:var(--cr-black-raised);box-shadow:none}
.page-template-page-bar-php .crd.crd .bf-map__frame{position:absolute;inset:0;width:100%;height:100%;border:0;filter:grayscale(1)}
.page-template-page-bar-php .crd.crd .bf-map__open::after{content:"\2192" / "";display:inline-block;margin-left:.35em}
@media (max-width:899px){
  .page-template-page-bar-php .crd.crd .bf-find .pg-fact__ico,
  .page-template-page-bar-php .crd.crd .bf-find .pg-fact__ico .cr-ico{width:18px;height:18px}
  .page-template-page-bar-php .crd.crd .bf-map{flex:none;min-height:0;aspect-ratio:4 / 3}
}
@media (min-width:520px) and (max-width:899px){
  .page-template-page-bar-php .crd.crd .bf-map{aspect-ratio:2 / 1}
}

/* -- Foot. One marigold ticket stub, See what's on tonight, centred under a one-line lede (the page's
   "Line above the ticket button", 18px muted): the system's stub at 54px on the small radius with
   Lato 900 15px, the notches and perforation kept (the perforation 11px from top and bottom at this
   height). Hover is the marigold hover. It is the page's only marigold button. */
.page-template-page-bar-php .crd.crd .bf-cta{flex-direction:column;align-items:center;gap:20px;text-align:center}
.page-template-page-bar-php .crd.crd .bf-cta__lede{margin:0;font-size:var(--cr-fs-lede);line-height:1.5;color:var(--cr-ink-muted)}
.page-template-page-bar-php .crd.crd .pg-tix__body{height:var(--cr-btn-h);padding:0 28px 0 74px;font-size:var(--cr-fs-btn);letter-spacing:.02em}
.page-template-page-bar-php .crd.crd .pg-tix__body::before{top:11px;bottom:11px}
.page-template-page-bar-php .crd.crd .bf-cta__tix .pg-tix__body{min-width:320px}
.page-template-page-bar-php .crd.crd .pg-tix:hover .pg-tix__body{background:var(--cr-marigold-hover)}
@media (max-width:899px){
  .page-template-page-bar-php .crd.crd .bf-cta{gap:16px}
  .page-template-page-bar-php .crd.crd .bf-cta__tix .pg-tix__body{min-width:0}
}
@media (max-width:359px){
  .page-template-page-bar-php .crd.crd .pg-tix__body{padding:0 20px 0 70px}
}