.bz_ing_row { width: 100%; align-items: flex-start; }
.bz_ing_card {
  flex: var(--p, 1) 1 0;
  min-width: 0;
}
.bz_ing_row.is-over {
  flex-wrap: wrap;
  gap: 28px 0;
}
.bz_ing_row.is-over .bz_ing_card {
  flex: 0 0 calc(var(--p) * 1%);
  max-width: calc(var(--p) * 1%);
  padding-inline: 10px;
}
.bz_ing_shot {
  width: 100%;
  filter: drop-shadow(0 8px 14px rgba(var(--color-foreground), .2));
}
.bz_ing_pic {
  width: 100%;
  border-radius: var(--card-radius);
  overflow: hidden;
  background: rgba(var(--color-foreground), .06);
}
.bz_ing_pic img,
.bz_ing_pic svg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.bz_ing_pic {
  --saw-l: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 16'%3E%3Cpath fill='%23000' d='M12 0 0 8 12 16z'/%3E%3C/svg%3E");
  --saw-r: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 16'%3E%3Cpath fill='%23000' d='M0 0 12 8 0 16z'/%3E%3C/svg%3E");
}
.bz_ing_pic.is-start, .bz_ing_pic.is-end, .bz_ing_pic.is-only {
    --d: 21px;
    --t: 30px;
}
.bz_ing_row .bz_ing_pct {
    font-size: calc(var(--heading-scale) * 44px);
}
.bz_ing_pic.is-start {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  mask-image: linear-gradient(#000 0 0), var(--saw-l);
  mask-position: right top, left top;
  mask-size: calc(100% - var(--d)) 100%, var(--d) var(--t);
  mask-repeat: no-repeat, repeat-y;
}
.bz_ing_pic.is-end {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  mask-image: linear-gradient(#000 0 0), var(--saw-r);
  mask-position: left top, right top;
  mask-size: calc(100% - var(--d)) 100%, var(--d) var(--t);
  mask-repeat: no-repeat, repeat-y;
}
.bz_ing_pic.is-only {
  border-radius: 0;
  mask-image: linear-gradient(#000 0 0), var(--saw-l), var(--saw-r);
  mask-position: center top, left top, right top;
  mask-size: calc(100% - var(--d) * 2) 100%, var(--d) var(--t), var(--d) var(--t);
  mask-repeat: no-repeat, repeat-y, repeat-y;
}
.bz_ing_stem {
    width: 2px;
    height: 38px;
    margin-bottom: 10px;
    background: rgba(var(--color-foreground), .75);
}
.bz_ing_pct { color: var(--ing); line-height: 1.05; }
.bz_ing_pct { font-size: calc(var(--heading-scale) * 34px); }
.bz_ing_copy { max-width: 300px; margin-top: 10px; }
.bz_ing_tag {
    padding: 8px 16px;
    border-radius: var(--button-radius);
    background: var(--ing);
    color: var(--ing-text);
    letter-spacing: .04em;
    line-height: normal;
    margin-top: 14px;
}
.bz_ing_name {
    font-size: calc(var(--body-scale) * 24px);
}

@media screen and (min-width: 1200px) {
  .section .bz_smgrid {
    width: 75%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 1199px) {
  .section .bz_smgrid {
    width: 90%;
    margin: 0 auto;
  }
  .bz_ing_name {
    font-size: calc(var(--body-scale) * 22px);
  }
  .bz_ing_row .bz_ing_pct {
    font-size: calc(var(--heading-scale) * 34px);
  }
}
@media screen and (max-width: 767px) {
  .bz_ing_row {
      flex-wrap: unset;
      flex-direction: row;
      justify-content: flex-start;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      padding-bottom: 10px;
  }
  .bz_ing_card {
    scroll-snap-align: start;
  }
  .bz_ing_card {
    min-width: 100%;
  }
  .bz_ing_shot {
    filter: drop-shadow(0 6px 4px rgba(var(--color-foreground), .2));
  }
}