.coming { display: inline-block; margin-left: 8px; padding: 2px 8px; border: 1px solid #161513; border-radius: 999px; font-size: 11px; font-style: italic; letter-spacing: 0.06em; text-transform: none; vertical-align: middle; }
.hx-card { background: #ffffff; border-radius: 16px; margin: 16px 16px 0; padding: 20px 18px; box-shadow: 0 1px 2px rgba(22,21,19,0.04), 0 6px 20px rgba(22,21,19,0.06); }
.hx-face { position: relative; margin: 14px 0 0; aspect-ratio: 3 / 4; max-width: 100%; border-radius: 12px; overflow: hidden; background: #ffffff; }
.hx-face img { position: absolute; right: 0; bottom: 0; display: block; width: 74%; height: 100%; object-fit: contain; object-position: right bottom; -webkit-mask-image: linear-gradient(to right, transparent, #000 18%); mask-image: linear-gradient(to right, transparent, #000 18%); }
.hx-face svg { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; }
.hx-l { white-space: nowrap; position: absolute; transform: translateY(-50%); display: flex; align-items: center; min-height: 48px; padding: 0 2px; font-size: 15px; letter-spacing: 0.02em; color: #161513; text-shadow: 0 0 6px rgba(250,249,247,0.9), 0 0 2px rgba(250,249,247,0.9); }
.hx-more { display: flex; align-items: center; justify-content: center; min-height: 48px; margin-top: 14px; border: 1px solid #161513; font-size: 12px; letter-spacing: 0.24em; text-transform: uppercase; color: #161513; }
.hx-artist-row { margin-top: 14px; display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.hx-artist { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 8px; }
.hx-head { width: 96px; height: 96px; border-radius: 50%; overflow: hidden; background: #f1efeb; display: block; }
.hx-head img { display: block; width: 100%; height: 100%; object-fit: cover; }
.hx-an { font-size: 20px; font-style: italic; color: #161513; }
.hx-as { font-size: 16px; color: #4a4744; }
.hx-prod { display: flex; align-items: center; gap: 16px; margin-top: 12px; }
.hx-pimg { flex: 0 0 34%; aspect-ratio: 1; background: #ffffff; border: 1px solid #e4e0da; border-radius: 12px; display: flex; align-items: center; justify-content: center; padding: 10px; box-sizing: border-box; }
.hx-pimg img { display: block; max-width: 100%; max-height: 100%; object-fit: contain; }
.hx-go { display: flex; align-items: center; justify-content: space-between; min-height: 56px; font-size: 19px; color: #161513; }
.hx-side { display: contents; } /* artists + shop; a column of their own on a computer (desktop.css) */