.card{position:relative;width:100%;aspect-ratio:154/111;container-type:inline-size;overflow:hidden;border-radius:6px;background:var(--c1);color:#fff;font-family:"Bricolage Grotesque",system-ui,sans-serif}
.card.print{border-radius:0;width:154mm;height:111mm;aspect-ratio:auto}
.card .bg{position:absolute;inset:0;background:linear-gradient(135deg,var(--c1) 0%,color-mix(in srgb,var(--c1) 70%,#000) 100%)}
.card .bike{position:absolute;right:-2%;bottom:-3%;width:78%;height:82%;object-fit:contain;object-position:right bottom;filter:drop-shadow(0 1.2cqw 1.6cqw rgba(0,0,0,.35))}
.card .bike.photo{inset:0;right:auto;bottom:auto;width:100%;height:100%;object-fit:cover;object-position:center;filter:none}
.card .shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,0) 45%)}
.card .hl{position:absolute;left:6.493506493506493%;top:9.00900900900901%;width:52%;font-weight:800;font-size:6.4cqw;line-height:1.02;letter-spacing:-.01em;text-wrap:balance;text-shadow:0 .3cqw 1.2cqw rgba(0,0,0,.25)}
.card .lg{position:absolute;right:5.844155844155844%;top:8.108108108108109%;max-width:26%;max-height:15%;background:#fff;border-radius:1.2cqw;padding:1.2cqw 1.6cqw;display:flex;align-items:center;justify-content:center}
.card .lg img{max-width:100%;max-height:9cqw;object-fit:contain;display:block}
.card .lg span{color:var(--c1);font-weight:800;font-size:2.6cqw;white-space:nowrap}
.card .safe{position:absolute;inset:2.7027027027027026% 1.948051948051948%;outline:1px dashed rgba(255,255,255,.55);pointer-events:none}
.back{position:relative;width:100%;aspect-ratio:148/105;container-type:inline-size;background:#fdfcf8;border-radius:6px;box-shadow:inset 0 0 0 1px #e6e2d6;color:#1d2a6b;overflow:hidden}
.back .msg{position:absolute;left:6%;top:6%;width:53%;bottom:19%;font-family:Caveat,cursive;font-weight:600;font-size:var(--fs,4.3cqw);line-height:1.1;white-space:pre-line;overflow:hidden}
.back .div{position:absolute;left:61%;top:10%;bottom:10%;border-left:1px solid #d9d4c5}
.back .stamp{position:absolute;right:5%;top:7%;width:13%;aspect-ratio:4/5;border:1px dashed #b9b29d;border-radius:2px}
.back .to{position:absolute;left:65%;right:5%;top:52%;font-family:"Instrument Sans",system-ui,sans-serif;color:#222;font-size:2.7cqw;line-height:1.35}
.back .qr{position:absolute;left:6%;bottom:6%;width:11%;aspect-ratio:1;background:repeating-conic-gradient(#1d2a6b 0 25%,#fff 0 50%) 0 0/25% 25%;opacity:.85;border-radius:2px}
.back .qrl{position:absolute;left:19%;bottom:7%;font-family:"Instrument Sans",system-ui,sans-serif;font-size:2.1cqw;color:#555;max-width:38%}
.back .from{position:absolute;left:65%;top:10%;right:20%;font-family:"Instrument Sans",system-ui,sans-serif;font-size:1.9cqw;color:#666}