/* Landing "Membership, benefit & reward" — four editions, four equal cards. */

/* --- the card preview ------------------------------------------------------ */
.home-member-card-v2118{display:grid;gap:10px;justify-items:stretch;min-width:0}
.home-member-card-v2118 .home-passport-v2118{width:100%;max-width:430px;justify-self:end}
.home-member-card-v2118 .passport-face{
  min-height:264px;
  padding:22px 24px;
  gap:10px;
  box-shadow:0 22px 46px -26px #2a1c0ca6;
  transform:rotate(-1.4deg);
}
.home-member-card-v2118 .passport-face .passport-level-name{font-size:clamp(24px,2.4vw,30px)}
.home-member-card-v2118 .passport-face .passport-logo{max-width:152px;max-height:44px}
.home-member-card-v2118 .passport-face .passport-owner{font-size:14px}
/* The artwork is placed by the Card Designer variables, exactly as on every other
   card. Only the landing card's smaller face needs its own ceiling so the horse
   cannot crowd the sample text. */
.home-member-card-v2118 .passport-face .passport-portrait{max-width:none;max-height:96%}
.home-member-card-caption-v2118{
  justify-self:end;max-width:430px;text-align:right;
  color:#6d5a3c;font:12px/1.6 Inter,Arial,sans-serif;
}
.membership-banner .home-member-card-v2118 .passport-face{transform:rotate(-1.4deg) translateZ(0)}

/* --- the four level cards --------------------------------------------------- */
.home-membership-journey-v21__rail>article{
  display:flex;
  flex-direction:column;
  gap:14px;
  min-width:0;
}
.home-membership-journey-v21__rail>article>header{display:grid;gap:4px}
.home-membership-journey-v21__rail>article>header h3{margin:0;font-size:21px;line-height:1.2}
.home-membership-journey-v21__rail>article>header small{color:#7a6a4e;font:600 11px/1.4 Inter,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.home-membership-journey-v21__rail>article>ul{
  display:grid;gap:8px;margin:0;padding:0;list-style:none;
}
.home-membership-journey-v21__rail>article>ul>li{
  position:relative;padding-left:18px;
  color:#4f4638;font:13.5px/1.55 Inter,Arial,sans-serif;
}
.home-membership-journey-v21__rail>article>ul>li:before{
  content:"";position:absolute;left:0;top:8px;width:6px;height:6px;border-radius:50%;
  background:#c9a35c;
}
/* The footer is pinned so "+N benefit lainnya" and the rewards toggle line up
   across all four cards however long each benefit list is. */
.home-membership-journey-v21__rail>article>footer{
  display:grid;gap:8px;margin-top:auto;padding-top:12px;border-top:1px solid #e2d7c2;
}
.home-membership-more-v2118{margin:0;color:#8a7450;font:600 12px/1.5 Inter,Arial,sans-serif}
.home-membership-journey-v21__rail>article>footer details>summary{
  cursor:pointer;color:#4a3f2e;font:700 11.5px/1.5 Inter,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;
}
.home-membership-journey-v21__rail>article>footer details[open]>summary{margin-bottom:8px}
.home-membership-journey-v21__rail>article>footer details ul{display:grid;gap:6px;margin:0;padding-left:16px}
.home-membership-journey-v21__rail>article>footer details li,
.home-membership-journey-v21__rail>article>footer details p{color:#5b5140;font:13px/1.55 Inter,Arial,sans-serif;margin:0}

@media (max-width:980px){
  .home-member-card-v2118 .home-passport-v2118,
  .home-member-card-caption-v2118{justify-self:center;max-width:420px}
  .home-member-card-caption-v2118{text-align:center}
}
@media (max-width:640px){
  .home-member-card-v2118 .passport-face{min-height:240px;padding:20px;transform:none}
  .membership-banner .home-member-card-v2118 .passport-face{transform:none}
  .home-member-card-v2118 .passport-face .passport-portrait{max-height:94%}
  .home-member-card-caption-v2118{text-align:left;justify-self:start}
  .home-membership-journey-v21__rail>article>header h3{font-size:20px}
}