.membership-hero{--membership-ink:color-mix(in oklab, var(--color-background) 76%, transparent);background:color-mix(in oklab, var(--color-foreground) 4%, var(--color-background));min-height:min(94svh,48rem)}.membership-hero__media{background:color-mix(in oklab, var(--color-foreground) 6%, var(--color-background));position:absolute;inset:0}.membership-hero__vignette{background:linear-gradient(to right, var(--membership-ink) 0%, color-mix(in oklab, var(--color-background) 38%, transparent) 40%, transparent 66%), linear-gradient(to top, color-mix(in oklab, var(--color-background) 90%, transparent) 0%, color-mix(in oklab, var(--color-background) 30%, transparent) 30%, transparent 52%)}.membership-hero__grain{opacity:.22;background-image:repeating-linear-gradient(-12deg, transparent 0, transparent 2px, color-mix(in oklab, var(--color-foreground) 4%, transparent) 2px, color-mix(in oklab, var(--color-foreground) 4%, transparent) 3px)}@media (max-width:639px){.membership-hero__vignette{background:linear-gradient(to top, color-mix(in oklab, var(--color-background) 94%, transparent) 0%, color-mix(in oklab, var(--color-background) 48%, transparent) 38%, transparent 72%)}}
.membership-tier-meter{grid-template-columns:repeat(var(--tier-meter-max,5), minmax(0, 1fr));gap:.35rem;display:grid}.membership-tier-meter__cell{background:color-mix(in oklab, var(--color-foreground) 12%, transparent);height:.35rem}.membership-tier-meter__cell--on{background:color-mix(in oklab, var(--color-primary) 78%, var(--color-foreground))}.membership-tier--featured{--membership-tier-pad-left:max(1rem, env(safe-area-inset-left,0px));--membership-tier-pad-right:max(1rem, env(safe-area-inset-right,0px));background:color-mix(in oklab, var(--color-foreground) 3.5%, var(--color-background));margin-left:calc(-1 * var(--membership-tier-pad-left));margin-right:calc(-1 * var(--membership-tier-pad-right));padding-left:var(--membership-tier-pad-left);padding-right:var(--membership-tier-pad-right)}@media (min-width:640px){.membership-tier--featured{--membership-tier-pad-left:max(1.5rem, env(safe-area-inset-left,0px));--membership-tier-pad-right:max(1.5rem, env(safe-area-inset-right,0px))}}@media (min-width:72rem){.membership-tier--featured{--membership-tier-breakout:.75rem;margin-left:calc(-1 * var(--membership-tier-pad-left) - var(--membership-tier-breakout));margin-right:calc(-1 * var(--membership-tier-pad-right) - var(--membership-tier-breakout));padding-left:calc(var(--membership-tier-pad-left) + var(--membership-tier-breakout));padding-right:calc(var(--membership-tier-pad-right) + var(--membership-tier-breakout))}}.membership-proof-strip{-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.membership-proof-marquee{animation:120s linear infinite membership-proof-marquee}@media (prefers-reduced-motion:reduce){.membership-proof-marquee{animation:none}}@keyframes membership-proof-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}