.beer-page{
  --bosiger-green:#008b45;
  --bosiger-red:#d71920;
  --bosiger-gold:#d6ad2f;
  --bosiger-black:#090806;
  --bosiger-cream:#fff8e8;
  background:#f8f4e9;
  color:#222;
}

.beer-page #particles-js{
  display:none;
}

.beer-header{
  position:sticky;
  top:0;
  z-index:70;
  min-height:78px;
  display:grid;
  grid-template-columns:minmax(170px, 260px) 1fr minmax(170px, 260px);
  align-items:center;
  gap:18px;
  padding:12px clamp(16px, 4vw, 62px);
  background:
    linear-gradient(90deg, rgba(9,8,6,.97) 0%, rgba(11,46,29,.96) 42%, rgba(94,13,18,.94) 100%);
  color:#fff;
  border-bottom:2px solid var(--bosiger-gold);
  box-shadow:0 10px 34px rgba(0,0,0,.26), inset 0 -1px 0 rgba(255,255,255,.08);
  backdrop-filter:blur(10px);
}

.beer-brand{
  display:inline-flex;
  align-items:center;
  gap:14px;
  color:var(--bosiger-cream);
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
  text-shadow:0 2px 0 rgba(0,0,0,.22);
}

.beer-brand-logo{
  width:58px;
  height:58px;
  display:block;
  object-fit:contain;
  border-radius:999px;
  background:#fff;
  padding:3px;
  box-shadow:
    0 0 0 2px var(--bosiger-gold),
    0 8px 20px rgba(0,0,0,.32);
}

.beer-nav{
  justify-self:center;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(12px, 2vw, 34px);
}

.beer-nav a{
  position:relative;
  color:var(--bosiger-cream);
  font-size:clamp(12px, .95vw, 15px);
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  transition:color .2s var(--ease);
}

.beer-nav a::after{
  content:"";
  position:absolute;
  left:0;
  right:.14em;
  bottom:-8px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg, var(--bosiger-green), var(--bosiger-gold), var(--bosiger-red));
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .22s var(--ease);
}

.beer-nav a:hover,
.beer-nav a:focus-visible{
  color:var(--bosiger-gold);
  outline:0;
}

.beer-nav a:hover::after,
.beer-nav a:focus-visible::after{
  transform:scaleX(1);
}

.beer-social-links{
  justify-self:end;
  display:flex;
  align-items:center;
  gap:8px;
}

.beer-social-links .social-icon{
  width:42px;
  height:42px;
  border-radius:999px;
  color:var(--bosiger-gold);
  border:1px solid rgba(214,173,47,.58);
  background:rgba(9,8,6,.35);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.05), 0 8px 18px rgba(0,0,0,.18);
}

.beer-social-links .social-icon:hover,
.beer-social-links .social-icon:focus-visible{
  color:#fff;
  border-color:var(--bosiger-gold);
  background:linear-gradient(135deg, var(--bosiger-green), var(--bosiger-red));
}

.beer-grid-intro{
  position:relative;
  z-index:5;
  min-height:168px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:8px;
  padding:28px 16px 34px;
  text-align:center;
  background:
    radial-gradient(circle at 18% 22%, rgba(0,0,0,.045) 0 1px, transparent 1.5px),
    radial-gradient(circle at 80% 60%, rgba(0,0,0,.04) 0 1px, transparent 1.5px),
    #faf7ec;
  background-size:22px 22px, 28px 28px, auto;
}

.beer-line-icon{
  display:flex;
  justify-content:center;
  gap:7px;
  height:54px;
}

.beer-line-icon span{
  position:relative;
  width:15px;
  height:44px;
  border-radius:5px 5px 4px 4px;
  background:linear-gradient(var(--bosiger-gold) 0 18%, var(--bosiger-green) 18% 72%, var(--bosiger-red) 72% 100%);
  box-shadow:inset 0 -5px 0 rgba(255,255,255,.26), 0 4px 0 rgba(0,0,0,.10);
}

.beer-line-icon span::before{
  content:"";
  position:absolute;
  left:3px;
  top:-16px;
  width:9px;
  height:18px;
  border-radius:4px 4px 0 0;
  background:var(--bosiger-gold);
}

