/* Cream stock, green type and faint road lines follow the exhibition flashcards. */
.local-collection .card-back{background:#eeeddf;color:#396f5a;padding:28px 24px 22px;gap:0;overflow:hidden;border-color:#fff5;isolation:isolate}
.local-collection .card-back:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('assets/patterns/card-road-lines.svg') center/cover;opacity:.13}
.local-collection .card-back[data-region=jakarta]:before{background-position:65% center;transform:scaleX(-1)}
.local-collection .card-back[data-region=bandung]:before{background-position:35% center}
.local-collection .card-back>.eyebrow{font-size:10.5px;line-height:1.5;letter-spacing:0;color:#456d58;max-width:calc(100% - 30px);min-height:24px;flex:none}
.local-collection .card-back>strong{font-family:var(--sans);font-size:30px;line-height:1.14;font-weight:400;letter-spacing:-.025em;color:#396f5a;margin:14px 0 20px;flex:none}
.local-collection .card-back>.card-story{font-size:14px;line-height:1.52;font-weight:400;color:#3e7059;flex:1;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:#77917e55 transparent;padding-right:3px}
.local-collection .card-back .card-close{position:absolute;top:10px;right:10px;display:grid;place-items:center;align-self:auto;width:44px;height:44px;min-height:44px;margin:0;padding:12px;border:1px solid #396f5a24;border-radius:50%;background:#eeeddfc9;color:#396f5a;z-index:2;transition:background .18s,transform .18s}
.local-collection .card-back .card-close:hover{background:#dfe5d3;transform:scale(1.04)}
.local-collection .card-back .card-close .ui-icon{width:16px;height:16px}
.card-print-credit{display:flex;flex-direction:column;text-align:right;align-self:stretch;gap:1px;flex:none;margin-top:24px;font-size:10.5px;line-height:1.3;color:#3e7059}
.card-print-credit b{font-size:11px;font-weight:600}
.local-collection.has-pattern-story[data-view=stack] .pattern-deck:hover .pattern-card:not(.flipped){transform:translate(-50%,-50%) translate(var(--card-x),var(--card-y)) rotate(var(--card-angle))}
.local-collection.has-pattern-story .pattern-card{top:50%}
@media(max-width:700px){.local-collection .card-back{padding:24px 20px 20px}.local-collection .card-back>strong{font-size:28px;margin-block:12px 16px}.local-collection .card-back>.card-story{font-size:14px}.card-print-credit{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.local-collection .card-back .card-close{transition:none}}