/* Memberships: a single comparison, shared live rates and existing purchase flow. */
@layer components {
  .mp-memberships { --_member-paper: var(--mp-white); --_member-hero-height: calc(var(--mp-space-3xl) * 5); --mp-color-text-2: color-mix(in srgb, var(--mp-color-text) 80%, var(--mp-color-surface)); }
  .mp-memberships > * { grid-column: wide; }
  .mp-memberships p { max-inline-size: none; }
  .mp-memberships .mp-btn { max-inline-size: 100%; white-space: normal; text-align: center; }
  .mp-prose > .mp-memberships--opening { padding-block: var(--mp-space-m) var(--mp-space-l); }
  .mp-memberships__hero { position: relative; isolation: isolate; }
  .mp-memberships__hero-photo { margin: 0; position: relative; }
  .mp-memberships__hero-photo img { display: block; inline-size: 100%; block-size: auto; aspect-ratio: 4 / 3; object-fit: cover; object-position: 65% 30%; border-radius: var(--mp-radius-lg); }
  .mp-memberships__hero-photo::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to bottom, transparent 65%, var(--_member-paper)); pointer-events: none; }
  .mp-memberships__intro { position: relative; margin-block-start: calc(-1 * var(--mp-space-l)); }
  .mp-memberships__intro .mp-hero { background: none; color: inherit; min-block-size: 0; margin: 0; overflow: visible; border-radius: 0; }
  .mp-memberships .mp-memberships__intro .mp-hero__body { padding: 0; background: none; }
  .mp-memberships .mp-hero__title { font-size: var(--mp-fs-display-xl); max-inline-size: none; }
  .mp-memberships .mp-hero__lede { max-inline-size: 36em; color: var(--mp-color-text-2); }
  .mp-memberships__intro .mp-eyebrow { color: var(--mp-color-text); }
  .mp-memberships__nav { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: var(--mp-space-m); margin-block-start: var(--mp-space-l); border-block: var(--mp-border) solid var(--mp-color-line); }
  .mp-memberships__nav a { display: flex; gap: var(--mp-space-xs); align-items: center; justify-content: space-between; padding-block: var(--mp-space-s); min-block-size: var(--mp-tap); font: var(--mp-weight-ui) var(--mp-fs-sm) / var(--mp-lh-snug) var(--mp-font-ui); color: inherit; text-decoration: none; }
  .mp-memberships__nav a:hover { color: var(--mp-color-accent-text); }
  .mp-memberships__head { display: grid; gap: var(--mp-space-m) var(--mp-space-xl); margin-block-end: var(--mp-space-l); }
  .mp-memberships__head .mp-eyebrow { margin-block: 0 var(--mp-space-s); }
  .mp-memberships__title { margin: 0; font-size: var(--mp-fs-display-m); }
  .mp-memberships__lede { margin: 0; font-size: var(--mp-fs-lead); color: var(--mp-color-text-2); }
  .mp-memberships__plans { display: grid; gap: var(--mp-space-m); }
  .mp-memberships__plan { min-inline-size: 0; display: flex; flex-direction: column; align-items: flex-start; padding: var(--mp-space-m); border: var(--mp-border) solid var(--mp-color-line); border-radius: var(--mp-radius-lg); }
  .mp-memberships__plan > * { margin: 0; }
  .mp-memberships__plan .mp-eyebrow { font-size: var(--mp-fs-xs); margin-block-end: var(--mp-space-m); }
  .mp-memberships__plan h3 { font-size: var(--mp-fs-display-xs); margin-block-end: var(--mp-space-m); }
  .mp-memberships__plan .mp-memberships__price { font: var(--mp-weight-display) var(--mp-fs-display-2xs) / var(--mp-lh-snug) var(--mp-font-display); color: var(--mp-color-accent-text); }
  .mp-memberships__unit { font-size: var(--mp-fs-xs); color: var(--mp-color-text-2); padding-block: var(--mp-space-2xs) var(--mp-space-m); }
  .mp-memberships__plan ul { padding-inline-start: var(--mp-space-s); margin-block: var(--mp-space-m); font-size: var(--mp-fs-sm); }
  .mp-memberships__plan li + li { margin-block-start: var(--mp-space-xs); }
  .mp-memberships__plan .mp-btn { margin-block-start: auto; inline-size: 100%; font-size: var(--mp-fs-sm); }
  .mp-memberships .mp-early-bird-line { margin-block-start: var(--mp-space-l); padding-block: var(--mp-space-s); border-block: var(--mp-border) solid var(--mp-color-line); }
  .mp-memberships__aside { font-size: var(--mp-fs-sm); color: var(--mp-color-text-2); }
  .mp-memberships__feature { display: grid; gap: var(--mp-space-l) var(--mp-space-xl); align-items: center; }
  .mp-memberships__photo { margin: 0; min-inline-size: 0; }
  .mp-memberships__photo img { display: block; inline-size: 100%; block-size: auto; aspect-ratio: 4 / 5; object-fit: cover; border-radius: var(--mp-radius-lg); }
  .mp-memberships__copy { display: grid; gap: var(--mp-space-s); min-inline-size: 0; }
  .mp-memberships__copy > * { margin: 0; }
  .mp-memberships__terms { display: grid; gap: var(--mp-space-s); margin-block: var(--mp-space-s); }
  .mp-memberships__terms > div { border-block-start: var(--mp-border) solid var(--mp-color-line); padding-block-start: var(--mp-space-s); }
  .mp-memberships__terms h3 { margin: 0; font-size: var(--mp-fs-lead); font-family: var(--mp-font-ui); text-transform: none; }
  .mp-memberships__terms p { margin-block: var(--mp-space-2xs) 0; }
  .mp-memberships__link { display: inline-flex; align-items: center; min-block-size: var(--mp-tap); font-weight: var(--mp-weight-ui); text-underline-offset: .22em; }
  .mp-memberships__steps { display: grid; gap: var(--mp-space-m); list-style: none; padding: 0; margin: 0; }
  .mp-memberships__steps li { display: flex; flex-direction: column; align-items: flex-start; margin: 0; padding: var(--mp-space-l); background: var(--_member-paper); border-radius: var(--mp-radius-lg); }
  .mp-memberships__number { font: var(--mp-weight-display) var(--mp-fs-display-xs) / var(--mp-lh-tight) var(--mp-font-display); color: var(--mp-color-accent-text); }
  .mp-memberships__steps h3 { margin-block: var(--mp-space-m) 0; font-size: var(--mp-fs-display-2xs); }
  .mp-memberships__steps p { margin-block: var(--mp-space-s); }
  .mp-memberships__steps .mp-memberships__link { margin-block-start: auto; }
  .mp-memberships__arrival { display: grid; gap: var(--mp-space-l); margin-block-start: var(--mp-space-l); padding-block-start: var(--mp-space-l); border-block-start: var(--mp-border) solid var(--mp-color-line); }
  .mp-memberships__arrival h3 { margin: 0; font-size: var(--mp-fs-display-2xs); }
  .mp-memberships__arrival p { margin-block: var(--mp-space-xs); }
  .mp-memberships__close { display: grid; align-items: center; gap: var(--mp-space-l) var(--mp-space-xl); }
  .mp-memberships__close .mp-memberships__title { font-size: var(--mp-fs-display-l); }
  .mp-memberships__actions { display: flex; flex-wrap: wrap; gap: var(--mp-space-xs); margin-block-start: var(--mp-space-m); }
  .mp-memberships__next { display: grid; }
  .mp-memberships__next a { display: flex; align-items: center; justify-content: space-between; gap: var(--mp-space-s); padding-block: var(--mp-space-m); min-block-size: var(--mp-tap); border-block-end: var(--mp-border) solid var(--mp-color-line); text-decoration: none; color: inherit; font-weight: var(--mp-weight-ui); }
  .mp-memberships__next a:hover { color: var(--mp-color-accent-text); }
  @media (min-width: 48rem) {
    .mp-memberships__nav { grid-template-columns: repeat(4,minmax(0,1fr)); }
    .mp-memberships__plans, .mp-memberships__arrival { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .mp-memberships__hero-photo img { aspect-ratio: 2; object-position: 65% 35%; }
  }
  @media (min-width: 64rem) {
    .mp-memberships__hero { display: grid; align-items: center; }
    .mp-memberships__hero-photo, .mp-memberships__intro { grid-area: 1 / 1; }
    .mp-memberships__hero-photo img { min-block-size: var(--_member-hero-height); aspect-ratio: 2; object-position: 65% 50%; }
    .mp-memberships__hero-photo::after { background: linear-gradient(90deg, var(--_member-paper), color-mix(in srgb, var(--_member-paper) 94%, transparent) 20%, transparent 70%); }
    .mp-memberships__intro { max-inline-size: 52%; margin: 0; padding: var(--mp-space-l); }
    .mp-memberships .mp-hero__title { font-size: var(--mp-fs-display-l); }
    .mp-memberships__head, .mp-memberships__feature { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .mp-memberships__head { align-items: end; }
    .mp-memberships__steps { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .mp-memberships__close { grid-template-columns: 1.4fr 1fr; }
  }
  @media (min-width: 70rem) {
    .mp-memberships__plans { grid-template-columns: repeat(4,minmax(0,1fr)); }
    .mp-memberships .mp-hero__title { font-size: var(--mp-fs-display-xl); }
  }
}
@layer schemes {
  .mp-memberships__intro .mp-hero { background: none; color-scheme: light; --mp-color-surface: var(--mp-white); --mp-color-surface-2: var(--mp-grey); --mp-color-text: var(--mp-ink); --mp-color-text-2: var(--mp-ink-2); --mp-color-accent-text: var(--mp-green-text); --mp-color-line: var(--mp-hairline); --mp-color-line-strong: var(--mp-stone); --mp-color-line-hover: var(--mp-ink); --mp-color-focus: var(--mp-ink); }
}