/* Card-led positioning, with the compact search and approved branding intact. */
:root{--membership-surface:#eff0f2;--membership-line:#d4d6d9;--membership-muted:#575b62;--membership-card-width:300px}
.header .membership-link{min-height:44px;padding:10px 4px;font-size:14px;color:var(--brand-platinum);white-space:nowrap}
.header .membership-link:hover{color:white}
.benefit.membership-discovery{background:var(--membership-surface);color:var(--brand-black);min-height:48px}
.membership-discovery:hover{background:#e5e7eb}
.membership-discovery>.icon{color:var(--brand-black)}
.membership-discovery small{color:var(--membership-muted);border-color:#c5c8cc}
.membership-discovery .discovery-arrow{margin-left:auto}
.membership-discovery>div>span{font-weight:600}
.membership{margin-top:24px;background:linear-gradient(135deg,#f4f4f3,#e9ebee);border:1px solid var(--membership-line);border-radius:20px;overflow:hidden;scroll-margin-top:24px}
.membership-intro{display:grid;grid-template-columns:minmax(0,var(--membership-card-width)) minmax(0,1fr);align-items:center;gap:40px;padding:32px 36px}
/* Keep the artwork credit-card sized at normal zoom, even on wide screens. */
.membership-visual{width:min(100%,var(--membership-card-width));min-width:0;margin:0}
/* Display only the card bounds in the 1536×1024 original: x208, y177, 1120×654.
   Keep the source pixels and metallic edge; remove the surrounding stone photo. */
.membership-card-frame{position:relative;aspect-ratio:1120/654;overflow:hidden;border-radius:3.04% / 5.2%;box-shadow:0 12px 28px #11111124,0 2px 5px #11111116}
.membership-card-frame img{position:absolute;display:block;width:137.142858%;height:156.574924%;max-width:none;left:-18.571429%;top:-27.06422%;object-fit:fill}
.membership-visual figcaption{display:flex;justify-content:center;gap:13px;margin-top:10px;font-size:9px;line-height:1.5;font-weight:600;letter-spacing:2px;color:var(--membership-muted)}
.membership-visual figcaption span{color:#777}
.membership-eyebrow{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 14px;font-size:10px;font-weight:700;letter-spacing:1.5px;color:#41454c}
.membership-eyebrow span{font-size:9px;letter-spacing:.7px;padding:5px 8px;border:1px solid #b9bdc4;border-radius:4px;font-weight:500}
.membership-copy h2{margin:0;font-size:clamp(28px,2.6vw,36px);line-height:1.12;letter-spacing:-1.2px;font-weight:650;max-width:540px}
.membership-lead{font-size:15px;line-height:1.6;color:#4b4f55;max-width:520px;margin:15px 0 20px}
.membership-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.membership-primary{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:13px 18px;border-radius:8px;background:var(--brand-black);color:white;font-size:14px;font-weight:600}
.membership-primary:hover{background:#303236}
.membership-primary .icon{width:19px;height:19px}
.membership-account{min-height:48px;padding:12px 4px;border:0;background:none;font-size:13px;text-decoration:underline;text-underline-offset:4px}
.membership-note{font-size:11px;line-height:1.5;color:var(--membership-muted);margin:12px 0 0}
.member-benefits{background:#ffffffa6;border-top:1px solid var(--membership-line);padding:24px 32px;scroll-margin-top:24px}
.benefits-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:20px}
.benefits-heading h3{font-size:18px;letter-spacing:-.35px;margin:0;font-weight:600}
.benefits-heading>span{font-size:11px;line-height:1.5;color:var(--membership-muted)}
.benefits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.benefits-grid article+article{padding-left:24px;border-left:1px solid var(--membership-line)}
.benefits-grid .icon{width:24px;height:24px;color:#535962}
.benefits-grid h4{font-size:15px;margin:12px 0 8px;letter-spacing:-.2px}
.benefits-grid p{font-size:13px;line-height:1.65;margin:0;color:var(--membership-muted)}
.membership-terms{margin-top:24px;border-top:1px solid var(--membership-line)}
.membership-terms summary{padding:15px 0;min-height:48px;font-size:13px;font-weight:600;cursor:pointer}
.membership-terms summary:focus-visible{outline:3px solid var(--ring);outline-offset:3px;border-radius:3px}
.membership-terms p{font-size:13px;line-height:1.7;color:var(--membership-muted);margin:0 0 8px;max-width:900px}
@media(max-width:1150px){
  .membership-intro{gap:24px;padding:28px 24px}
  .membership-copy h2{font-size:30px}
  .membership-eyebrow{gap:8px;font-size:9px}
  .membership-lead{font-size:14px}
  .member-benefits{padding:24px}
}
@media(max-width:760px){
  .header .membership-link{padding:9px;min-width:44px}
  .membership{margin-top:18px;scroll-margin-top:8px;border-radius:14px}
  .membership-intro{grid-template-columns:1fr;gap:22px;padding:20px 18px 24px}
  .membership-visual{margin-inline:auto}
  .membership-visual figcaption{font-size:8px;letter-spacing:1.5px;margin-top:8px}
  .membership-eyebrow{margin-bottom:12px}
  .membership-copy h2{font-size:28px;letter-spacing:-.9px;line-height:1.15}
  .membership-lead{font-size:14px;line-height:1.6;margin:12px 0 16px}
  .membership-actions{gap:10px}
  .membership-primary{flex:1;padding-inline:12px;font-size:13px}
  .membership-account{font-size:12px}
  .membership-note{font-size:10px}
  .member-benefits{padding:22px 18px;scroll-margin-top:8px}
  .benefits-heading{gap:6px;margin-bottom:20px}
  .benefits-heading h3{font-size:17px}
  .benefits-heading>span{font-size:10px}
  .benefits-grid{grid-template-columns:1fr;gap:20px}
  .benefits-grid article+article{padding:20px 0 0;border-left:0;border-top:1px solid var(--membership-line)}
  .benefits-grid h4{margin-top:8px}
  .membership-terms summary{font-size:12px;line-height:1.5}
}
@media(max-width:360px){
  .membership-intro{padding-inline:14px}
  .membership-copy h2{font-size:26px}
  .membership-actions{align-items:stretch;flex-direction:column;gap:2px}
}