/* A website composition for membership, independent of the App card layout. */
.member-story{padding-top:40px;border-top:1px solid var(--line)}
.member-section-label{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.member-section-label>span{font-size:11px;color:var(--muted)}
.member-story-panel{display:grid;grid-template-columns:.86fr 1.14fr;border:1px solid #B4C7F026;border-radius:24px;overflow:hidden;background:#181A20}
.member-story-art{position:relative;min-height:565px;background:#242731;isolation:isolate;overflow:hidden}.member-story-art>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:54% 40%}.member-story-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,#090B14C9),linear-gradient(90deg,transparent 85%,#181A2033);pointer-events:none}
.member-story-art figcaption{position:absolute;bottom:30px;left:30px;right:30px;z-index:1;display:flex;flex-direction:column;gap:6px}.member-story-art figcaption>span{font-size:9px;letter-spacing:.16em;color:#DBE4F9}.member-story-art figcaption>strong{font-size:20px;line-height:1.4;font-weight:450;letter-spacing:-.025em}.member-story-art figcaption>small{font-size:10px;color:#D7D7DF}
.member-story-content{padding:44px 46px 33px;display:flex;flex-direction:column;justify-content:center;min-width:0}.member-wordmark{display:flex;align-items:center;gap:10px;color:var(--blue);font-size:10px;letter-spacing:.16em;line-height:1.6}.member-wordmark>svg{width:19px;height:19px;color:var(--rose)}
.member-story-content h2{font-size:clamp(39px,4.1vw,59px);font-weight:400;letter-spacing:-.046em;line-height:1.08;margin:23px 0 20px}.member-story-content h2 em{font-family:Georgia,serif;color:var(--blue);font-weight:400}.member-story-lead{font-size:14px;line-height:1.8;color:#C5C7D0}
.member-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:24px 0 22px;margin:28px 0 25px;border-top:1px solid #ffffff17;border-bottom:1px solid #ffffff17;gap:16px}.member-benefits>div{min-width:0;border-right:1px solid #ffffff14;padding-right:14px}.member-benefits>div:last-child{border-right:0;padding-right:0}.member-benefits dt{margin:0}.benefit-number{height:40px;display:flex;align-items:center;gap:6px;font-size:32px;line-height:1;font-weight:450;letter-spacing:-.04em;color:var(--blue)}.benefit-number small{font-size:12px;letter-spacing:0;align-self:flex-end;margin-bottom:7px}.benefit-star>svg{width:29px;height:29px}.benefit-name{display:block;margin-top:10px;font-size:12px;font-weight:500;color:var(--ivory)}.member-benefits dd{margin:5px 0 0;font-size:10px;color:#AEB3C0;line-height:1.7}
.member-story-actions{display:flex;align-items:center;gap:27px}.member-story-actions .btn{font-size:12px;min-height:48px;padding:12px 21px;gap:20px}.member-story-actions .text-link{font-size:12px}.member-story-note{font-size:9px;line-height:1.8;color:#989FAB;max-width:415px;margin-top:20px}
@media(max-width:1100px){.member-story-content{padding:34px}.member-story-content h2{font-size:47px}.member-story-art{min-height:550px}.member-benefits{gap:12px}.member-benefits>div{padding-right:10px}.member-benefits dd{font-size:9px}.member-story-actions{gap:20px}}
@media(max-width:900px){.member-story-panel{grid-template-columns:.78fr 1.22fr}.member-story-content{padding:30px}.member-story-content h2{font-size:40px}.member-story-lead{font-size:12px}.member-benefits{gap:9px;margin-top:24px}.benefit-name{font-size:10px}.member-benefits dd{font-size:9px}.member-story-actions{gap:12px;flex-wrap:wrap}.member-story-actions .btn{font-size:11px;padding:11px 16px;gap:12px}.member-story-art{min-height:545px}}
@media(max-width:760px){.member-story{padding-top:30px}.member-section-label{margin-bottom:15px}.member-section-label .eyebrow{font-size:9px;letter-spacing:.11em}.member-section-label>span{font-size:9px}.member-story-panel{display:flex;flex-direction:column;border-radius:19px}.member-story-art{min-height:0;height:315px}.member-story-art>img{object-position:center 31%}.member-story-art figcaption{left:22px;bottom:19px;gap:3px}.member-story-art figcaption>strong{font-size:18px}.member-story-art figcaption>small{font-size:9px}.member-story-content{padding:28px 24px 25px}.member-wordmark{font-size:9px}.member-story-content h2{font-size:42px;margin:19px 0 16px}.member-story-lead{font-size:12px;line-height:1.8}.member-benefits{padding:20px 0;margin:24px 0 22px;gap:10px}.benefit-number{font-size:29px;height:35px}.benefit-number small{font-size:10px;margin-bottom:6px}.benefit-star>svg{width:27px;height:27px}.benefit-name{font-size:10px;margin-top:8px}.member-benefits dd{font-size:9px;line-height:1.7}.member-story-actions{gap:18px}.member-story-actions .btn{font-size:11px;min-height:47px;padding:12px 17px;gap:16px}.member-story-actions .text-link{font-size:11px;gap:7px}.member-story-note{margin-top:16px;font-size:9px}}
@media(max-width:360px){.member-section-label>span{display:none}.member-story-art{height:280px}.member-story-content{padding:25px 20px 23px}.member-story-content h2{font-size:36px}.member-benefits{gap:8px}.member-benefits>div{padding-right:7px}.member-benefits dd{font-size:8px}.benefit-name{font-size:9px}.member-story-actions{gap:12px}.member-story-actions .btn{font-size:10px;padding:11px 14px;gap:13px}.member-story-actions .text-link{font-size:10px}}