/* Scenic hero and the membership explanation share the existing brand tokens. */
.skip:not(:focus) { clip-path: inset(50%); width: 1px; height: 1px; overflow: hidden; padding: 0; white-space: nowrap; }
.hero-media img,
.hero-media video { transform: none; object-position: 50% center; }
.hero-shade { background: linear-gradient(90deg, #0b242bd9, #0b242b94 38%, #0b242b0a 76%); }
.membership { gap: 2.8rem 6vw; align-items: start; }
.membership-moment { margin: 2.3rem 0 0; border-radius: 6px; overflow: hidden; background: var(--ink); color: white; }
.membership-moment > img { width: 100%; height: 330px; object-fit: cover; object-position: center 42%; }
.membership-moment figcaption { padding: 1.25rem 1.5rem; }
.membership-moment figcaption > span { display: block; font-size: .82rem; color: #d6e2e4; }
.membership-moment strong { display: block; margin-top: .25rem; font-size: 1.45rem; line-height: 1.3; font-weight: 650; color: #ffda6b; }
.membership-moment button { display: inline-flex; align-items: center; gap: 1rem; background: none; color: white; border: 0; border-bottom: 1px solid #ffffff70; padding: .75rem 0 .45rem; min-height: 44px; font-size: .84rem; }
.membership-moment button:hover { border-color: white; }
.membership-lead { font-family: 'Iowan Old Style', 'Palatino Linotype', Palatino, Georgia, serif; font-size: clamp(1.5rem, 2.25vw, 2rem); line-height: 1.3; letter-spacing: -.02em; }
.membership-copy > .membership-lead + p { margin-top: 1.1rem; font-size: 1rem; }
.membership-benefits { list-style: none; margin: 1.6rem 0 0; padding: 0; }
.membership-benefits li { display: grid; grid-template-columns: 32px 1fr; gap: 1rem; padding: 1.25rem 0; border-top: 1px solid var(--line); }
.membership-benefits svg { width: 32px; height: 32px; fill: none; stroke: var(--blue); stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }
.membership-benefits h3 { font-size: 1.06rem; font-weight: 650; letter-spacing: -.01em; }
.membership-benefits p { margin-top: .4rem; font-size: .94rem; line-height: 1.6; color: var(--muted); }
.membership-copy .membership-plan-note { font-size: .75rem; line-height: 1.6; color: var(--muted); margin-top: .2rem; }
.membership-copy .button { margin-top: 1.25rem; }
.membership-value { grid-column: 1 / -1; display: grid; grid-template-columns: .85fr 1.15fr; align-items: center; gap: 3rem; padding: 1.8rem 2rem; background: var(--pale); border-radius: 6px; }
.membership-value h3 { max-width: 21rem; font-family: 'Iowan Old Style', 'Palatino Linotype', Palatino, Georgia, serif; font-weight: 500; font-size: 1.7rem; line-height: 1.2; letter-spacing: -.025em; }
.membership-value p { font-size: .94rem; color: var(--muted); }
@media (max-width: 900px) and (min-width: 601px) {
  .membership { gap: 2rem; }
  .membership-moment > img { height: 390px; }
}
@media (max-width: 600px) {
  .hero-media img { object-position: 40% center; }
  .hero-shade { background: linear-gradient(0deg, #0b2636fa 0, #0b2636ce 35%, #0b26360a 90%); }
  .membership { gap: 2rem; }
  .membership-moment { margin-top: 1.8rem; }
  .membership-moment > img { height: 310px; object-position: center 40%; }
  .membership-moment figcaption { padding: 1rem 1.25rem; }
  .membership-moment strong { font-size: 1.3rem; }
  .membership-lead { font-size: 1.75rem; }
  .membership-value { grid-template-columns: 1fr; gap: .8rem; padding: 1.5rem; }
  .membership-value h3 { font-size: 1.6rem; }
}