@layer properties,theme,base,components;@layer utilities{:root{--wine-style-red:#7a1f2e;--wine-style-white:#b89a3c;--wine-style-sweet:#b86e1c;--wine-style-rose:#c9687b;--wine-style-sparkling:#b3a25a;--wine-style-fortified:#5e2f1d;--wine-style-orange:#c2621f;--wine-style-none:#8e3b46;--wine-paper:#f6f1e7;--wine-ink:#2b2420;--wine-ink-soft:#6b5f55;--wine-liquid-red:#7a1f2e;--wine-liquid-white:#b89a3c;--wine-liquid-sweet:#b86e1c;--wine-liquid-rose:#c9687b;--wine-liquid-sparkling:#b3a25a;--wine-liquid-fortified:#5e2f1d;--wine-liquid-orange:#c2621f;--wine-liquid-none:#8e3b46}.dark .wine-label{filter:brightness(.86)}.dark{--wine-style-red:#c4505f;--wine-style-white:#d6bd62;--wine-style-sweet:#dc9a3f;--wine-style-rose:#e690a0;--wine-style-sparkling:#d9cb8a;--wine-style-fortified:#b0705a;--wine-style-orange:#e0874a;--wine-style-none:#c16873;--wine-paper:#f6f1e7;--wine-ink:#2b2420;--wine-ink-soft:#6b5f55}.wine-label{isolation:isolate;background:radial-gradient(120% 90% at 30% 10%, color-mix(in srgb, var(--wine-liquid) 70%, #fff) 0%, transparent 55%), radial-gradient(140% 120% at 80% 100%, color-mix(in srgb, var(--wine-liquid) 55%, #000) 0%, transparent 60%), var(--wine-liquid);place-items:center;display:grid;position:relative;overflow:hidden;container-type:inline-size}.wine-label:before{content:"";z-index:-1;pointer-events:none;background:repeating-linear-gradient(115deg,#ffffff0d 0 2px,#0000 2px 9px);position:absolute;inset:0}.wine-label__paper{background:var(--wine-paper);width:68%;color:var(--wine-ink);text-align:center;outline:1px solid color-mix(in srgb, var(--wine-ink) 55%, transparent);outline-offset:-2.6cqw;border-radius:2px;padding:7cqw 5cqw 6cqw;box-shadow:inset 0 1px #fff6,0 12px 30px -12px #00000073}.wine-label__producer{letter-spacing:.22em;text-transform:uppercase;color:var(--wine-ink-soft);font-size:max(9px,3.4cqw);line-height:1.3}.wine-label__rule{background:color-mix(in srgb, var(--wine-ink) 45%, transparent);width:22%;height:1px;margin:3.2cqw auto}.wine-label__name{letter-spacing:-.01em;overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:max(12px,6.2cqw);font-weight:600;line-height:1.15;display:-webkit-box;overflow:hidden}.wine-label__vintage{letter-spacing:.04em;font-variant-numeric:tabular-nums;margin-top:3cqw;font-size:max(14px,9cqw);font-weight:300;line-height:1}.wine-label__origin{letter-spacing:.14em;color:var(--wine-ink-soft);margin-top:3.2cqw;font-size:max(9px,3.1cqw)}.wine-label__style{letter-spacing:.24em;color:#ffffffd1;font-size:max(9px,2.8cqw);position:absolute;bottom:4.5cqw;left:5cqw}.wine-dot{background:var(--wine-tint,var(--spine-wine));width:.5rem;height:.5rem;box-shadow:0 0 0 2px color-mix(in srgb, var(--wine-tint,var(--spine-wine)) 22%, transparent);border-radius:9999px;flex-shrink:0;display:inline-block}.wine-bar{background:var(--color-fill);border-radius:9999px;height:6px;position:relative;overflow:hidden}.wine-bar>span{transform-origin:0;border-radius:inherit;background:var(--spine-wine);position:absolute;inset:0}.wine-gallery-track{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;display:flex;overflow-x:auto}.wine-gallery-track::-webkit-scrollbar{display:none}.wine-gallery-track>*{scroll-snap-align:center;flex:0 0 100%}@media (prefers-reduced-motion:no-preference){.wine-tile-media>*{transition:transform var(--dur-3) var(--ease-out)}.group:hover .wine-tile-media>*{transform:scale(1.03)}.wine-gallery-track{scroll-behavior:smooth}}}