/* Physical-card proportions; member identity stays live text above the artwork. */
.wallet-pass-preview{
 container-type:inline-size;
 width:100%;
 max-width:480px;
 min-width:0;
 margin:0;
 font-family:Supreme,Arial,sans-serif;
}
.wallet-pass-card{
 box-sizing:border-box;
 position:relative;
 isolation:isolate;
 width:100%;
 aspect-ratio:1.586;
 overflow:hidden;
 padding:clamp(15px,5cqi,25px);
 color:#f8f7f3;
 background:linear-gradient(145deg,#24231f 0%,#151512 55%,#0e0e0c 100%);
 border:1px solid #56554d;
 border-radius:clamp(12px,3.6cqi,18px);
 box-shadow:inset 0 1px 0 #ffffff18,0 14px 35px #00000060;
}
.wallet-pass-header{
 position:relative;
 z-index:2;
 display:flex;
 justify-content:space-between;
 align-items:flex-start;
 gap:12px;
}
.wallet-pass-brand{
 display:flex;
 align-items:center;
 gap:clamp(5px,1.7cqi,8px);
 min-width:0;
}
.wallet-pass-brand>img{
 display:block;
 flex:none;
 width:clamp(31px,10cqi,48px);
 height:auto;
 filter:brightness(0) invert(1);
}
.wallet-pass-brand>span{
 display:block;
 color:#f8f7f3;
 font-size:clamp(10px,3cqi,14px);
 font-weight:650;
 line-height:1.3;
 letter-spacing:.07em;
}
.wallet-pass-brand small{
 display:block;
 margin-top:3px;
 color:#d3d2cb;
 font-size:clamp(8px,2.3cqi,11px);
 font-weight:400;
 line-height:1.3;
 letter-spacing:.015em;
}
.wallet-pass-identity{
 display:grid;
 justify-items:end;
 gap:3px;
 min-width:0;
 max-width:49%;
 text-align:right;
}
.wallet-pass-label{
 color:#cecdc6;
 font-size:clamp(8px,2.4cqi,11px);
 line-height:1.3;
}
.wallet-pass-name{
 color:#fffefa;
 font-size:clamp(13px,4.1cqi,20px);
 font-weight:500;
 line-height:1.2;
 letter-spacing:-.02em;
 white-space:nowrap;
}
.wallet-pass-status{
 display:block;
 margin-top:4px;
 color:#e0dfd8;
 font-size:clamp(8px,2.45cqi,12px);
 line-height:1.35;
 overflow-wrap:anywhere;
}
.wallet-pass-mountains{
 position:absolute;
 z-index:1;
 right:0;
 bottom:0;
 display:block;
 width:100%;
 height:62%;
 object-fit:cover;
 object-position:center bottom;
 pointer-events:none;
}
.wallet-pass-caption{
 margin-top:14px;
 color:#a8a8a3;
 font-size:12px;
 font-weight:400;
 line-height:1.5;
 letter-spacing:0;
 text-align:left;
}
.wallet-pass-demo{min-width:0;width:100%}
#demo-shell .wallet-pass-demo .member-facts{
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:18px 24px;
 margin:24px 0 0;
 padding:20px 0 0;
 border:0;
 border-top:1px solid #333;
}
#demo-shell .wallet-pass-demo .member-facts>div{min-width:0}
#demo-shell .wallet-pass-demo .member-facts dt{margin:0 0 4px;color:#aaa;font-size:11px;line-height:1.4}
#demo-shell .wallet-pass-demo .member-facts dd{margin:0;color:#eee;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
@media(max-width:400px){
 #demo-shell .wallet-pass-demo .member-facts{gap:16px 12px}
 #demo-shell .wallet-pass-demo .member-facts dd{font-size:13px}
}