/* Owner-approved original product imagery. Keep labels pixel-exact and blend every edge. */
.hero-bottle {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  filter: drop-shadow(0 32px 34px rgba(5, 57, 79, .3)) !important;
  height: 88%;
  object-fit: cover !important;
  object-position: 50% 50% !important;
  width: 66%;
  -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 12%, #000 88%, transparent 100%), linear-gradient(to bottom, transparent 0%, #000 10%, #000 90%, transparent 100%);
  -webkit-mask-composite: source-in;
  mask-image: linear-gradient(to right, transparent 0%, #000 12%, #000 88%, transparent 100%), linear-gradient(to bottom, transparent 0%, #000 10%, #000 90%, transparent 100%);
  mask-composite: intersect;
}

.sku > img.owner-pair {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  filter: none !important;
  height: 540px;
  max-height: none;
  object-fit: cover;
  width: 112%;
  -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 13%, #000 87%, transparent 100%), linear-gradient(to bottom, transparent 0%, #000 9%, #000 88%, transparent 100%);
  -webkit-mask-composite: source-in;
  mask-image: linear-gradient(to right, transparent 0%, #000 13%, #000 87%, transparent 100%), linear-gradient(to bottom, transparent 0%, #000 9%, #000 88%, transparent 100%);
  mask-composite: intersect;
}

.sku--premier > img.owner-pair { object-position: 31% 50%; }
.sku--choice > img.owner-pair { object-position: 69% 50%; }
.ritual-bottle { display: none; }

.buddy-restored::before {
  aspect-ratio: 3 / 2;
  background-image: url("/assets/beverage-buddy-hero-card.png");
  -webkit-mask-image: linear-gradient(to right, transparent, #000 10%, #000 90%, transparent), linear-gradient(to bottom, transparent, #000 10%, #000 90%, transparent);
  -webkit-mask-composite: source-in;
  mask-image: linear-gradient(to right, transparent, #000 10%, #000 90%, transparent), linear-gradient(to bottom, transparent, #000 10%, #000 90%, transparent);
  mask-composite: intersect;
  width: clamp(248px, 24vw, 340px);
}

.join-art img {
  border: 0;
  border-radius: 0;
  box-shadow: none;
  filter: none;
  object-fit: cover;
  padding: 0;
  -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 10%, #000 90%, transparent 100%), linear-gradient(to bottom, transparent 0%, #000 9%, #000 91%, transparent 100%);
  -webkit-mask-composite: source-in;
  mask-image: linear-gradient(to right, transparent 0%, #000 10%, #000 90%, transparent 100%), linear-gradient(to bottom, transparent 0%, #000 9%, #000 91%, transparent 100%);
  mask-composite: intersect;
}

@media (max-width: 860px) {
  .hero-bottle { width: 76%; }
  .sku > img.owner-pair {
    height: 390px;
    width: 74%;
  }


  .buddy-restored::before { width: min(88vw, 310px); }
}

@media (max-width: 620px) {
  .hero-bottle { width: 88%; }
  .sku > img.owner-pair {
    height: 360px;
    width: 92%;
  }
}