.beer-grid-intro h1{
  color:#303030;
  font-family:Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size:clamp(38px, 4.4vw, 70px);
  line-height:.9;
  letter-spacing:.06em;
  text-transform:uppercase;
}

.beer-grid-intro p{
  max-width:760px;
  color:#6b6258;
  font-size:clamp(14px, 1vw, 17px);
  line-height:1.45;
}

.beer-product-grid{
  position:relative;
  z-index:5;
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:0;
  background:#111;
}

.beer-grid-card{
  --accent:var(--bosiger-gold);
  --bg-origin-x:50%;
  --bg-origin-y:50%;
  --bg-pan-x:0%;
  --bg-pan-y:0%;
  --bg-drift-x:1.35%;
  --bg-drift-y:-.85%;
  position:relative;
  min-height:clamp(420px, 37vw, 610px);
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(180px, .92fr) 1fr;
  align-items:center;
  isolation:isolate;
  color:#fff;
  text-decoration:none;
  background:#1f1208;
  cursor:pointer;
  touch-action:manipulation;
  content-visibility:auto;
  contain:layout paint style;
  contain-intrinsic-size:610px;
}

.beer-grid-card:focus-visible{
  outline:3px solid color-mix(in srgb, var(--accent), #fff 28%);
  outline-offset:-8px;
}

.beer-card-bg{
  content:"";
  position:absolute;
  inset:0;
  z-index:-3;
  background-color:#211309;
  background-image:
    radial-gradient(circle at 50% 48%, color-mix(in srgb, var(--accent), transparent 72%), transparent 34%),
    linear-gradient(135deg, #2a170a, #0f0a07 58%, #221108);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  transform-origin:var(--bg-origin-x) var(--bg-origin-y);
  transform:translate3d(0, 0, 0) scale(1.04);
  filter:brightness(1.28) saturate(1.16) contrast(1.02);
  transition:transform 1.05s cubic-bezier(.16,.84,.24,1), filter 1.05s cubic-bezier(.16,.84,.24,1);
  will-change:auto;
  backface-visibility:hidden;
}

.beer-grid-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:
    linear-gradient(90deg, rgba(0,0,0,.28), rgba(0,0,0,.06) 42%, rgba(0,0,0,.30)),
    linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.22));
}

.beer-grid-card::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(circle at 36% 48%, color-mix(in srgb, var(--accent), transparent 65%), transparent 26%),
    linear-gradient(180deg, rgba(0,0,0,.12), rgba(0,0,0,.32));
  mix-blend-mode:screen;
  opacity:.30;
  transition:opacity .35s var(--ease);
}

.beer-grid-card:nth-child(4n + 2),
.beer-grid-card:nth-child(4n + 3){
  --accent:#ef4d37;
}

.beer-grid-card:nth-child(5n){
  --accent:#d93b7b;
}

.beer-grid-card:nth-child(6n){
  --accent:#c9c9c9;
}

.beer-grid-card:nth-child(even){
  grid-template-columns:1fr minmax(180px, .92fr);
}

.beer-grid-card:nth-child(even) .beer-bottle-wrap{
  grid-column:2;
  grid-row:1;
}

.beer-grid-card:nth-child(even) .beer-grid-copy{
  grid-column:1;
  grid-row:1;
  padding-left:clamp(28px, 5vw, 88px);
  padding-right:clamp(16px, 3vw, 42px);
}

.beer-bottle-wrap{
  position:relative;
  display:grid;
  place-items:center;
  min-width:0;
  height:100%;
  padding:clamp(20px, 3vw, 52px);
}

.beer-bottle-wrap::before{
  content:"";
  position:absolute;
  left:50%;
  bottom:15%;
  z-index:0;
  width:58%;
  height:15%;
  transform:translateX(-50%) scale(1);
  border-radius:50%;
  background:
    radial-gradient(ellipse at center, rgba(0,0,0,.66) 0%, rgba(0,0,0,.38) 38%, transparent 72%);
  filter:blur(12px);
  opacity:.82;
  pointer-events:none;
  transition:transform .45s var(--ease), opacity .45s var(--ease), filter .45s var(--ease);
}

