.member-card-stage{perspective:1400px;display:flex;flex-direction:column;align-items:center;margin:55px auto 45px;padding:38px 24px 18px;max-width:800px}.member-card{--rx:0deg;--ry:0deg;display:block;width:min(100%,600px);aspect-ratio:1.65;border:0;background:transparent;padding:0;text-align:left;transform:rotateX(var(--rx)) rotateY(var(--ry)) rotate(-5deg);transition:transform .25s ease;transform-style:preserve-3d;color:#101010}.member-card-turn{display:block;width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform .85s cubic-bezier(.22,1,.36,1)}.member-card[aria-pressed=true] .member-card-turn{transform:rotateY(180deg)}.member-face{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:7%;border-radius:22px;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 25px 40px -18px #33201f60;overflow:hidden}.member-front{background:#E9BEC8}.member-front:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 15%,#ffffff40 45%,transparent 70%);opacity:0;transition:opacity .3s}.member-card:hover .member-front:after{opacity:1}.member-top,.member-bottom{display:flex;justify-content:space-between;align-items:center;font-size:clamp(9px,1.1vw,13px);line-height:1.6;letter-spacing:.14em}.member-top .member-star{font-size:30px;line-height:1}.member-front>img{width:82%;height:auto;max-height:45%;object-fit:contain;align-self:center;filter:brightness(0)}.member-bottom>span:last-child{text-align:right}.member-back{background:#101010;color:#E9BEC8;transform:rotateY(180deg)}.member-benefits{display:flex;flex-direction:column;gap:10px}.member-benefits strong{font-size:clamp(24px,3.6vw,43px);font-weight:400;line-height:1.05;letter-spacing:-.04em}.member-benefits>span{font-size:clamp(10px,1.2vw,13px);line-height:1.4}.member-hint{font-size:11px;color:#777;text-align:center;margin-top:38px!important}.member-hint span{margin-left:10px;font-size:18px}.member-card:focus-visible{outline:2px solid #101010;outline-offset:9px}.member-card-stage.card-entered .member-card{animation:card-unveil 1s cubic-bezier(.22,1,.36,1)}@keyframes card-unveil{from{opacity:0;translate:0 45px;scale:.93}to{opacity:1;translate:0 0;scale:1}}@media(max-width:600px){.member-card-stage{padding:20px 10px 5px;margin:35px auto}.member-face{border-radius:16px}.member-top,.member-bottom{font-size:8px;letter-spacing:.1em}.member-top .member-star{font-size:22px}.member-benefits{gap:7px}.member-benefits strong{font-size:26px}.member-benefits>span{font-size:10px}.member-hint{font-size:10px}}@media(prefers-reduced-motion:reduce){.member-card,.member-card-turn{transition:none}.member-card-stage.card-entered .member-card{animation:none}}
.member-intro-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-bottom:45px}.member-intro-layout .guide-heading{display:block}.member-intro-layout .guide-heading .eyebrow{margin-bottom:26px}.member-intro-layout .guide-heading>p{margin-top:25px}.member-intro-layout h2{font-size:clamp(38px,4.3vw,66px)}.member-intro-layout .member-card-stage{width:100%;margin:0;padding:30px 8px 10px;min-width:0}.member-intro-layout .member-hint{margin-top:30px!important}.member-intro-layout .member-benefits strong{font-size:clamp(24px,2.8vw,38px)}
@media(prefers-reduced-motion:no-preference){.member-card-stage.card-entered .member-card{animation:card-unveil 1s cubic-bezier(.22,1,.36,1),card-float 6s ease-in-out 1s infinite}.member-card-stage.card-entered .member-card:hover,.member-card-stage.card-entered .member-card:focus-visible{animation-play-state:running,paused}@keyframes card-float{0%,100%{translate:0 0}50%{translate:0 -9px}}}
@media(max-width:900px){.member-intro-layout{gap:30px}.member-intro-layout h2{font-size:40px}.member-top,.member-bottom{font-size:9px;letter-spacing:.08em}.member-benefits>span{font-size:10px}.member-intro-layout .member-benefits strong{font-size:25px}}
@media(max-width:680px){.member-intro-layout{grid-template-columns:1fr;gap:15px}.member-intro-layout .member-card-stage{max-width:480px}.member-intro-layout h2{font-size:43px}}
.member-card{position:relative;isolation:isolate}.member-card-turn{z-index:2}.member-deck{position:absolute;inset:0;pointer-events:none;transform:translateZ(-2px);z-index:-1}.deck-sheet{position:absolute;inset:0;border-radius:22px;transform-origin:50% 95%;border:1px solid #ffffff30;box-shadow:0 12px 22px -15px #23161660}.deck-one{background:#b97584;transform:translate(0,8px) rotate(-2deg);z-index:3}.deck-two{background:#282222;transform:translate(0,15px) rotate(2deg);z-index:2}.deck-three{background:#ead6d9;transform:translate(0,21px) rotate(-1deg);z-index:1}.member-hint{position:relative;z-index:3}.member-card[aria-pressed=true] .member-deck{opacity:.7}@media(prefers-reduced-motion:no-preference){.card-entered .deck-one{animation:deck-one 8s ease-in-out infinite}.card-entered .deck-two{animation:deck-two 8s ease-in-out infinite}.card-entered .deck-three{animation:deck-three 8s ease-in-out infinite}@keyframes deck-one{0%,18%,100%{transform:translate(0,8px) rotate(-2deg)}48%,65%{transform:translate(-12px,12px) rotate(-7deg)}}@keyframes deck-two{0%,18%,100%{transform:translate(0,15px) rotate(2deg)}48%,65%{transform:translate(15px,18px) rotate(8deg)}}@keyframes deck-three{0%,18%,100%{transform:translate(0,21px) rotate(-1deg)}48%,65%{transform:translate(2px,25px) rotate(-3deg)}}}@media(max-width:600px){.deck-sheet{border-radius:16px}}
/* Restrained card edges and a uniform deck. */
.member-face,.deck-sheet{border-radius:10px}.deck-one,.deck-two,.deck-three{background:#E9BEC8;border:1px solid #d5a8b2;box-shadow:0 8px 18px -14px #23161670}.member-card[aria-pressed=true] .member-deck{opacity:1}.member-back{background:#E9BEC8;color:#101010}
@media(prefers-reduced-motion:no-preference){@keyframes deck-one{0%,18%,100%{transform:translate(0,5px) rotate(-1deg)}48%,65%{transform:translate(-7px,8px) rotate(-4deg)}}@keyframes deck-two{0%,18%,100%{transform:translate(0,10px) rotate(1deg)}48%,65%{transform:translate(8px,12px) rotate(4deg)}}@keyframes deck-three{0%,18%,100%{transform:translate(0,15px)}48%,65%{transform:translate(1px,18px) rotate(-1.5deg)}}}
@media(max-width:600px){.member-face,.deck-sheet{border-radius:7px}}
.member-back{background:#101010;color:#E9BEC8}
.deck-one,.deck-two,.deck-three{background:#f4e8eb;border-color:#e5d4d9}