/* Studio-rendered QR and printed thermal receipts. */
#experience .scan-art{background:radial-gradient(ellipse at 50% 40%,#ff8450,var(--red) 78%)}
#experience .scan-art:not(:has(.experience-menu))>span:first-child{font-size:25px;max-width:none;letter-spacing:.2px}
#experience .scan-art:not(:has(.experience-menu))>span:first-child br{display:none}
#experience .scan-art:before{top:23px;left:50%;right:auto;margin-left:-115px;width:230px;height:230px;background-image:url('/payon-landing/payon-qr-optical-pingpong.webp');transform:none;filter:drop-shadow(0 9px 5px #75281e30)}
#experience .scan-art .scan-link{bottom:24px;padding:11px 14px}
#experience .pay-art{background:radial-gradient(ellipse at 50% 65%,#626459,#242923 90%)}
#experience .pay-art>span:first-child{font-size:28px;line-height:.95}
#experience .pay-art>span:first-child br{display:none}
#experience .bill-render{position:absolute;left:0;right:0;top:45px;width:100%;height:210px;object-fit:contain;filter:drop-shadow(2px 8px 5px #0004);pointer-events:none}
#experience .pay-art .mini-split{position:absolute;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;padding:0;margin:0}
#experience .pay-art .art-caption{bottom:12px;font-size:7px;letter-spacing:.5px}
@media(prefers-reduced-motion:reduce){#experience .scan-art:before{background-image:url('/payon-landing/payon-qr-studio-still.webp')}}

/* Photographic Blender scene: printed paper resting above smoked oak. */
#experience .pay-art{background:linear-gradient(120deg,#393d35,#48493f 60%,#33382f);isolation:isolate}
#experience .bill-render.bill-photo{inset:43px 0 23px;width:100%;height:calc(100% - 66px);object-fit:cover;filter:none;border-radius:0;mask-image:linear-gradient(to bottom,transparent,black 5%,black 95%,transparent);pointer-events:none}
#experience .pay-art>span:first-child{font-size:25px;position:relative;z-index:2}
#experience .pay-art .art-caption{z-index:2}
#experience .pay-art>span:first-child{display:block;white-space:nowrap;font-size:clamp(15px,1.65vw,25px);letter-spacing:-.3px;line-height:1.1}
#experience .pay-art>span:first-child br{display:none}
@media(max-width:620px){#experience .pay-art>span:first-child{font-size:clamp(17px,5vw,25px)}}
#experience .bill-render.bill-photo{inset:30px -7% 5px;width:114%;height:calc(100% - 35px)}
/* A bounded square stage keeps the complete bill visible at every card width. */
#experience .pay-art{background:#e74421}
#experience .bill-render.bill-photo{inset:38px auto 18px;left:50%;transform:translateX(-50%);width:auto;max-width:100%;height:calc(100% - 56px);aspect-ratio:1;object-fit:contain;mask-image:none;border-radius:4px}
#experience .bill-render.bill-photo{top:25px;bottom:5px;height:calc(100% - 30px);mask-image:linear-gradient(transparent,#000 7%,#000 93%,transparent),linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-composite:intersect}
#experience .bill-render.bill-photo{top:2px;bottom:auto;height:calc(100% + 15px);max-width:none}