.beer-bottle-wrap::after{
  content:"";
  position:absolute;
  left:50%;
  bottom:17%;
  z-index:0;
  width:34%;
  height:9%;
  transform:translateX(-50%) scale(.92);
  border-radius:50%;
  background:color-mix(in srgb, var(--accent), transparent 36%);
  filter:blur(18px);
  opacity:.38;
  pointer-events:none;
  transition:transform .45s var(--ease), opacity .45s var(--ease), filter .45s var(--ease);
}

.beer-bottle-wrap img{
  position:relative;
  z-index:2;
  width:min(58%, 245px);
  height:clamp(310px, 31vw, 470px);
  object-fit:contain;
  object-position:center bottom;
  filter:drop-shadow(0 28px 24px rgba(0,0,0,.42));
  transform:translateY(0) rotate(0deg) scale(1);
  transition:transform .55s var(--ease), filter .55s var(--ease);
  backface-visibility:hidden;
}

.beer-grid-copy{
  padding-left:clamp(16px, 3vw, 42px);
  padding-right:clamp(28px, 5vw, 88px);
  transform:translateY(0);
  transition:transform .45s var(--ease), opacity .45s var(--ease);
}

.beer-grid-copy h2{
  color:#fff;
  font-family:Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size:clamp(34px, 4.4vw, 78px);
  line-height:.82;
  letter-spacing:.045em;
  text-transform:uppercase;
  -webkit-text-stroke:clamp(1px, .11vw, 1.7px) rgba(0,0,0,.68);
  paint-order:stroke fill;
  text-shadow:
    0 2px 0 rgba(0,0,0,.72),
    0 5px 16px rgba(0,0,0,.55),
    0 0 24px rgba(0,0,0,.42);
}

.beer-grid-copy .beer-style-name{
  margin-top:8px;
  color:#fff;
  font-family:Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size:clamp(19px, 2.1vw, 36px);
  line-height:.95;
  letter-spacing:.04em;
  text-transform:uppercase;
  opacity:.95;
  -webkit-text-stroke:clamp(.7px, .075vw, 1.15px) rgba(0,0,0,.70);
  paint-order:stroke fill;
  text-shadow:
    0 2px 0 rgba(0,0,0,.70),
    0 4px 12px rgba(0,0,0,.52),
    0 0 18px rgba(0,0,0,.38);
}

.beer-grid-copy p{
  max-width:520px;
  margin-top:18px;
  color:rgba(255,255,255,.78);
  font-size:clamp(13px, 1vw, 16px);
  line-height:1.45;
  opacity:0;
  transform:translateY(12px);
  transition:opacity .35s var(--ease), transform .35s var(--ease);
}

.beer-grid-specs{
  margin-top:20px;
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.beer-grid-specs span{
  min-height:34px;
  display:inline-flex;
  align-items:center;
  border:1px solid rgba(255,255,255,.40);
  border-radius:999px;
  padding:0 12px;
  color:#fff;
  background:rgba(0,0,0,.20);
  backdrop-filter:blur(6px);
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  transform:translateY(0);
  transition:transform .35s var(--ease), background .35s var(--ease);
}

.beer-detail-link{
  width:max-content;
  min-height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.42);
  border-radius:999px;
  margin-top:14px;
  padding:0 15px;
  color:#fff;
  background:rgba(0,0,0,.28);
  text-decoration:none;
  font-size:12px;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
  box-shadow:0 10px 24px rgba(0,0,0,.22);
  backdrop-filter:blur(6px);
  transition:transform .25s var(--ease), background .25s var(--ease), border-color .25s var(--ease);
}

.beer-detail-link:hover,
.beer-detail-link:focus-visible{
  transform:translateY(-3px);
  border-color:rgba(255,255,255,.72);
  background:color-mix(in srgb, var(--accent), rgba(0,0,0,.30) 42%);
  outline:0;
}

.beer-grid-card:hover .beer-detail-link,
.beer-grid-card:focus-visible .beer-detail-link,
.beer-grid-card:focus-within .beer-detail-link{
  transform:translateY(-3px);
  border-color:rgba(255,255,255,.72);
  background:color-mix(in srgb, var(--accent), rgba(0,0,0,.30) 42%);
}

