.rsarticlemembership {
  position: relative;
  width: 100%;
}

.rsarticlemembership__teaser > *:first-child,
.rsarticlemembership__paywalled > *:first-child {
  margin-top: 0;
}

.rsarticlemembership--locked .rsarticlemembership__teaser .ce-rsarticle > .ce-rsarticle__item:nth-of-type(n+3) {
  display: none;
}

.rsarticlemembership--locked .rsarticlemembership__teaser .ce-rsarticle {
  margin-bottom: 0;
}

.rsarticlemembership--locked .rsarticlemembership__teaser {
  position: relative;
}

.rsarticlemembership--locked .rsarticlemembership__teaser::after {
  content: "";
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: -1px;
  left: 0;
  height: clamp(8rem, 18vw, 14rem);
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    color-mix(in srgb, var(--color-background, #fff) 0%, transparent) 0%,
    color-mix(in srgb, var(--color-background, #fff) 74%, transparent) 58%,
    var(--color-background, #fff) 100%
  );
}

.rsarticlemembership--asana.rsarticlemembership--locked .rsarticlemembership__lead {
  position: relative;
}

.rsarticlemembership--asana.rsarticlemembership--locked .rsarticlemembership__lead .rspageintro__media::after {
  content: "";
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: -1px;
  left: 0;
  height: clamp(5rem, 18vw, 11rem);
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    color-mix(in srgb, var(--color-background, #fff) 0%, transparent) 0%,
    color-mix(in srgb, var(--color-background, #fff) 48%, transparent) 56%,
    var(--color-background, #fff) 100%
  );
}

.rsarticlemembership--asana.rsarticlemembership--locked .rsarticlemembership__lead .rspageintro {
  margin-bottom: 0;
}

.rsarticlemembership__locked-area {
  position: relative;
  margin-top: 0;
}

.rsarticlemembership__paywalled {
  max-height: clamp(10rem, 34vw, 20rem);
  overflow: hidden;
  opacity: 0.52;
  filter: blur(2px);
  pointer-events: none;
  user-select: none;
  -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
}

.rsarticlemembership__paywalled .ce-rsarticle {
  margin-top: 0;
}

.rsarticlemembership--full .rsarticlemembership__paywalled {
  /* Keep the existing overlay inside its own area even for a single short entry. */
  min-height: clamp(10rem, 34vw, 20rem);
}

.rsarticlemembership__gate {
  position: relative;
  z-index: 2;
  width: min(100%, var(--layout-width-content, 72rem));
  margin: clamp(-11rem, -18vw, -6rem) auto 0;
  padding: 1px;
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(142, 101, 49, 0.45), rgba(122, 136, 54, 0.38)),
    var(--color-background, #fff);
  box-shadow: 0 24px 64px rgba(29, 31, 24, 0.2);
}

.rsarticlemembership__gate-inner {
  border-radius: 7px;
  padding: clamp(1.1rem, 2.8vw, 2rem);
  background: color-mix(in srgb, var(--color-background, #fff) 94%, #f0eadf);
}

.rsarticlemembership__gate-inner > *:first-child {
  margin-top: 0;
}

.rsarticlemembership__gate-inner > *:last-child {
  margin-bottom: 0;
}

.rsarticlemembership__gate-inner > .frame {
  margin-block: 0;
}

.rsarticlemembership__gate-inner > .frame + .frame {
  margin-top: clamp(1rem, 2vw, 1.5rem);
}

@media (max-width: 520px) {
  .rsarticlemembership__gate {
    margin-top: -7rem;
  }

  .rsarticlemembership__gate-inner {
    padding: 1rem;
  }
}