/* Toc's tap wall: glazed green, warm timber and changeable letterboard plaques. */
.toc-menu{--toc-cream:#f8f0dc;--toc-green:#244c42;--toc-dark:#252b23;--toc-brown:#33231b;--toc-ivory:#fff7e5;--toc-gold:#e7b563;--toc-board-type:"Trebuchet MS",Arial,Helvetica,sans-serif;--toc-letter-shadow:0 -.4px 0 #fff,0 1px 0 #bfb8a6,.6px 2px 1.2px #090603e6;color:var(--toc-dark);background:var(--toc-cream)}
.toc-menu [hidden]{display:none!important}
.toc-menu .toc-menu-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.toc-menu .toc-menu-kicker{font:700 .76rem/1.55 'Courier New',monospace;letter-spacing:.13em;text-transform:uppercase;margin:0}
.toc-menu .toc-menu-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);border-bottom:2px solid var(--toc-dark);min-height:620px}
.toc-menu .toc-menu-hero-copy{display:flex;flex-direction:column;padding:56px max(28px,6vw) 25px}
.toc-menu .toc-menu-hero-copy>.toc-menu-kicker{display:flex;justify-content:space-between;align-items:center;gap:24px}
.toc-menu .toc-menu-hero-copy>.toc-menu-kicker span{font-size:2.5rem;font-weight:400;line-height:1}
.toc-menu h1{font:700 clamp(4rem,7.2vw,7.5rem)/.98 Georgia,'Times New Roman',serif;letter-spacing:-.06em;margin:50px 0 26px}
.toc-menu h1 em,.toc-menu .toc-menu-after h2 em{font-weight:400}
.toc-menu .toc-menu-intro{font-size:1.08rem;line-height:1.7}
.toc-menu .toc-menu-link{display:flex;align-items:center;justify-content:space-between;gap:35px;width:fit-content;background:var(--toc-green);color:var(--toc-ivory);font-weight:700;font-size:.94rem;line-height:1.4;padding:18px 23px;margin-top:26px;border:2px solid var(--toc-green);min-height:56px;transition:background .18s,color .18s}
.toc-menu .toc-menu-link:hover{background:var(--toc-gold);color:var(--toc-dark)}
.toc-menu .toc-menu-hero-foot{display:flex;justify-content:space-between;gap:22px;font:700 .67rem/1.6 'Courier New',monospace;letter-spacing:.07em;margin-top:auto;padding-top:55px}
.toc-menu .toc-menu-hero-photo{position:relative;display:flex;flex-direction:column;justify-content:center;margin:0;padding:32px 32px 22px;background:#b37949;border-left:2px solid var(--toc-dark);background-image:repeating-linear-gradient(90deg,#402b1920 0 2px,transparent 2px 28px),linear-gradient(95deg,#936332,#bf8751 45%,#946039)}
.toc-menu .toc-menu-hero-photo::before{content:'';position:absolute;inset:19px;border:1px solid #2a201830;pointer-events:none}
.toc-menu .toc-menu-hero-photo img{width:100%;height:100%;min-height:430px;max-height:610px;object-fit:cover;object-position:49% center;border:5px solid #2e3129;box-shadow:0 3px 0 #f8f0dc70;display:block;position:relative}
.toc-menu .toc-menu-hero-photo figcaption{display:flex;justify-content:space-between;gap:18px;padding:18px 0 2px;font:700 .69rem/1.5 'Courier New',monospace;letter-spacing:.065em;position:relative;color:#201e16}
.toc-menu .toc-menu-wall{position:relative;padding:72px 5% 45px;color:var(--toc-ivory);background-color:#264b42;background-image:linear-gradient(90deg,#09271d30,transparent 35%,#ddc48409 67%,#082c2440),url("../images/tap-wall-tiles.webp");background-size:auto,960px 960px;background-repeat:no-repeat,repeat;border-top:14px solid #80532e;border-bottom:14px solid #80532e;box-shadow:inset 0 5px 1px #20180ee6,inset 0 -5px 1px #382416d9,0 -2px 0 #c19763,0 2px 0 #392418;scroll-margin-top:15px;isolation:isolate}
.toc-menu .toc-menu-wall::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 17% 0%,#eedbad20,transparent 35%),linear-gradient(180deg,#061b184a,transparent 260px,transparent calc(100% - 160px),#061b1833);pointer-events:none;z-index:-1}
.toc-menu .toc-menu-heading{position:relative;display:flex;justify-content:space-between;align-items:flex-end;gap:36px;margin-bottom:32px;text-shadow:0 2px 2px #041810d9}
.toc-menu .toc-menu-heading h2{font:700 clamp(3rem,5.3vw,5.5rem)/1.03 Georgia,serif;letter-spacing:-.05em;margin-top:18px}
.toc-menu .toc-menu-heading>p{font-size:1rem;line-height:1.7;flex-shrink:0;max-width:320px}
.toc-menu .toc-menu-filter{display:flex;flex-wrap:wrap;gap:10px;position:relative;padding:0 0 34px}
.toc-menu .toc-menu-filter button{background:linear-gradient(#f7edd9,#e7d7b8);color:#253c31;border:1px solid #fff5df;border-bottom-color:#998261;border-radius:2px;padding:12px 16px;min-height:46px;font:800 .77rem/1.4 var(--toc-board-type);letter-spacing:.045em;box-shadow:0 2px 0 #a58d67,1px 4px 6px #06191299,inset 0 1px 0 #fff;transition:background .15s,color .15s,transform .15s}
.toc-menu .toc-menu-filter button:hover{background:linear-gradient(#fff8e9,#f2dfb6);transform:translateY(-2px)}
.toc-menu .toc-menu-filter button[aria-pressed=true]{background:linear-gradient(#e7b563,#d59a49);color:#2f271b;border-color:#f6d191;box-shadow:0 1px 0 #916a36,0 2px 4px #061912c9,inset 0 1px 3px #7953204d;transform:translateY(1px)}
.toc-menu .toc-menu-filter button:focus-visible,.toc-menu a:focus-visible{outline:3px solid #e7b563;outline-offset:5px}
.toc-menu .toc-menu-boards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;align-items:start;position:relative}
.toc-menu .toc-menu-plaque{position:relative;min-width:0;background-color:var(--toc-brown);background-image:linear-gradient(110deg,#96745013,transparent 32%,#08040226),url("../images/tap-pegboard.webp");background-size:auto,190px 190px;background-repeat:no-repeat,repeat;border:7px solid #2d2018;border-top-color:#584535;border-left-color:#463326;border-radius:2px;padding:29px 28px 32px;box-shadow:1px 1px 0 #c5a47b80,-1px -1px 0 #21180c,4px 7px 0 #10151173,9px 14px 14px #071a12b0,inset 0 0 0 1px #a1825647,inset 0 3px 8px #080402a6;transform:rotate(-.35deg)}
.toc-menu .toc-menu-plaque:nth-child(even){transform:rotate(.35deg)}
.toc-menu .toc-menu-plaque-label{font:800 .68rem/1.5 var(--toc-board-type);letter-spacing:.16em;text-transform:uppercase;color:#eee2c9;text-shadow:0 1px 0 #978b70,1px 2px 2px #060402;margin:0 0 25px;display:flex;justify-content:space-between;gap:8px}
.toc-menu .toc-menu-plaque-label>span{white-space:nowrap}
.toc-menu .toc-menu-corner{position:absolute;width:16px;height:16px;border-color:#f1ebd9;border-style:solid;filter:drop-shadow(1px 2px 1px #080502);pointer-events:none}
.toc-menu .toc-menu-corner--tl{top:3px;left:3px;border-width:5px 0 0 5px}
.toc-menu .toc-menu-corner--tr{top:3px;right:3px;border-width:5px 5px 0 0}
.toc-menu .toc-menu-corner--bl{bottom:3px;left:3px;border-width:0 0 5px 5px}
.toc-menu .toc-menu-corner--br{bottom:3px;right:3px;border-width:0 5px 5px 0}
.toc-menu .toc-menu-items{list-style:none;padding:0;margin:0}
.toc-menu .toc-menu-item{padding:0;margin:0;position:relative}
.toc-menu .toc-menu-item+.toc-menu-item{margin-top:29px;padding-top:32px;border-top:0}
.toc-menu .toc-menu-item+.toc-menu-item::before{content:"~       ~";position:absolute;top:-1px;left:0;width:100%;text-align:center;color:#efe9d6;font:800 1rem/1 var(--toc-board-type);white-space:pre;text-shadow:var(--toc-letter-shadow)}
.toc-menu .toc-menu-item h4{margin:0;color:#fffdf0;font:700 clamp(1.08rem,1.4vw,1.35rem)/1.5 var(--toc-board-type);letter-spacing:.075em;text-transform:uppercase;text-shadow:var(--toc-letter-shadow);overflow-wrap:anywhere;-webkit-font-smoothing:antialiased}
.toc-menu .toc-menu-style{margin:5px 0 0;font:700 .82rem/1.65 var(--toc-board-type);letter-spacing:.085em;color:#f7f2e3;text-transform:uppercase;text-shadow:var(--toc-letter-shadow)}
.toc-menu .toc-menu-item-meta{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 16px;margin-top:14px;font:700 1.08rem/1.5 var(--toc-board-type);letter-spacing:.055em;text-shadow:var(--toc-letter-shadow)}
.toc-menu .toc-menu-price{color:#fff9e8;white-space:normal}
.toc-menu .toc-menu-item-meta .toc-menu-price:only-child{margin-left:0}
.toc-menu .toc-menu-plaque--wine .toc-menu-price{font-size:.82rem;letter-spacing:.01em}
.toc-menu .toc-menu-soldout{display:inline-block;font:700 .73rem/1.4 'Courier New',monospace;letter-spacing:.06em;text-transform:uppercase;background:#e7b563;color:#35251e;padding:5px 8px;border:1px solid #edc589;margin-top:11px;transform:rotate(-2deg)}
.toc-menu .toc-menu-item.is-sold-out h4{color:#ddd2bd}
.toc-menu .toc-menu-board-note{position:relative;text-align:center;font:700 .78rem/1.6 "Courier New",monospace;letter-spacing:.08em;text-transform:uppercase;margin:42px 0 0;text-shadow:0 2px 2px #03170eed}
.toc-menu .toc-menu-board-note span{font-size:1.6rem;display:block;margin-bottom:13px}
.toc-menu .toc-menu-empty{position:relative;background:var(--toc-brown);border:5px solid #2b221c;padding:32px;max-width:600px}
.toc-menu .toc-menu-after{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:65px 7% 75px;background:#e7b563;border-top:2px solid #282c22}
.toc-menu .toc-menu-after h2{font:700 clamp(3rem,5vw,5.4rem)/1.03 Georgia,serif;letter-spacing:-.055em;margin:20px 0 0}
.toc-menu .toc-menu-after>div:last-child{align-self:center;max-width:450px}
.toc-menu .toc-menu-after p:not(.toc-menu-kicker){font-size:1.1rem;line-height:1.7}
.toc-menu .toc-menu-text-link{display:block;width:fit-content;margin-top:22px;text-decoration:underline;text-underline-offset:5px;font-size:.93rem;line-height:1.6;font-weight:700}
@media(min-width:1600px){.toc-menu .toc-menu-hero-copy{padding-left:9vw}.toc-menu .toc-menu-boards{grid-template-columns:repeat(4,minmax(0,1fr))}.toc-menu .toc-menu-wall{padding-left:7%;padding-right:7%}.toc-menu .toc-menu-plaque{padding:30px}}
@media(max-width:1050px){.toc-menu .toc-menu-hero{grid-template-columns:1fr 1fr;min-height:550px}.toc-menu .toc-menu-hero-copy{padding:38px 7% 23px}.toc-menu .toc-menu-hero-photo{padding:24px 24px 18px}.toc-menu .toc-menu-hero-photo img{min-height:390px}.toc-menu h1{font-size:clamp(3.7rem,7.5vw,6rem)}.toc-menu .toc-menu-hero-foot{display:block;padding-top:35px}.toc-menu .toc-menu-hero-foot span{display:block}.toc-menu .toc-menu-boards{grid-template-columns:repeat(2,minmax(0,1fr))}.toc-menu .toc-menu-item h4{font-size:1.15rem}.toc-menu .toc-menu-heading{display:block}.toc-menu .toc-menu-heading>p{margin-top:22px;max-width:none}.toc-menu .toc-menu-heading>p br{display:none}}
@media(max-width:650px){.toc-menu .toc-menu-hero{grid-template-columns:1fr}.toc-menu .toc-menu-hero-copy{padding:31px 6% 24px}.toc-menu h1{font-size:clamp(3.7rem,15.5vw,5.8rem);margin:30px 0 24px}.toc-menu .toc-menu-intro{font-size:1rem}.toc-menu .toc-menu-hero-copy>.toc-menu-kicker span{font-size:2rem}.toc-menu .toc-menu-hero-foot{display:flex;padding-top:35px;font-size:.62rem}.toc-menu .toc-menu-hero-foot span{text-align:right}.toc-menu .toc-menu-hero-photo{border-left:0;border-top:2px solid #282c22;padding:22px}.toc-menu .toc-menu-hero-photo::before{inset:12px}.toc-menu .toc-menu-hero-photo img{min-height:0;height:auto;aspect-ratio:4/3;object-position:50% center}.toc-menu .toc-menu-hero-photo figcaption{font-size:.6rem;gap:12px;padding-top:15px}.toc-menu .toc-menu-wall{padding:45px 6% 34px}.toc-menu .toc-menu-heading h2{font-size:3.3rem;margin-top:16px}.toc-menu .toc-menu-heading>.toc-menu-kicker{font-size:.7rem}.toc-menu .toc-menu-filter{gap:8px;padding-bottom:28px}.toc-menu .toc-menu-filter button{font-size:.7rem;padding:11px 12px;min-height:44px}.toc-menu .toc-menu-boards{grid-template-columns:1fr;gap:24px}.toc-menu .toc-menu-plaque{padding:26px 26px 28px;transform:none}.toc-menu .toc-menu-plaque:nth-child(even){transform:none}.toc-menu .toc-menu-item h4{font-size:1.2rem;letter-spacing:.055em}.toc-menu .toc-menu-style{font-size:.83rem}.toc-menu .toc-menu-after{grid-template-columns:1fr;gap:30px;padding:45px 6% 55px}.toc-menu .toc-menu-after h2{font-size:3.5rem}.toc-menu .toc-menu-after>div:last-child{max-width:none}.toc-menu .toc-menu-board-note{font-size:.7rem}}
@media(prefers-reduced-motion:reduce){.toc-menu *{scroll-behavior:auto;transition:none!important}}
