.badge-art{display:block;width:100%;max-width:320px;aspect-ratio:1;margin:0 auto;background-image:url('/assets/badges/taxi-to-table-collection.png');background-size:300% 300%;background-position:var(--badge-x) var(--badge-y);background-repeat:no-repeat;border-radius:14px}
.badge-art.day-badge-art{background:none;height:auto;object-fit:contain}
.badges .badge{padding:20px;background:#f5faff;border:1px solid #c1d2e2;border-radius:18px;box-shadow:0 7px 20px #132b4d0c;display:flex;flex-direction:column;align-items:stretch}
.badges .badge .badge-art{filter:saturate(.38);opacity:.82;transition:filter .2s,opacity .2s}
.badges .badge:hover .badge-art,.badges .badge:focus-within .badge-art,.badges .badge.earned .badge-art{filter:none;opacity:1}
.badges .badge.earned{border:2px solid #e5aa23;background:#fff9e9;box-shadow:0 7px 24px #b7801322}
.badges .badge h3{margin:18px 0 8px;color:#132b4d}
.badges .badge p{line-height:1.6}
.badges .badge>progress{width:100%;margin-top:auto;accent-color:#0b7778;height:12px}
.badges .badge>small{margin-top:10px;color:#35506c}
.badges .badge.earned>small{color:#17613f}
.badges .badge.first-look{border:1px solid #c1d2e2!important;background:#f5faff!important}
.badges .badge.first-look.earned{border:2px solid #e5aa23!important;background:#fff9e9!important}
.badges .first-look>.eyebrow{margin-top:14px}
.destination-stamp.illustrated-stamp{border:1px solid #b4cbe0;border-radius:18px;padding:16px;background:#f2f8ff;color:#132b4d;max-width:340px}
.illustrated-stamp>.badge-art{margin:12px auto 4px;max-width:280px}
.illustrated-stamp>span:not(.badge-art){font-weight:750;color:#24517b}
.illustrated-stamp h3{font-size:1.1rem}
.unlocked-badge{padding:16px;border:1px solid #e5aa23;border-radius:16px;background:#fff9e9;margin:16px 0;text-align:center}
.unlocked-badge .badge-art{max-width:260px}
@media(prefers-reduced-motion:reduce){.badges .badge .badge-art{transition:none}}
@media(max-width:760px){.badges{grid-template-columns:repeat(2,minmax(0,1fr))}.badges .badge{padding:14px}}
@media(max-width:540px){.badges{grid-template-columns:1fr}}