.mb-plans { padding: var(--mb-band) var(--mb-inset) 0; }
.mb-plans__head { display: grid; gap: 1rem 3rem; margin-bottom: clamp(2rem, 4vw, 3.5rem); }
.mb-plans__head h2 { margin: 0; max-width: 14ch; }
.mb-plans__head p { margin: 0; max-width: 32rem; color: var(--mb-loam-muted); font-size: var(--mb-size-lede); }
.mb-plans__row { display: grid; gap: 1.5rem; align-items: start; }

.mb-packet {
  position: relative;
  display: grid;
  gap: .25rem;
  padding: 3rem 1.5rem 1.5rem;
  background: var(--mb-white);
  border: 1.5px solid var(--mb-loam);
  clip-path: polygon(0 1.25rem, 50% 0, 100% 1.25rem, 100% 100%, 0 100%);
}
.mb-packet::before { content: ""; position: absolute; inset: 1.25rem 0 auto 0; height: .9rem; background: repeating-linear-gradient(calc(90deg + var(--mb-stripe)), var(--mb-bottle) 0 .9rem, var(--mb-bottle-soft) .9rem 1.8rem); }
.mb-packet--featured { background: var(--mb-bottle); color: var(--mb-on-bottle); border-color: var(--mb-bottle); }
.mb-packet--featured::before { background: repeating-linear-gradient(calc(90deg + var(--mb-stripe)), var(--mb-clipping) 0 .9rem, var(--mb-bottle-soft) .9rem 1.8rem); }
.mb-packet__stamp { position: absolute; top: 2.75rem; right: 1rem; margin: 0; padding: .3rem .6rem; border: 2px solid var(--mb-clipping); color: var(--mb-clipping); font-size: var(--mb-size-small); font-weight: 800; letter-spacing: .12em; text-transform: uppercase; transform: rotate(-6deg); }
.mb-packet__name { margin: .75rem 0 0; font-size: 2rem; }
.mb-packet__price { margin: 0; }
.mb-packet__amount { font-family: var(--mb-display); font-size: clamp(3rem, 2.4rem + 2vw, 4rem); line-height: 1; letter-spacing: -.03em; }
.mb-packet__per { font-weight: 600; }
.mb-packet__crews { margin: .5rem 0 0; font-weight: 700; }
.mb-packet__pitch { margin: .25rem 0 1rem; color: var(--mb-loam-muted); }
.mb-packet--featured .mb-packet__pitch { color: var(--mb-on-bottle-muted); }
.mb-packet__items { display: grid; gap: .5rem; margin: 0 0 1.25rem; padding: 1rem 0 0; list-style: none; border-top: 1px dashed currentColor; font-size: .9375rem; }
.mb-packet__items li { display: flex; align-items: center; gap: .5rem; }
.mb-packet__items .mb-soon { padding: .3rem .6rem; flex-wrap: nowrap; }
.mb-packet__items .mb-icon { flex: none; }
.mb-packet__action { justify-self: start; padding: .8rem 1.2rem; background: var(--mb-bottle); color: var(--mb-on-bottle); font-weight: 700; text-decoration: none; }
.mb-packet--featured .mb-packet__action { background: var(--mb-clipping); color: var(--mb-bottle); }
.mb-packet__action:hover { text-decoration: underline; }

.mb-pricing-hero { display: grid; gap: 2rem; padding: clamp(2.5rem, 5vw, 4.5rem) var(--mb-inset) 0; }
.mb-pricing-hero h1 { font-size: var(--mb-size-hero); max-width: 12ch; }
.mb-pricing-hero__copy p { max-width: 34rem; color: var(--mb-loam-muted); font-size: var(--mb-size-lede); }
.mb-pricing-hero__photo img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border: 1.5px solid var(--mb-loam); }

.mb-fineprint { padding: var(--mb-band) var(--mb-inset) 0; }
.mb-fineprint__list { display: grid; gap: 1.5rem; margin: 0 0 1.5rem; }
.mb-fineprint__item { padding-top: 1rem; border-top: 1.5px solid var(--mb-loam); }
.mb-fineprint__item dt { display: flex; align-items: center; gap: .5rem; font-family: var(--mb-display); font-size: 1.5rem; }
.mb-fineprint__item dd { margin: .5rem 0 0; max-width: 34rem; color: var(--mb-loam-muted); }

@media (min-width: 64rem) {
  .mb-plans__head { grid-template-columns: 1fr auto; align-items: end; }
  .mb-plans__row { grid-template-columns: repeat(6, minmax(0, 1fr)); row-gap: 3.5rem; }
  .mb-packet { grid-column: span 2; }
  .mb-packet:nth-child(-n+2) { grid-column: span 3; }
  .mb-packet--featured { margin-top: -1.5rem; }
  .mb-pricing-hero { grid-template-columns: 5fr 7fr; align-items: end; }
  .mb-fineprint__list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 3rem; }
}