.beer-awards{
  width:min(100%, 560px);
  margin-top:clamp(12px, 1.4vw, 20px);
  display:flex;
  align-items:center;
  gap:10px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:22px;
  padding:8px 10px;
  background:
    linear-gradient(135deg, rgba(0,0,0,.48), rgba(0,0,0,.16)),
    color-mix(in srgb, var(--accent), transparent 88%);
  box-shadow:0 14px 34px rgba(0,0,0,.22);
  backdrop-filter:blur(8px);
}

.beer-awards-label{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  min-height:28px;
  border-radius:999px;
  padding:0 9px;
  color:#fff;
  background:rgba(0,0,0,.34);
  font-size:10px;
  font-weight:900;
  letter-spacing:.13em;
  line-height:1;
  text-transform:uppercase;
  text-shadow:0 2px 8px rgba(0,0,0,.55);
}

.beer-awards-list{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:7px;
  min-width:0;
}

.beer-award-item{
  width:clamp(32px, 3vw, 50px);
  aspect-ratio:1;
  max-height:clamp(36px, 3.4vw, 56px);
  object-fit:contain;
  filter:
    drop-shadow(0 4px 8px rgba(0,0,0,.55))
    drop-shadow(0 0 10px color-mix(in srgb, var(--accent), transparent 46%));
  transform:translateY(0) scale(1);
  transition:transform .35s var(--ease), filter .35s var(--ease);
}

.beer-grid-card:hover .beer-card-bg,
.beer-grid-card:focus-within .beer-card-bg,
.beer-grid-card.is-bg-hovered .beer-card-bg{
  animation:beerBgHoverCinematic 1.45s cubic-bezier(.16,.84,.24,1) both;
  filter:brightness(1.48) saturate(1.34) contrast(1.07);
  will-change:transform, filter;
}

.beer-grid-card.is-selected .beer-card-bg{
  animation:beerBgSelectCinematic .92s cubic-bezier(.16,.84,.24,1) both;
  will-change:transform, filter;
}

@keyframes beerBgHoverCinematic{
  0%{
    transform:translate3d(0, 0, 0) scale(1.04);
    filter:brightness(1.28) saturate(1.16) contrast(1.02);
  }
  58%{
    transform:translate3d(var(--bg-pan-x), var(--bg-pan-y), 0) scale(1.18);
    filter:brightness(1.46) saturate(1.32) contrast(1.06);
  }
  100%{
    transform:translate3d(var(--bg-drift-x), var(--bg-drift-y), 0) scale(1.24);
    filter:brightness(1.48) saturate(1.34) contrast(1.07);
  }
}

@keyframes beerBgSelectCinematic{
  0%{
    transform:translate3d(0, 0, 0) scale(1.04);
    filter:brightness(1.28) saturate(1.16) contrast(1.02);
  }
  45%{
    transform:translate3d(var(--bg-pan-x), var(--bg-pan-y), 0) scale(1.26);
    filter:brightness(1.54) saturate(1.38) contrast(1.10);
  }
  100%{
    transform:translate3d(var(--bg-drift-x), var(--bg-drift-y), 0) scale(1.24);
    filter:brightness(1.48) saturate(1.34) contrast(1.07);
  }
}

.beer-grid-card:hover::after,
.beer-grid-card:focus-within::after{
  opacity:1;
}

.beer-grid-card:hover .beer-bottle-wrap img,
.beer-grid-card:focus-within .beer-bottle-wrap img{
  transform:translateY(-18px) rotate(-2deg) scale(1.055);
  filter:drop-shadow(0 40px 30px rgba(0,0,0,.50));
}

.beer-grid-card:nth-child(even):hover .beer-bottle-wrap img,
.beer-grid-card:nth-child(even):focus-within .beer-bottle-wrap img{
  transform:translateY(-18px) rotate(2deg) scale(1.055);
}

.beer-grid-card:hover .beer-bottle-wrap::before,
.beer-grid-card:focus-within .beer-bottle-wrap::before,
.beer-bottle-wrap:hover::before{
  transform:translateX(-50%) scale(.72, .58);
  opacity:.92;
  filter:blur(16px);
}

