.hba-beer-card + h3.wp-block-heading,
.hba-beer-card + h3.wp-block-heading + .wp-block-columns{display:none!important}

.hba-beer-card{
  --hba-ink:#09110d;
  --hba-board:#0d1712;
  --hba-board-2:#132019;
  --hba-cream:#f4ead6;
  --hba-dust:#cfc6b3;
  --hba-gold:#e5a536;
  --hba-rust:#a9612b;
  --hba-copper:#7d4f2f;
  --hba-line:rgba(244,234,214,.22);
  position:relative;
  display:grid;
  grid-template-columns:minmax(220px,34%) 1fr minmax(88px,108px);
  gap:0;
  margin:2.4rem 0 3rem;
  color:var(--hba-cream);
  border:1px solid rgba(229,165,54,.56);
  background:
    radial-gradient(circle at 83% 18%,transparent 0 63px,rgba(184,116,52,.12) 64px 67px,transparent 68px 100%),
    radial-gradient(circle at 90% 78%,transparent 0 49px,rgba(244,234,214,.065) 50px 52px,transparent 53px 100%),
    linear-gradient(104deg,transparent 0 72%,rgba(125,79,47,.06) 72.2% 72.8%,transparent 73%),
    radial-gradient(circle at 14px 14px,rgba(255,255,255,.055) 1px,transparent 1.45px),
    linear-gradient(132deg,var(--hba-board) 0%,#101b15 47%,var(--hba-board-2) 100%);
  background-size:auto,auto,auto,34px 34px,auto;
  box-shadow:
    0 17px 38px rgba(9,14,11,.25),
    inset 0 0 0 6px rgba(4,8,6,.31),
    inset 0 0 46px rgba(0,0,0,.24);
  overflow:hidden;
}

.hba-beer-card:before{
  content:"";
  position:absolute;
  inset:10px 14px;
  z-index:0;
  pointer-events:none;
  opacity:.28;
  background:
    linear-gradient(7deg,transparent 0 19%,rgba(244,234,214,.18) 19.2% 19.5%,transparent 19.7% 100%),
    linear-gradient(-4deg,transparent 0 63%,rgba(244,234,214,.12) 63.15% 63.4%,transparent 63.55% 100%),
    radial-gradient(ellipse at 73% 68%,rgba(244,234,214,.14) 0 1px,transparent 1.8px),
    radial-gradient(ellipse at 22% 22%,rgba(244,234,214,.11) 0 1px,transparent 1.9px);
  background-size:auto,auto,17px 13px,23px 19px;
  filter:blur(.15px);
}

.hba-beer-card:after{
  content:"CELLAR BOARD  •  SMALL BATCH  •  STAFF NOTES";
  position:absolute;
  right:140px;
  top:14px;
  z-index:0;
  color:rgba(244,234,214,.09);
  font:800 9px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.18em;
  transform:rotate(-1.5deg);
  pointer-events:none;
}

.hba-beer-card__media{
  position:relative;
  z-index:1;
  padding:27px 24px 24px;
  background:
    linear-gradient(180deg,rgba(0,0,0,.13),rgba(0,0,0,.24)),
    linear-gradient(90deg,rgba(125,79,47,.08),transparent 48%);
  border-right:1px solid rgba(185,150,101,.24);
  box-shadow:inset -12px 0 28px rgba(0,0,0,.12);
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.hba-beer-card__media:before{
  content:"";
  position:absolute;
  left:15px;
  top:16%;
  width:4px;
  height:66%;
  border-radius:4px;
  background:linear-gradient(#5e3a24,#9b673e 14%,#5a3722 52%,#875334 86%,#4e311f);
  box-shadow:1px 0 0 rgba(255,211,147,.13),5px 0 12px rgba(0,0,0,.25);
  opacity:.65;
}

.hba-beer-card__image-wrap{
  position:relative;
  min-height:290px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  margin-left:6px;
  background:
    linear-gradient(95deg,rgba(128,92,43,.07),transparent 31%),
    #eadbbf;
  border:0;
  outline:4px solid var(--hba-gold);
  outline-offset:-4px;
  transform:rotate(-1.25deg);
  box-shadow:
    0 12px 22px rgba(0,0,0,.34),
    6px 7px 0 rgba(91,58,31,.28),
    inset 0 0 0 1px rgba(99,66,35,.24);
}

.hba-beer-card__image-wrap:before{
  content:"";
  position:absolute;
  width:78px;
  height:23px;
  top:-12px;
  left:18px;
  background:rgba(212,189,143,.78);
  border-left:1px solid rgba(100,72,39,.18);
  border-right:1px solid rgba(100,72,39,.18);
  transform:rotate(-4deg);
  box-shadow:0 2px 3px rgba(0,0,0,.12);
}

.hba-beer-card__image-wrap:after{
  content:"ON TAP";
  position:absolute;
  right:-11px;
  top:-15px;
  background:linear-gradient(#ecb34c,#dfa131);
  color:var(--hba-ink);
  padding:7px 13px 6px;
  border:1px solid rgba(82,50,18,.38);
  box-shadow:2px 3px 0 rgba(64,39,19,.35);
  font:900 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.16em;
  transform:rotate(3deg);
}

.hba-beer-card__image{
  display:block;
  width:100%;
  height:100%;
  max-height:330px;
  object-fit:contain;
  filter:saturate(.95) contrast(1.025);
}

.hba-beer-card__rank{
  display:inline-block;
  align-self:flex-start;
  margin:20px 0 0 7px;
  padding-bottom:4px;
  color:var(--hba-gold);
  border-bottom:2px solid rgba(229,165,54,.58);
  font:900 13px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.16em;
  text-transform:uppercase;
  transform:rotate(.35deg);
}

.hba-beer-card__content{
  position:relative;
  z-index:1;
  padding:31px 30px 31px;
}

.hba-beer-card__content:after{
  content:"✓ TAPROOM NOTES";
  position:absolute;
  right:28px;
  bottom:16px;
  color:rgba(229,165,54,.16);
  font:900 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.17em;
  transform:rotate(-2deg);
}

.hba-beer-card__eyebrow{
  display:inline-block;
  margin-bottom:10px;
  padding:4px 8px 3px;
  color:var(--hba-gold);
  border:1px solid rgba(229,165,54,.48);
  background:rgba(229,165,54,.045);
  font:900 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.22em;
  text-transform:uppercase;
  transform:rotate(-.45deg);
}

.hba-beer-card__title{
  margin:0 0 7px!important;
  color:#fff6e8!important;
  font-size:clamp(30px,3vw,44px)!important;
  line-height:1.01!important;
  letter-spacing:-.03em;
  text-shadow:0 1px 0 rgba(255,255,255,.03),0 2px 14px rgba(0,0,0,.24);
}

.hba-beer-card__brewery{
  margin:0 0 24px!important;
  color:rgba(244,234,214,.77);
  font-size:16px;
}

.hba-beer-card__brewery strong{color:#f3ead8}

.hba-beer-card__stats{
  display:grid;
  grid-template-columns:repeat(2,minmax(120px,1fr));
  gap:11px;
  margin:0 0 22px;
}

.hba-beer-card__stat{
  position:relative;
  padding:13px 15px 14px;
  border:1px solid rgba(202,187,159,.28);
  border-left:3px solid rgba(169,97,43,.62);
  background:
    linear-gradient(100deg,rgba(255,255,255,.027),rgba(255,255,255,.006)),
    rgba(4,10,7,.15);
  box-shadow:inset 0 0 18px rgba(0,0,0,.10),2px 3px 0 rgba(0,0,0,.08);
}

.hba-beer-card__stat:nth-child(1){transform:rotate(-.22deg)}
.hba-beer-card__stat:nth-child(2){transform:rotate(.18deg)}
.hba-beer-card__stat:nth-child(3){transform:rotate(.12deg)}
.hba-beer-card__stat:nth-child(4){transform:rotate(-.16deg)}

.hba-beer-card__stat:after{
  content:"";
  position:absolute;
  right:8px;
  top:8px;
  width:4px;
  height:4px;
  border-radius:50%;
  background:rgba(229,165,54,.42);
  box-shadow:0 0 0 1px rgba(0,0,0,.35);
}

.hba-beer-card__stat b{
  display:block;
  margin-bottom:4px;
  color:var(--hba-gold);
  font:900 10px/1.1 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.17em;
  text-transform:uppercase;
}

.hba-beer-card__stat span{
  display:block;
  color:#fff6e8;
  font:800 17px/1.25 system-ui,sans-serif;
}

.hba-beer-card__note{
  position:relative;
  margin:0!important;
  padding:4px 20px 0 17px;
  color:rgba(244,234,214,.86);
  border-left:2px solid rgba(229,165,54,.55);
  font-size:15px;
  line-height:1.58;
}

.hba-beer-card__note:before{
  content:"STAFF SCRIBBLE";
  display:block;
  margin:0 0 5px -2px;
  color:rgba(229,165,54,.68);
  font:900 8px/1.1 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.16em;
}

.hba-beer-card__vote{
  position:relative;
  z-index:1;
  border-left:1px solid rgba(185,150,101,.24);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:21px 14px;
  background:
    linear-gradient(90deg,rgba(0,0,0,.20),rgba(0,0,0,.08)),
    repeating-linear-gradient(0deg,transparent 0 30px,rgba(244,234,214,.018) 31px 32px);
  box-shadow:inset 9px 0 20px rgba(0,0,0,.12);
}

.hba-beer-card__vote:before{
  content:"";
  position:absolute;
  left:7px;
  top:12%;
  width:3px;
  height:76%;
  border-radius:3px;
  background:linear-gradient(#56341f,#98623d 14%,#603a22 55%,#8c5735 82%,#50301d);
  opacity:.72;
  box-shadow:1px 0 0 rgba(255,216,162,.1),4px 0 9px rgba(0,0,0,.25);
}

.hba-beer-vote{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:9px;
  width:100%;
}

.hba-beer-vote__label{
  color:var(--hba-gold);
  font:900 9px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.16em;
  text-align:center;
  text-transform:uppercase;
}

.hba-beer-vote button{
  appearance:none;
  width:50px;
  height:50px;
  padding:0;
  border:1px solid rgba(244,234,214,.35);
  border-radius:50%;
  background:
    radial-gradient(circle at 35% 28%,rgba(255,255,255,.07),transparent 30%),
    rgba(8,14,10,.66);
  color:#fff6e8;
  box-shadow:inset 0 0 0 3px rgba(0,0,0,.17),0 4px 0 rgba(0,0,0,.25);
  font:900 26px/1 system-ui,sans-serif;
  cursor:pointer;
  transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease;
}

.hba-beer-vote button:hover,
.hba-beer-vote button:focus-visible{
  border-color:var(--hba-gold);
  background:rgba(229,165,54,.11);
  outline:none;
  transform:translateY(-2px) rotate(-2deg);
  box-shadow:inset 0 0 0 3px rgba(0,0,0,.13),0 6px 0 rgba(0,0,0,.24);
}

.hba-beer-vote button[aria-pressed="true"]{
  background:linear-gradient(#eab348,#d9962c);
  color:var(--hba-ink);
  border-color:#f1bd55;
  transform:scale(1.08) rotate(-2deg);
  box-shadow:0 0 0 3px rgba(229,165,54,.10),0 4px 0 rgba(94,55,18,.45);
}

.hba-beer-vote__score{
  min-width:58px;
  color:#fff6e8;
  font:900 17px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  text-align:center;
}

.hba-beer-vote__score small{
  display:block;
  margin-top:5px;
  color:rgba(244,234,214,.5);
  font:800 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.13em;
  text-transform:uppercase;
}

.hba-beer-vote__toast{
  position:absolute;
  left:50%;
  bottom:16px;
  opacity:0;
  transform:translate(-50%,8px) rotate(-3deg);
  pointer-events:none;
  white-space:nowrap;
  padding:5px 7px 4px;
  color:#1a1207;
  background:var(--hba-gold);
  border:1px solid rgba(68,40,13,.35);
  box-shadow:2px 2px 0 rgba(0,0,0,.22);
  font:900 9px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.11em;
  text-transform:uppercase;
}

.hba-beer-card.is-voted .hba-beer-vote__toast{animation:hbaBeerToast .78s cubic-bezier(.22,.8,.24,1) both}

@keyframes hbaBeerToast{
  0%{opacity:0;transform:translate(-50%,8px) rotate(-7deg) scale(.78)}
  28%{opacity:1;transform:translate(-50%,-5px) rotate(3deg) scale(1.12)}
  55%{opacity:1;transform:translate(-50%,-7px) rotate(-2deg) scale(1)}
  100%{opacity:0;transform:translate(-50%,-18px) rotate(-5deg) scale(.96)}
}

.hba-ipa-intro{
  position:relative;
  margin:2rem 0 1.25rem;
  padding:25px 30px 23px;
  overflow:hidden;
  color:#e8dfcc;
  background:
    linear-gradient(103deg,transparent 0 72%,rgba(229,165,54,.035) 72% 73%,transparent 73%),
    radial-gradient(circle at 78% 22%,rgba(229,165,54,.09),transparent 22%),
    #101a15;
  border:1px solid rgba(229,165,54,.48);
  box-shadow:inset 0 0 0 6px rgba(0,0,0,.18),0 10px 24px rgba(9,14,11,.13);
}
.hba-ipa-intro:before{
  content:"CELLAR LIST  /  FRESH HOPS  /  NO BULLSHIT";
  position:absolute;
  right:24px;
  top:12px;
  color:rgba(244,234,214,.075);
  font:800 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.18em;
  transform:rotate(-2deg);
}
.hba-ipa-intro>span{
  display:block;
  margin-bottom:12px;
  color:#e5a536;
  font:900 12px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.2em;
}
.hba-ipa-intro p{margin:0 0 9px!important;font-size:16px;line-height:1.6}
.hba-ipa-intro p:last-child{margin-bottom:0!important}
.hba-ipa-list-title{
  margin:1.45rem 0 1rem!important;
  font-size:clamp(34px,5vw,58px)!important;
  letter-spacing:-.035em;
}
.hba-ipa-endcap{
  position:relative;
  margin:3.2rem 0 2.5rem;
  padding:34px;
  overflow:hidden;
  color:#f4ead6;
  background:
    radial-gradient(circle at 88% 15%,transparent 0 84px,rgba(229,165,54,.11) 85px 89px,transparent 90px),
    radial-gradient(circle at 88% 15%,transparent 0 112px,rgba(229,165,54,.045) 113px 116px,transparent 117px),
    linear-gradient(114deg,transparent 0 68%,rgba(125,79,47,.07) 68% 69%,transparent 69%),
    #0d1712;
  border:1px solid rgba(229,165,54,.52);
  box-shadow:inset 0 0 0 7px rgba(0,0,0,.22),0 15px 34px rgba(9,14,11,.18);
}
.hba-ipa-endcap:before{
  content:"AFTER HOURS  ·  KEEP POURING";
  position:absolute;
  right:26px;
  top:17px;
  color:rgba(244,234,214,.07);
  font:800 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.2em;
  transform:rotate(-2deg);
}
.hba-ipa-endcap__head{position:relative;z-index:1;max-width:760px;margin-bottom:27px}
.hba-ipa-endcap__head>span{
  display:block;
  margin-bottom:10px;
  color:#e5a536;
  font:900 12px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.22em;
}
.hba-ipa-endcap__head h2{
  margin:0 0 10px!important;
  color:#fff6e8!important;
  font-size:clamp(31px,4vw,48px)!important;
  line-height:1.02!important;
  letter-spacing:-.035em;
}
.hba-ipa-endcap__head p{margin:0!important;color:rgba(244,234,214,.76);font-size:16px;line-height:1.55}
.hba-ipa-link-section{position:relative;z-index:1;margin-top:24px;padding-top:19px;border-top:1px solid rgba(244,234,214,.18)}
.hba-ipa-link-section h3{
  margin:0 0 12px!important;
  color:#e5a536!important;
  font:900 11px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace!important;
  letter-spacing:.2em!important;
}
.hba-ipa-link-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.hba-ipa-link-grid a{
  position:relative;
  min-height:94px;
  padding:16px 15px 14px;
  color:#f4ead6!important;
  text-decoration:none!important;
  background:rgba(255,255,255,.025);
  border:1px solid rgba(244,234,214,.2);
  border-left:3px solid rgba(169,97,43,.8);
  box-shadow:2px 3px 0 rgba(0,0,0,.18);
  transition:transform .16s ease,border-color .16s ease,background .16s ease;
}
.hba-ipa-link-grid a:nth-child(even){transform:rotate(.35deg)}
.hba-ipa-link-grid a:nth-child(odd){transform:rotate(-.25deg)}
.hba-ipa-link-grid a:hover,.hba-ipa-link-grid a:focus-visible{
  transform:translateY(-3px) rotate(0);
  border-color:rgba(229,165,54,.72);
  background:rgba(229,165,54,.07);
  outline:none;
}
.hba-ipa-link-grid strong{display:block;margin-bottom:6px;color:#fff6e8;font-size:16px;line-height:1.15}
.hba-ipa-link-grid small{display:block;color:rgba(244,234,214,.59);font-size:12px;line-height:1.35}
.hba-ipa-link-section--brew{margin-top:20px}
.hba-ipa-link-grid--brew{grid-template-columns:repeat(4,minmax(0,1fr))}
.hba-ipa-link-grid--brew a{border-left-color:rgba(229,165,54,.78)}

@media(max-width:760px){
  .hba-ipa-intro{padding:23px 20px 21px}.hba-ipa-intro:before{display:none}.hba-ipa-endcap{padding:27px 20px}.hba-ipa-endcap:before{display:none}.hba-ipa-link-grid,.hba-ipa-link-grid--brew{grid-template-columns:1fr 1fr}.hba-ipa-link-grid a{min-height:88px}.hba-beer-card{grid-template-columns:1fr}
  .hba-beer-card:after{right:18px;top:13px;font-size:7px}
  .hba-beer-card__media{border-right:0;border-bottom:1px solid var(--hba-line)}
  .hba-beer-card__media:before{top:14%;height:58%}
  .hba-beer-card__image-wrap{min-height:240px;margin-left:7px}
  .hba-beer-card__content{padding:27px 24px 29px}
  .hba-beer-card__stats{grid-template-columns:repeat(2,1fr)}
  .hba-beer-card__vote{border-left:0;border-top:1px solid var(--hba-line);padding:15px 20px 18px}
  .hba-beer-card__vote:before{left:8%;top:7px;width:84%;height:3px;background:linear-gradient(90deg,#56341f,#98623d 14%,#603a22 55%,#8c5735 82%,#50301d)}
  .hba-beer-vote{flex-direction:row;justify-content:center}
  .hba-beer-vote__label{margin-right:8px}
  .hba-beer-vote__toast{position:static;opacity:0;transform:none;min-width:70px}
  .hba-beer-card.is-voted .hba-beer-vote__toast{animation:hbaBeerToastMobile .75s ease both}
  @keyframes hbaBeerToastMobile{
    0%{opacity:0;transform:translateY(5px) rotate(-3deg) scale(.9)}
    30%{opacity:1;transform:translateY(0) rotate(2deg) scale(1.05)}
    100%{opacity:0;transform:translateY(-7px) rotate(-2deg) scale(.98)}
  }
}