.tap-tower{--bar:#b9b0a3;--bar-hi:#ddd6cc;--bar-lo:#7d756b}.tap-row{flex-wrap:wrap;align-items:flex-start;row-gap:32px;display:flex}.tap{text-align:center;justify-items:center;width:168px;display:grid;position:relative}.tap-handle{--tone:var(--rust);--ink-on:var(--paper);--plate:#2a1d17;--pw:104px;--ph:104px;grid-template-rows:var(--ph) 12px minmax(0, 1fr) 16px;justify-items:center;width:112px;height:284px;display:grid;position:relative}.tap-handle[data-tone=cream]{--tone:var(--cream);--ink-on:var(--ink)}.tap-handle[data-tone=wood]{--tone:#6b4426;--ink-on:var(--cream)}.tap-handle[data-tone=apricot]{--tone:var(--apricot);--ink-on:var(--ink)}.tap-handle[data-plaque=shield]{--pw:100px;--ph:116px}.tap-handle[data-plaque=rect]{--pw:108px;--ph:84px}.tap-handle[data-plaque=wide]{--pw:152px;--ph:72px}.tap-plaque{width:var(--pw);height:var(--ph);background:var(--tone);place-items:center;display:grid;position:relative}.tap-plaque:before{content:"";background:var(--plate);border-radius:inherit;clip-path:inherit;position:absolute;inset:5px}.tap-handle[data-plaque=disc] .tap-plaque{border-radius:50%}.tap-handle[data-plaque=shield] .tap-plaque{clip-path:polygon(0 0,100% 0,100% 60%,50% 100%,0 60%)}.tap-handle[data-plaque=shield] .tap-plaque:before{inset:5px 5px 7px}.tap-handle:is([data-plaque=rect],[data-plaque=wide]) .tap-plaque{border-radius:3px}.tap-logo{position:absolute;inset:10px}.tap-handle[data-plaque=shield] .tap-logo{inset:10px 10px 30px}.tap-handle[data-plaque=rect] .tap-logo{inset:9px 10px}.tap-plaque-word{max-width:calc(var(--pw) - 24px);text-align:center;color:var(--cream);font-family:var(--hand);line-height:.95;font-size:min(26px, (var(--pw) - 24px) / (.52 * var(--n,8)));position:relative}.tap-handle[data-plaque=shield] .tap-plaque-word{margin-bottom:22px}.tap-handle:is([data-tone=apricot],[data-tone=cream]) .tap-plaque-word{color:var(--tone)}.tap-neck{background:var(--plate);width:16px;height:12px}.tap-body{background:linear-gradient(90deg, #ffffff2e 0 14%, transparent 14% 86%, #00000024 86%), var(--tone);clip-path:polygon(0 0,100% 0,78% 100%,22% 100%);place-items:center;width:64px;height:100%;display:grid;position:relative;overflow:hidden;container-type:size}.tap-word{writing-mode:vertical-rl;white-space:nowrap;color:var(--ink-on);font-family:var(--hand);line-height:1;font-size:min(22px, 88cqh / (.47 * var(--n,10)));transform:rotate(180deg)}.tap-collar{background:linear-gradient(180deg, var(--bar-hi) 0 35%, var(--bar-lo) 35% 45%, var(--bar) 45%);border-radius:2px;width:38px;height:16px}.tap-bar{background:var(--bar);border-top:4px solid var(--bar-hi);border-bottom:2px solid var(--bar-lo);width:100%;height:18px;margin-top:-2px;position:relative}.tap:first-child .tap-bar{border-radius:4px 0 0 4px}.tap:last-child .tap-bar{border-radius:0 4px 4px 0}.tap-faucet{background:var(--bar-hi);border-bottom:4px solid var(--bar-lo);border-radius:3px;width:44px;height:28px;position:absolute;top:-8px;left:calc(50% - 22px)}.tap-spout{background:var(--bar);border-bottom:3px solid var(--bar-lo);width:12px;height:22px;position:absolute;top:calc(100% + 2px);left:calc(50% - 6px)}.tap-name{text-wrap:balance;margin-top:32px;padding-inline:6px;font-size:17px;font-weight:600;line-height:1.25}.tap-brewery{color:var(--ink-soft);margin-top:3px;padding-inline:6px;font-size:14px;line-height:1.35}.tap-style{color:var(--ink-soft);margin-top:1px;padding-inline:6px;font-size:14px;line-height:1.35}.tap-price{color:var(--rust);margin-top:4px;font-size:17px;font-weight:600}.tap-new{z-index:2;transform:rotate(var(--tilt-b));background:var(--paper);color:var(--rust);border:1.5px solid var(--rust);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:2px;padding:3px 8px 4px;font-size:11px;font-weight:600;line-height:1.2;position:absolute;top:150px;left:calc(50% + 22px)}.tap-packaged{max-width:40em;margin-top:36px;display:grid}.tap-packaged li{border-top:1px dashed var(--rule-strong);grid-template-columns:minmax(0,1fr) auto;gap:2px 16px;padding:10px 0;display:grid}.tap-packaged li:last-child{border-bottom:1px dashed var(--rule-strong)}.tap-p-name{font-size:17px;font-weight:600}.tap-p-kind{color:var(--ink-soft);grid-column:1;font-size:14px}.tap-packaged .price{color:var(--rust);grid-area:1/2;font-weight:600}:is(.menu-dusk,.c-band-dusk) .tap-name,:is(.menu-dusk,.c-band-dusk) .tap-p-name{color:var(--cream)}:is(.menu-dusk,.c-band-dusk) :is(.tap-style,.tap-brewery,.tap-p-kind){color:var(--cream-soft)}:is(.menu-dusk,.c-band-dusk) .tap-price,:is(.menu-dusk,.c-band-dusk) .tap-packaged .price{color:var(--apricot)}:is(.menu-dusk,.c-band-dusk) .tap-packaged li{border-color:var(--dusk-line)}:is(.menu-dusk,.c-band-dusk) .tap-new{background:var(--dusk);color:var(--apricot);border-color:var(--apricot)}@media (max-width:600px){.tap-row{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:28px;display:grid}.tap{width:auto}.tap-handle{--pw:92px;--ph:92px;width:100px;height:236px}.tap-handle[data-plaque=shield]{--pw:88px;--ph:102px}.tap-handle[data-plaque=rect]{--pw:96px;--ph:74px}.tap-handle[data-plaque=wide]{--pw:140px;--ph:64px}.tap-body{width:56px}.tap:nth-child(odd) .tap-bar{border-radius:4px 0 0 4px}.tap:nth-child(2n) .tap-bar,.tap:last-child .tap-bar{border-radius:0 4px 4px 0}.tap:last-child:nth-child(odd) .tap-bar{border-radius:4px}.tap-new{top:124px;left:calc(50% + 18px)}}@media (max-width:360px){.tap-handle[data-plaque=wide]{--pw:126px}}.tap-regulars{max-width:46em;margin-top:40px}.tap-regulars-title{letter-spacing:.14em;text-transform:uppercase;color:var(--rust);font-size:13px;font-weight:600}.tap-regulars-note{color:var(--ink-soft);margin-top:6px;font-size:16px}.tap-regulars-list{columns:2 16em;column-gap:32px;margin:14px 0 0;padding:0;list-style:none}.tap-regulars-list li{break-inside:avoid;border-top:1px dashed var(--rule-strong);flex-wrap:wrap;align-items:baseline;gap:0 10px;padding:8px 0;display:flex}.tap-regulars-name{font-size:16px;font-weight:600}.tap-regulars-uses{color:var(--ink-soft);font-size:15px}:is(.menu-dusk,.c-band-dusk) .tap-regulars-title{color:var(--apricot)}:is(.menu-dusk,.c-band-dusk) :is(.tap-regulars-note,.tap-regulars-uses){color:var(--cream-soft)}:is(.menu-dusk,.c-band-dusk) .tap-regulars-name{color:var(--cream)}:is(.menu-dusk,.c-band-dusk) .tap-regulars-list li{border-color:var(--dusk-line)}