.beer-grid-card:hover .beer-bottle-wrap::after,
.beer-grid-card:focus-within .beer-bottle-wrap::after,
.beer-bottle-wrap:hover::after{
  transform:translateX(-50%) scale(1.28, .78);
  opacity:.62;
  filter:blur(22px);
}

.beer-grid-card:hover .beer-grid-copy,
.beer-grid-card:focus-within .beer-grid-copy{
  transform:translateY(-8px);
}

.beer-grid-card:hover .beer-grid-copy p,
.beer-grid-card:focus-within .beer-grid-copy p{
  opacity:1;
  transform:translateY(0);
}

.beer-grid-card:hover .beer-grid-specs span,
.beer-grid-card:focus-within .beer-grid-specs span{
  background:color-mix(in srgb, var(--accent), rgba(0,0,0,.18) 40%);
  transform:translateY(-3px);
}

.beer-grid-card:hover .beer-award-item,
.beer-grid-card:focus-within .beer-award-item{
  transform:translateY(-3px) scale(1.07);
  filter:
    drop-shadow(0 7px 12px rgba(0,0,0,.60))
    drop-shadow(0 0 14px color-mix(in srgb, var(--accent), transparent 34%));
}

@media (hover:none), (pointer:coarse), (max-width:760px){
  .beer-card-bg{
    transform:translate3d(0, 0, 0) scale(1.035);
    filter:brightness(1.28) saturate(1.16) contrast(1.02);
  }

  .beer-grid-card:hover .beer-card-bg,
  .beer-grid-card:focus-within .beer-card-bg{
    animation:none;
    transform:translate3d(0, 0, 0) scale(1.035);
    filter:brightness(1.28) saturate(1.16) contrast(1.02);
  }

  .beer-grid-card.is-bg-hovered .beer-card-bg,
  .beer-grid-card.is-selected .beer-card-bg{
    animation:beerBgHoverCinematic 1.45s cubic-bezier(.16,.84,.24,1) both;
    filter:brightness(1.48) saturate(1.34) contrast(1.07);
  }

  .beer-grid-card:hover .beer-bottle-wrap img,
  .beer-grid-card:focus-within .beer-bottle-wrap img,
  .beer-grid-card:nth-child(even):hover .beer-bottle-wrap img,
  .beer-grid-card:nth-child(even):focus-within .beer-bottle-wrap img{
    transform:translateY(0) rotate(0deg) scale(1);
    filter:drop-shadow(0 28px 24px rgba(0,0,0,.42));
  }

  .beer-grid-card:hover .beer-bottle-wrap::before,
  .beer-grid-card:focus-within .beer-bottle-wrap::before,
  .beer-bottle-wrap:hover::before{
    transform:translateX(-50%) scale(1);
    opacity:.78;
    filter:blur(12px);
  }

  .beer-grid-card:hover .beer-bottle-wrap::after,
  .beer-grid-card:focus-within .beer-bottle-wrap::after,
  .beer-bottle-wrap:hover::after{
    transform:translateX(-50%) scale(.92);
    opacity:.32;
    filter:blur(18px);
  }

  .beer-grid-card:hover .beer-grid-copy,
  .beer-grid-card:focus-within .beer-grid-copy,
  .beer-grid-card:hover .beer-grid-copy p,
  .beer-grid-card:focus-within .beer-grid-copy p{
    transform:none;
  }

  .beer-grid-card:hover .beer-grid-specs span,
  .beer-grid-card:focus-within .beer-grid-specs span,
  .beer-grid-card:hover .beer-award-item,
  .beer-grid-card:focus-within .beer-award-item{
    transform:none;
  }

  .beer-awards{
    backdrop-filter:none;
  }
}

@media (prefers-reduced-motion:reduce){
  .beer-card-bg,
  .beer-bottle-wrap img,
  .beer-bottle-wrap::before,
  .beer-bottle-wrap::after,
  .beer-grid-copy,
  .beer-grid-copy p,
  .beer-grid-specs span,
  .beer-award-item{
    animation:none !important;
    transition:none !important;
  }
}

