/* Décor indépendant : aucune opacité ni transformation du texte. */
.drinks {
  position: relative;
  isolation: isolate;
  color: var(--cream);
  background: #0b2117;
}
.drinks-photo, .drinks-photo img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: -2;
}
.drinks-photo img { object-fit: cover; object-position: center; }
.drinks::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(180deg, rgb(0 25 17 / .60), rgb(0 25 17 / .60) 68%, rgb(0 25 17 / .08) 87%);
}
.drinks-inner {
  display: grid;
  grid-template-columns: minmax(0, .83fr) minmax(0, 1.17fr);
  align-items: start;
  gap: 4vw;
  min-height: 57vw;
  padding: 6vw 19% 11vw 4.5%;
}
.drinks h2, .drinks h3 {
  margin: 0;
  font-family: Fraunces, Georgia, serif;
  font-weight: 750;
  font-variation-settings: "SOFT" 0, "WONK" 1;
}
.drinks h2 { font-size: clamp(50px, 6.7vw, 128px); line-height: 1.05; }
.drinks-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: clamp(24px, 3vw, 58px);
  row-gap: clamp(24px, 2.2vw, 42px);
}
.drinks-list li { min-width: 0; }
.drinks h3 { font-size: clamp(23px, 2.1vw, 40px); line-height: 1.13; text-wrap: balance; }
.drinks-list p { margin: 0; font-family: Fraunces, Georgia, serif; font-size: clamp(16px, 1.35vw, 26px); font-weight: 400; font-variation-settings: "SOFT" 0, "WONK" 1; line-height: 1.3; }
.drinks-list .drink-detail { margin-top: 5px; }
.drinks-list .drink-price { white-space: nowrap; }

@media (max-width: 1099px) {
  .drinks-inner { grid-template-columns: 1fr; gap: 30px; padding: 70px 7% clamp(300px, 35vw, 385px); min-height: 0; }
  .drinks-photo img { object-position: 75% center; }
  .drinks h2 { font-size: clamp(48px, 9vw, 84px); }
  .drinks h3 { font-size: clamp(21px, 3.6vw, 32px); }
  .drinks-list { gap: 28px 32px; }
  .drinks-list p { font-size: clamp(16px, 2.3vw, 20px); }
  .drinks::before { background: linear-gradient(180deg, rgb(0 25 17 / .62), rgb(0 25 17 / .62) 72%, rgb(0 25 17 / .05) 88%); }
}
@media (max-width: 599px) {
  .drinks-inner { padding: clamp(68px, 18vw, 106px) 6% clamp(190px, 56vw, 335px); gap: 32px; }
  .drinks-photo img { object-position: center; }
  .drinks h2 { font-size: clamp(46px, 12vw, 70px); }
  .drinks h3 { font-size: clamp(20px, 5.3vw, 30px); }
  .drinks-list { gap: 26px 22px; }
  .drinks-list p { font-size: clamp(16px, 4vw, 20px); }
}