.pixel-art {
  image-rendering: pixelated;
}

.coffee-hero {
  background-image:
    linear-gradient(90deg, rgba(9, 9, 11, 0.96) 0%, rgba(9, 9, 11, 0.78) 35%, rgba(9, 9, 11, 0.18) 78%),
    url("/static/img/coffee-chain-hero.png");
  background-position: center;
  background-size: cover;
}

.coffee-card {
  background:
    radial-gradient(circle at top left, rgba(248, 113, 22, 0.14), transparent 40%),
    linear-gradient(180deg, rgba(39, 39, 42, 0.96), rgba(24, 24, 27, 0.96));
}