.beer-footer{
  position:relative;
  z-index:5;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:clamp(48px, 6vw, 92px) clamp(16px, 5vw, 80px);
  background:#17100b;
  color:#fff5df;
}

.beer-footer h2{
  color:var(--bosiger-gold);
  font-family:Georgia, "Times New Roman", serif;
  font-size:clamp(38px, 5vw, 72px);
  text-transform:uppercase;
}

.beer-footer p{
  max-width:720px;
  margin-top:12px;
  color:rgba(255,245,223,.74);
  line-height:1.5;
}

.beer-button{
  min-height:54px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:2px solid var(--bosiger-gold);
  border-radius:999px;
  padding:0 30px;
  color:#fff5df;
  background:linear-gradient(135deg, var(--bosiger-green), var(--bosiger-red));
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
  box-shadow:0 12px 30px rgba(0,0,0,.26);
  transition:transform .25s var(--ease), background .25s var(--ease), color .25s var(--ease);
}

.beer-button:hover,
.beer-button:focus-visible{
  transform:translateY(-3px);
  background:var(--bosiger-black);
  color:#fff;
  outline:0;
}

@media (max-width:1120px){
  .beer-header{
    grid-template-columns:1fr auto;
  }

  .beer-nav{
    grid-column:1 / -1;
    grid-row:2;
    justify-self:start;
    overflow:auto;
    max-width:100%;
    padding-bottom:4px;
  }

  .beer-product-grid{
    grid-template-columns:1fr;
  }

  .beer-grid-card,
  .beer-grid-card:nth-child(even){
    grid-template-columns:minmax(160px, .8fr) 1fr;
  }

  .beer-grid-card:nth-child(even) .beer-bottle-wrap,
  .beer-grid-card:nth-child(even) .beer-grid-copy{
    grid-column:auto;
    grid-row:auto;
  }

  .beer-grid-card:nth-child(even) .beer-grid-copy{
    padding-left:clamp(16px, 3vw, 42px);
    padding-right:clamp(28px, 5vw, 88px);
  }
}

@media (max-width:760px){
  .beer-header{
    min-height:auto;
    padding:10px 12px;
  }

  .beer-brand span:last-child{
    display:none;
  }

  .beer-brand-logo{
    width:48px;
    height:48px;
    padding:2px;
  }

  .beer-social-links .social-icon{
    width:32px;
    height:32px;
    border-radius:999px;
  }

  .beer-nav{
    gap:8px;
  }

  .beer-nav a{
    white-space:nowrap;
    font-size:11px;
  }

  .beer-grid-intro{
    min-height:148px;
  }

  .beer-grid-card,
  .beer-grid-card:nth-child(even){
    min-height:620px;
    contain-intrinsic-size:620px;
    grid-template-columns:1fr;
    align-items:end;
  }

  .beer-bottle-wrap{
    height:auto;
    min-height:360px;
    padding:24px 18px 0;
  }

  .beer-bottle-wrap img{
    width:min(62%, 210px);
    height:330px;
  }

  .beer-grid-copy,
  .beer-grid-card:nth-child(even) .beer-grid-copy{
    padding:0 24px 34px;
    text-align:center;
  }

  .beer-grid-copy p{
    opacity:1;
    transform:none;
  }

  .beer-grid-specs{
    justify-content:center;
  }

  .beer-detail-link{
    margin-left:auto;
    margin-right:auto;
  }

  .beer-awards{
    width:100%;
    flex-direction:column;
    align-items:center;
    gap:8px;
    margin-left:auto;
    margin-right:auto;
  }

  .beer-awards-list{
    justify-content:center;
  }

  .beer-footer{
    display:grid;
  }
}

@media (max-width:430px){
  .beer-footer{
    padding-left:14px;
    padding-right:14px;
  }

  .beer-grid-card,
  .beer-grid-card:nth-child(even){
    min-height:580px;
    contain-intrinsic-size:580px;
  }

  .beer-bottle-wrap{
    min-height:330px;
  }

  .beer-bottle-wrap img{
    height:305px;
  }

  .beer-awards{
    padding:7px 8px;
  }

  .beer-award-item{
    width:34px;
    max-height:38px;
  }
}