.hang-tag-section{--hang-nail:#b08a4a;--hang-nail-hi:#f3e2b8;--hang-nail-lo:#5a3f1a;--hang-string:#6f5b45;--hang-eyelet:#cfae70;--hang-eyelet-lo:#7d5c2c;--hang-shadow:#2a1f1a2e;--hang-contact:#2a1f1a38}.dark .hang-tag-section{--hang-nail:#c4a36a;--hang-nail-hi:#f6e7c2;--hang-nail-lo:#4a3416;--hang-string:#bfae94;--hang-eyelet:#d6b97e;--hang-eyelet-lo:#6a4e26;--hang-shadow:#00000073;--hang-contact:#00000080}.hang-tag-divider{justify-content:center;align-items:center;gap:1rem;max-width:22rem;margin:1.75rem auto 0;display:flex}.hang-tag-divider:before,.hang-tag-divider:after{content:"";background:var(--editorial-rule-strong);flex:1 1 0;height:1px}.hang-tag-scroller{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:max(1.25rem, env(safe-area-inset-left));scrollbar-width:none;-webkit-overflow-scrolling:touch;overflow:auto hidden}.hang-tag-scroller::-webkit-scrollbar{height:0;display:none}.hang-tag-track{width:max-content;min-width:100%;padding:.75rem max(1.5rem, env(safe-area-inset-right), 12vw) 2.5rem max(1.25rem, env(safe-area-inset-left));box-sizing:border-box;position:relative}.hang-tag-row{justify-content:flex-start;align-items:flex-start;gap:clamp(1.1rem,3vw,2.75rem);display:flex}.hang-tag-swipe{text-align:center;letter-spacing:.14em;text-transform:uppercase;color:var(--editorial-ink-soft);margin:-.5rem 0 1.25rem;font-size:.68rem;font-weight:500}.hang-tag-hanger{--px-per-mm:1.65px;--drop:14px;--tag-w:calc(var(--mm-w) * var(--px-per-mm));--tag-h:calc(var(--mm-h) * var(--px-per-mm));--hole-x:calc(var(--hole-xmm) * var(--px-per-mm));--hole-y:calc(var(--hole-ymm) * var(--px-per-mm));--hole-r:calc(2.1 * var(--px-per-mm));flex:0 0 var(--tag-w);width:var(--tag-w);min-width:0;max-width:var(--tag-w);scroll-snap-align:start;transform-origin:var(--hole-x) 0;rotate:var(--rest,0deg);filter:drop-shadow(0 1px 1px var(--hang-contact)) drop-shadow(1px 9px 10px var(--hang-shadow));outline:none;transition:rotate .36s cubic-bezier(.2,.7,.2,1);position:relative}.hang-tag-hanger:before{content:"";top:-4px;left:var(--hole-x);z-index:3;background:radial-gradient(circle at 34% 30%, var(--hang-nail-hi), var(--hang-nail) 52%, var(--hang-nail-lo));border-radius:999px;width:8px;height:8px;position:absolute;translate:-50%;box-shadow:0 1px 1.5px #00000059}.hang-tag-row.is-live .hang-tag-hanger{animation:hang-settle 3.4s ease-in-out var(--delay,0s) both}.hang-tag-row .hang-tag-hanger.is-released{animation:3s ease-in-out both hang-release}.hang-tag-hanger.is-held,.hang-tag-hanger.is-flipped{z-index:2;animation:none}.hang-tag-hanger.is-held{rotate:var(--pull,0deg);transition:rotate 40ms linear}.hang-tag-hanger.is-flipped{filter:drop-shadow(0 1px 1px var(--hang-contact)) drop-shadow(2px 20px 22px var(--hang-shadow));rotate:none}.hang-tag-hanger.is-dim{opacity:.55;transition:opacity .28s}@keyframes hang-settle{0%{rotate:var(--rest,0deg)}9%{rotate:calc(var(--rest,0deg) + var(--kick,5deg))}26%{rotate:calc(var(--rest,0deg) - var(--kick,5deg) * .58)}44%{rotate:calc(var(--rest,0deg) + var(--kick,5deg) * .33)}62%{rotate:calc(var(--rest,0deg) - var(--kick,5deg) * .18)}80%{rotate:calc(var(--rest,0deg) + var(--kick,5deg) * .08)}to{rotate:var(--rest,0deg)}}@keyframes hang-release{0%{rotate:var(--kick-release,0deg)}20%{rotate:calc(var(--rest,0deg) - (var(--kick-release,0deg) - var(--rest,0deg)) * .6)}40%{rotate:calc(var(--rest,0deg) + (var(--kick-release,0deg) - var(--rest,0deg)) * .34)}60%{rotate:calc(var(--rest,0deg) - (var(--kick-release,0deg) - var(--rest,0deg)) * .18)}80%{rotate:calc(var(--rest,0deg) + (var(--kick-release,0deg) - var(--rest,0deg)) * .08)}to{rotate:var(--rest,0deg)}}.hang-tag-swing{padding-top:calc(var(--drop) + var(--hole-y));transform-origin:var(--hole-x) 0;rotate:var(--sway,0deg);will-change:rotate;position:relative}.hang-tag-string{top:0;left:var(--hole-x);z-index:2;width:14px;height:calc(var(--drop) + var(--hole-y));pointer-events:none;position:absolute;translate:-50%}.hang-tag-string svg{width:100%;height:100%;display:block;overflow:visible}.hang-tag-string path{fill:none;stroke:var(--hang-string);stroke-width:1.4px;stroke-linecap:round;vector-effect:non-scaling-stroke}.hang-tag-scene{perspective:900px;width:var(--tag-w);margin-top:calc(-1 * var(--hole-y))}.hang-tag-card{width:var(--tag-w);height:var(--tag-h);transform-origin:50%;max-width:100%;transform-style:preserve-3d;transform:rotateY(var(--flip,0deg));cursor:grab;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:transform .72s cubic-bezier(.2,.8,.2,1);position:relative}.hang-tag-hanger.is-held .hang-tag-card{cursor:grabbing}.hang-tag-card:focus-visible{outline-offset:4px;outline:2px solid #8a2f44}.hang-tag-hanger.is-flipped .hang-tag-card{--flip:180deg}.hang-tag-face{--hx:var(--hole-x);backface-visibility:hidden;background:var(--paper,#efe9dc);color:var(--ink,#2a1f1a);-webkit-mask-image:radial-gradient(circle at var(--hx) var(--hole-y), transparent calc(var(--hole-r) - .5px), #000 calc(var(--hole-r) + .5px));-webkit-mask-image:radial-gradient(circle at var(--hx) var(--hole-y), transparent calc(var(--hole-r) - .5px), #000 calc(var(--hole-r) + .5px));mask-image:radial-gradient(circle at var(--hx) var(--hole-y), transparent calc(var(--hole-r) - .5px), #000 calc(var(--hole-r) + .5px));position:absolute;inset:0;overflow:hidden;box-shadow:inset 0 0 0 1px #2a1f1a12,inset 0 1px #ffffff73}.hang-tag-face:after{content:"";left:var(--hx);top:var(--hole-y);z-index:2;width:calc(var(--hole-r) * 2);height:calc(var(--hole-r) * 2);box-shadow:0 0 0 2px var(--hang-eyelet), 0 0 0 2.6px var(--hang-eyelet-lo), 0 1px 2px #00000040;pointer-events:none;border-radius:999px;position:absolute;translate:-50% -50%}.hang-tag-face-back{--hx:calc(var(--tag-w) - var(--hole-x));transform:rotateY(180deg)}button.hang-tag-face-front{appearance:none;font:inherit;cursor:grab;border:0;width:100%;min-width:0;height:100%;padding:0;display:block;overflow:hidden}.hang-tag-face-front img{-o-object-fit:fill;object-fit:fill;pointer-events:none;width:100%;max-width:100%;height:100%;max-height:100%;display:block}.hang-tag-hanger.is-hang-cw .hang-tag-face-front img,.hang-tag-hanger.is-hang-ccw .hang-tag-face-front img{width:var(--tag-h);height:var(--tag-w);max-width:none;max-height:none;position:absolute;top:50%;left:50%;translate:-50% -50%}.hang-tag-hanger.is-hang-cw .hang-tag-face-front img{rotate:90deg}.hang-tag-hanger.is-hang-ccw .hang-tag-face-front img{rotate:-90deg}.hang-tag-look{position:absolute;inset:0}.hang-tag-look img{-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;pointer-events:none;width:100%;height:100%}.hang-tag-look-meta{color:#f8f3e9;background:linear-gradient(#0000,#120c0ae0);padding:2.4rem .7rem .7rem;position:absolute;inset:auto 0 0}.hang-tag-look-name{font-family:var(--font-display), "Playfair Display", serif;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.82rem;line-height:1.2;display:-webkit-box;overflow:hidden}.hang-tag-visit{letter-spacing:.04em;text-transform:uppercase;color:#f8f3e9;align-items:center;gap:.25rem;margin-top:.4rem;font-size:.68rem;font-weight:500;text-decoration:none;display:inline-flex}.hang-tag-visit:hover{text-decoration:underline}.hang-tag-hint{letter-spacing:.08em;text-transform:uppercase;opacity:.7;margin-top:.2rem;font-size:.62rem}.hang-tag-flipback{font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;cursor:pointer;text-underline-offset:2px;background:0 0;border:0;padding:0;text-decoration:underline}.hang-face{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:.7rem;display:flex}.hang-tag-cw-logo{mix-blend-mode:multiply}.dark .hang-tag-cw-logo{mix-blend-mode:screen}@media (min-width:480px){.hang-tag-hanger{--px-per-mm:2.05px;--drop:16px}}@media (min-width:768px){.hang-tag-hanger{--px-per-mm:2.45px;--drop:18px;scroll-snap-align:center;filter:drop-shadow(0 1px 1px var(--hang-contact)) drop-shadow(2px 12px 14px var(--hang-shadow))}.hang-tag-hanger:before{width:9px;height:9px;top:-4.5px}.hang-tag-track{padding-inline:max(2rem, env(safe-area-inset-left)) max(2rem, env(safe-area-inset-right))}.hang-tag-scroller{scroll-padding-inline:max(2rem, env(safe-area-inset-left))}}@media (min-width:1024px){.hang-tag-hanger{--px-per-mm:2.75px;--drop:20px}.hang-tag-row{justify-content:center;min-width:100%}}@media (pointer:coarse){.hang-tag-visit,.hang-tag-flipback{min-height:2.5rem;padding:.15rem 0}}@media (prefers-reduced-motion:reduce){.hang-tag-row.is-live .hang-tag-hanger,.hang-tag-row .hang-tag-hanger.is-released{animation:none}.hang-tag-hanger{rotate:var(--rest,0deg);transition:none}.hang-tag-swing{will-change:auto;rotate:none}.hang-tag-card{transition:opacity .2s}.hang-tag-hanger.is-flipped .hang-tag-card{transform:none}.hang-tag-hanger.is-flipped .hang-tag-face-front{display:none}.hang-tag-hanger.is-flipped .hang-tag-face-back{--hx:var(--hole-x);transform:none}}
.customer-tag-rack{--ticket-gap:1rem;--ticket-row-gap:1.75rem;--per-row:2;container-type:inline-size}.customer-tag-rack .hang-tag-hanger{--px-per-mm:calc((100cqw - (var(--per-row) - 1) * var(--ticket-gap)) / var(--per-row) / var(--mm-w));--drop:clamp(12px, 5 * var(--px-per-mm), 22px);scroll-snap-align:start;transition:rotate .36s cubic-bezier(.2,.7,.2,1),filter .24s}.customer-tag-rack .hang-tag-row{grid-template-columns:repeat(var(--per-row), 1fr);-moz-column-gap:var(--ticket-gap);column-gap:var(--ticket-gap);row-gap:var(--ticket-row-gap);justify-items:start;display:grid}.customer-tag-rack .hang-tag-scroller{scroll-snap-type:none;overflow:visible}.customer-tag-rack .hang-tag-track{width:100%;min-width:0;padding:.75rem 0 1.75rem}@media (max-width:1023.98px){.customer-tag-rack.is-band .hang-tag-row{grid-template-rows:repeat(2,auto);grid-template-columns:none;grid-auto-flow:column;row-gap:1.5rem;display:grid}.customer-tag-rack.is-band .hang-tag-hanger{--px-per-mm:2.15px}.customer-tag-rack.is-band .hang-tag-scroller{scroll-snap-type:x mandatory;overflow:auto hidden}.customer-tag-rack.is-band .hang-tag-track{width:max-content;min-width:100%;padding:.75rem max(1.5rem, env(safe-area-inset-right), 12vw) 2rem max(1.5rem, env(safe-area-inset-left))}}@media (min-width:1024px){.customer-tag-rack.is-band{--per-row:8}}@media (min-width:768px){.customer-tag-rack.is-wall{--per-row:4;--ticket-gap:1.5rem;--ticket-row-gap:2.5rem}}.customer-tag-face{cursor:default;text-decoration:none;display:block}a.customer-tag-face{cursor:pointer}.customer-tag-rack .hang-tag-card{cursor:default}.customer-tag-rack .hang-tag-card:has(:focus-visible){outline-offset:4px;outline:2px solid #8a2f44}.customer-tag-logo{left:calc(5 * var(--px-per-mm));right:calc(5 * var(--px-per-mm));top:calc(var(--hole-y) + 5 * var(--px-per-mm));bottom:calc(4.5 * var(--px-per-mm));display:block;position:absolute}.customer-tag-logo img{pointer-events:none;-webkit-user-select:none;user-select:none}@media (hover:hover){.customer-tag-rack .hang-tag-hanger:hover{filter:drop-shadow(0 1px 1px var(--hang-contact)) drop-shadow(2px 14px 16px var(--hang-shadow))}}@media (prefers-reduced-motion:reduce){.customer-tag-rack .hang-tag-hanger{transition:none}}