.category-rail[data-v-c58e3c43]{display:flex;gap:1rem;margin-bottom:.2rem;overflow-x:auto;padding:.15rem 0 .75rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}.category-rail[data-v-c58e3c43]::-webkit-scrollbar{display:none}.category-circle[data-v-c58e3c43]{background:transparent;border:0;color:var(--ink);cursor:pointer;flex:0 0 auto;flex-direction:column;gap:.6rem;padding:0;text-decoration:none;width:96px}.category-circle[data-v-c58e3c43],.circle-image[data-v-c58e3c43]{align-items:center;display:flex}.circle-image[data-v-c58e3c43]{border:2px solid transparent;border-radius:50%;height:80px;justify-content:center;overflow:hidden;pointer-events:none;transition:border-color .3s var(--ease),transform .3s var(--ease);width:80px}.circle-image[data-v-c58e3c43] img,.circle-image img[data-v-c58e3c43]{height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none;width:100%}.circle-image--all[data-v-c58e3c43]{background:var(--surface);border:1px solid rgba(20,18,16,.1);color:var(--stone)}.circle-image--all svg[data-v-c58e3c43]{height:22px;width:22px}.category-circle:hover .circle-image[data-v-c58e3c43]{transform:scale(1.04)}.category-circle.active .circle-image[data-v-c58e3c43]{border-color:var(--wine)}.circle-label[data-v-c58e3c43]{color:var(--ink-soft);font-size:.72rem;letter-spacing:.04em;line-height:1.25;pointer-events:none;text-align:center;transition:color .3s var(--ease)}.category-circle.active .circle-label[data-v-c58e3c43]{color:var(--ink);font-weight:500}@media(min-width:901px){.category-rail[data-v-c58e3c43]{display:flex;flex-wrap:nowrap;gap:.65rem;justify-content:space-between;overflow-x:visible;padding:0 0 .15rem;width:100%}.category-circle[data-v-c58e3c43]{flex:1 1 0;gap:.75rem;min-width:0;width:auto}.circle-image[data-v-c58e3c43]{aspect-ratio:1;border-width:2px;height:auto;width:100%}.circle-image--all svg[data-v-c58e3c43]{height:clamp(24px,2.5vw,34px);width:clamp(24px,2.5vw,34px)}.circle-label[data-v-c58e3c43]{font-size:clamp(.75rem,1vw,.88rem);letter-spacing:.05em}}@media(max-width:900px){.category-rail[data-v-c58e3c43]{display:grid;gap:2px;grid-template-columns:repeat(2,minmax(0,1fr));margin-inline:0;overflow-x:visible;padding:0}.category-circle[data-v-c58e3c43]{gap:0;position:relative;width:100%}.circle-image[data-v-c58e3c43]{aspect-ratio:4/5;border-radius:0;border-width:0;height:auto;outline:2px solid transparent;outline-offset:-2px;width:100%}.circle-image--all[data-v-c58e3c43]{background:var(--surface);border:0}.category-circle:hover .circle-image[data-v-c58e3c43]{transform:none}.category-circle.active .circle-image[data-v-c58e3c43]{border-color:transparent;outline-color:var(--wine)}.circle-label[data-v-c58e3c43]{background:linear-gradient(0deg,rgba(0,0,0,.58),transparent);color:var(--surface);font-size:.58rem;font-weight:500;inset:auto 0 0;letter-spacing:.2em;padding:.85rem .75rem;position:absolute;text-align:left;text-transform:uppercase}.category-circle.active .circle-label[data-v-c58e3c43]{color:var(--surface);font-weight:600}}