/* A neutral, uncropped 2:3 poster mount for current and future features. */
.news { --interior-art: url('assets/contact-plate.png'); }
.news .news-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 5%;
  padding: calc(var(--header-height) + 40px) 6% 50px;
  min-height: 100svh;
  align-items: start;
}
.news-intro { margin-top: 30px; }
.news .news-intro h1 { font: 800 clamp(42px, 5.7vw, 88px)/1.05 Arial, sans-serif; letter-spacing: -.045em; }
.news .news-intro .lead { margin-top: 18px; font-size: clamp(18px, 1.9vw, 27px); line-height: 1.4; }
.new-drink-poster { position: relative; z-index: 1; width: 100%; max-width: 520px; justify-self: center; margin: 0; padding: clamp(12px, 2vw, 30px); background: #fffaf0; border: 1px solid #d8d7c3; }
.new-drink-poster img { display: block; width: 100%; height: auto; aspect-ratio: 2 / 3; object-fit: contain; background: #fff; }
.news-garden { display: none; }
@media (min-width: 600px) and (max-width: 999px) {
  .news .news-layout { padding-top: 30px; min-height: calc(100svh - var(--header-height)); }
  .news { background: #e6efc9 url('assets/contact-plate.png') center bottom / cover no-repeat; }
}
@media (max-width: 599px) {
  .news .news-layout { display: flex; flex-direction: column; gap: 0; padding: 30px 6% 0; min-height: 0; }
  .news-intro { width: 100%; margin: 0; text-align: center; }
  .news .news-intro h1 { font-size: clamp(38px, 10vw, 56px); }
  .news .news-intro .lead { margin-top: 12px; font-size: 17px; }
  .new-drink-poster { max-width: none; margin-top: 24px; padding: 12px; }
  .news-garden { display: block; align-self: stretch; height: 100vw; margin: 12px -6.818182% 0; background: url('assets/background-mobile.png') center bottom / 100% auto no-repeat; mask-image: linear-gradient(to bottom, transparent, #000 12%); }
}