.mass-receipt{position:relative;isolation:isolate;overflow:clip;padding:30px var(--space);background:radial-gradient(ellipse at 76% 45%,#5c4b56 0,#363039 48%,#272a2e 100%);color:#eceae3}
.receipt-section-meta,.receipt-section-end{display:flex;justify-content:space-between;gap:22px;font:12px/1.6 'IBM Plex Mono',monospace;letter-spacing:.06em;color:#c3b7bf}
.receipt-section-meta{padding-bottom:24px;border-bottom:1px solid #b4a6b33b}.receipt-section-end{padding-top:24px;border-top:1px solid #b4a6b33b;color:#b3a4af}
.receipt-layout{display:grid;grid-template-columns:1fr 1fr;gap:5vw;align-items:center;min-width:0}
.receipt-story{padding:52px 0;min-width:0}.receipt-story .eyebrow{color:#cbbbc4;font-size:12px}.receipt-story h2{font-size:clamp(50px,6.2vw,99px);line-height:1.07;margin:30px 0}.receipt-story h2 em{color:#d6b1bf;font-size:.86em}.receipt-story p{max-width:410px;color:#d0c7cd;font-size:16px;line-height:1.85}.receipt-story .text-link{margin-top:32px;font-size:13px}
.receipt-stage{display:grid;place-items:center;min-width:0;padding:65px 34px;perspective:1400px;overflow:clip}
.retail-receipt{position:relative;width:min(100%,350px);padding:30px 26px 22px;color:#30322f;background:linear-gradient(180deg,#e4e1d6 0,#f0ece1 31%,#dbd6cb 32%,#ece8dc 34%,#f1ece1 69%,#ded8cd 70%,#eeeadf 73%,#e2ded2 100%);box-shadow:2px 3px 0 #969287,7px 12px 0 #24202b18,12px 32px 35px #100f174d;font-family:'IBM Plex Mono',monospace;transform:rotateX(7deg) rotateY(-7deg) rotateZ(-4deg);transform-origin:50% 25%;animation:receipt-sway 9s ease-in-out infinite;animation-play-state:paused}
.receipt-brand{text-align:center;font:700 41px/.93 Oswald,Impact,sans-serif;letter-spacing:-.04em}.receipt-subtitle{font-size:11px;text-align:center;letter-spacing:.025em;margin:16px 0 22px;line-height:1.5}.receipt-divider{border-top:1px dashed #696b6199}.receipt-reference{display:flex;justify-content:space-between;gap:8px;font-size:10px;padding:14px 0;color:#64645b}
.receipt-items{margin:8px 0 22px}.receipt-items>div{display:flex;justify-content:space-between;gap:8px;font-size:12px;line-height:1.7;padding:10px 0;border-bottom:1px dotted #8d8b8044}.receipt-items dt{min-width:0}.receipt-items dd{margin:0;text-align:right;white-space:nowrap;font-size:11px}.receipt-items>div:last-child{color:#743b4b}
.receipt-total{display:flex;justify-content:space-between;gap:12px;align-items:baseline;border-top:1px dashed #727366;padding-top:18px;font-size:12px}.receipt-total strong{font:600 24px Oswald,Impact,sans-serif;letter-spacing:-.02em}
.receipt-stamp{width:fit-content;margin:24px auto;color:#743b4b;border:3px double currentColor;padding:8px 25px;font:700 25px/.95 Oswald,Impact,sans-serif;letter-spacing:.045em;text-align:center;transform:rotate(-9deg);opacity:.84}
.receipt-last{text-align:center;font:12px/1.7 'IBM Plex Mono',monospace;color:#636358}.receipt-bars{height:35px;width:80%;margin:21px auto 10px;background:repeating-linear-gradient(90deg,#353932 0 2px,transparent 2px 4px,#353932 4px 5px,transparent 5px 8px,#353932 8px 12px,transparent 12px 15px,#353932 15px 16px,transparent 16px 19px);opacity:.83}.receipt-serial{display:block;text-align:center;font-size:9px;line-height:1.7;color:#626459}
.mass-receipt.is-active .retail-receipt{animation-play-state:running}
@keyframes receipt-sway{0%,100%{transform:translateY(0) rotateX(7deg) rotateY(-7deg) rotateZ(-4deg)}50%{transform:translateY(-10px) rotateX(2deg) rotateY(5deg) rotateZ(-2deg)}}
@media(max-width:900px){.receipt-layout{gap:20px;grid-template-columns:1fr 1fr}.receipt-stage{padding:55px 20px}.retail-receipt{padding:26px 20px}.receipt-items>div{display:block}.receipt-items dd{text-align:left;color:#6c655f}.receipt-total{flex-wrap:wrap;gap:6px}.receipt-story h2{font-size:clamp(45px,6vw,65px)}}
@media(max-width:650px){.receipt-section-meta span:last-child,.receipt-section-end span:last-child{display:none}.receipt-layout{grid-template-columns:1fr;gap:0}.receipt-story{padding:38px 0 0}.receipt-story h2{font-size:clamp(43px,10.8vw,66px);margin:24px 0}.receipt-story p{font-size:16px}.receipt-stage{padding:46px 19px 50px}.retail-receipt{width:min(100%,330px);padding:28px 21px 22px}.receipt-items>div{display:flex}.receipt-items dd{text-align:right}.receipt-section-meta,.receipt-section-end{font-size:10px}}
@media(max-width:360px){.receipt-items>div{display:block}.receipt-items dd{text-align:left}.receipt-reference{font-size:9px}.receipt-subtitle{font-size:10px}}
@media(prefers-reduced-motion:reduce){.retail-receipt{animation:none;transform:rotate(-2deg)}}