/* Actual Blender-rendered metal faces; live content preserves the original dimensions. */
#experience .journey-step{background:#ddd4bd url('/payon-landing/payon-card-champagne.webp?v=rendered-1') center/100% 100% no-repeat;border-color:#aea58f;border-radius:10px;box-shadow:0 1px 0 #fff9 inset,0 2px 0 #bd6843,0 3px 0 #a69b85,0 9px 19px #302b231c;isolation:isolate}
#experience .journey-step[data-experience="1"]{background-image:url('/payon-landing/payon-card-pearl.webp?v=rendered-1')}
#experience .journey-step[data-experience="2"]{background-image:url('/payon-landing/payon-card-titanium.webp?v=rendered-1')}
#experience .journey-step:after{bottom:-4px;left:9px;right:9px;background:#ae5c3e;border-color:#ad9a85;height:1px}
#experience .journey-step:hover{box-shadow:0 1px 0 #fff9 inset,0 2px 0 #cf7652,0 3px 0 #a69b85,0 13px 24px #302b2326}
#experience .journey-step:active{box-shadow:0 1px 0 #fff8 inset,0 2px 0 #b36c4e,0 5px 10px #302b2322}
#experience .step-num{color:#4e514d;font-family:'Courier New',monospace;font-weight:700;letter-spacing:.6px;border-color:#60655730;text-shadow:0 1px 0 #ffffffb5,0 -1px 0 #28332c12;padding-right:65px}
#experience .journey-step h3{font-family:'Courier New',monospace;font-size:clamp(12px,1.25vw,20px);font-weight:700;line-height:32.48px;letter-spacing:.5px;text-transform:uppercase;color:#303e36;text-shadow:0 1px 0 #ffffffeb,0 -1px 0 #16271d22;white-space:nowrap;padding-right:0}
#experience .journey-step p{color:#4d574e;text-shadow:0 1px 0 #ffffff65}
#experience .journey-step .step-art{box-shadow:0 1px 0 #ffffffba,0 -1px 1px #283b2840,0 3px 8px #343b2c15}
#experience .journey-step .exp-collected{visibility:hidden}
.card-shell-brand{position:absolute;top:22px;right:19px;display:flex;align-items:center;gap:4px;font:bold 12px/14px Arial,sans-serif;color:#b54321;text-shadow:0 1px 0 #fff9;letter-spacing:-.2px;pointer-events:none}
.card-shell-brand img{display:block;width:14px;height:14px;object-fit:contain}
#experience .journey-step.exp-complete .card-shell-brand{color:#a83c1d}
@media(max-width:800px){#experience .journey-step h3{line-height:28px;font-size:12px;letter-spacing:0}.card-shell-brand{top:18px;right:14px;font-size:10px;gap:3px}.card-shell-brand img{width:12px;height:12px}#experience .step-num{padding-right:53px;letter-spacing:.2px}}
@media(max-width:620px){#experience .journey-step h3{line-height:33.6px;font-size:clamp(14px,3.5vw,20px);letter-spacing:.4px}.card-shell-brand{top:22px;right:21px;font-size:12px}#experience .step-num{padding-right:65px;letter-spacing:.6px}}
.card-shell-brand img{display:none}.card-shell-brand:before{content:'';width:14px;height:14px;flex:none;background:#b54321;mask:url('/payon-landing/payon-logo-white-exact.svg') center/contain no-repeat;filter:drop-shadow(0 1px 0 #fff9)}
/* Clean orange imprint: no white highlight, backing or halo. */
#experience .card-shell-brand{color:#c34220;text-shadow:none;background:none}
#experience .card-shell-brand:before{background:#c34220;filter:none;box-shadow:none}
#experience .card-shell-brand img{display:none!important}

/* 4096px Blender master, delivered as responsive WebP textures. */
#experience .journey-step,
#experience .journey-step[data-experience="1"],
#experience .journey-step[data-experience="2"]{
 background-color:#f6f2e9;
 background-image:image-set(url('/payon-landing/payon-card-porcelain-1x.webp?v=1') 1x,url('/payon-landing/payon-card-porcelain-2x.webp?v=1') 2x);
 background-size:100% 100%;border-color:#d5c7b0;border-radius:14px;
 box-shadow:0 1px 1px #fff9 inset,0 2px 0 #f1e8d7,0 3px 0 #d9c6aa,0 5px 0 #c9b79d,0 10px 15px #49351b12,0 19px 35px #49351b0b;
 transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s;
}
#experience .journey-step:after{left:11px;right:11px;bottom:-5px;height:2px;background:#e8decc;border-color:#cfc0a5;border-radius:0 0 10px 10px}
#experience .journey-step:hover{transform:perspective(1400px) translateY(-4px) rotateX(1.5deg) rotateY(-1deg);box-shadow:0 1px 1px #fff9 inset,0 2px 0 #f1e8d7,0 3px 0 #d9c6aa,0 5px 0 #c9b79d,0 17px 24px #49351b17,0 27px 40px #49351b0d}
#experience .journey-step:active{transform:translateY(1px);box-shadow:0 1px 1px #fff9 inset,0 2px 0 #dfd0b9,0 5px 12px #49351b14}
#experience .journey-step h3{font-family:Menlo,'Courier New',monospace;font-size:clamp(12px,1.15vw,19px);font-weight:600;letter-spacing:.4px;color:#414037;text-shadow:0 1px 0 #fff,0 -.3px 0 #70685555}
#experience .journey-step p{color:#635f52;text-shadow:none}
#experience .step-num{color:#635b4c;text-shadow:0 .6px 0 #fff;border-color:#9f8c6d30}
#experience .step-art{box-shadow:0 1px 0 #fff,0 -1px 2px #78624428,0 3px 9px #78624413}
@media(max-width:800px){#experience .journey-step h3{font-size:11.5px;letter-spacing:0}}
@media(max-width:620px){#experience .journey-step h3{font-size:clamp(13px,3.2vw,19px);letter-spacing:.3px}}
@media(prefers-reduced-motion:reduce){#experience .journey-step:hover{transform:none}}
#experience .card-shell-brand,#experience .journey-step.exp-complete .card-shell-brand{color:#e74421;text-shadow:none}
#experience .card-shell-brand:before{background:#e74421;filter:none}
#experience .journey-step,#experience .journey-step[data-experience="1"],#experience .journey-step[data-experience="2"]{background-color:#f1e7d3;background-blend-mode:soft-light}
/* A quiet perimeter pulse, independent of the card's depth and hover shadows. */
#experience .journey-step:before{content:'';position:absolute;inset:-1px;border:1px solid #e74421;border-radius:inherit;pointer-events:none;z-index:6;opacity:.2;box-shadow:0 0 0 0 #e7442100,inset 0 0 0 0 #e7442100;animation:payon-card-border-pulse 5s ease-in-out infinite}
@keyframes payon-card-border-pulse{0%,100%{opacity:.18;box-shadow:0 0 0 0 #e7442100,inset 0 0 0 0 #e7442100}50%{opacity:.8;box-shadow:0 0 10px 1px #e7442128,inset 0 0 5px #e7442110}}
@media(prefers-reduced-motion:reduce){#experience .journey-step:before{animation:none!important;opacity:.3;box-shadow:none}}