@property --glow{syntax:"<color>";inherits:true;initial-value:#0000}.palette-page{padding-top:var(--gap-l)}.palette-chooser{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(2rem,5vw,6rem);min-height:calc(100svh - 144px);display:grid}.palette-chooser__side{gap:var(--gap-l);flex-direction:column;max-width:38rem;display:flex}.palette-head{gap:var(--gap-s);flex-direction:column;display:flex}.palette-head .h1{font-size:clamp(2.6rem,1.2rem + 3.6vw,5rem);line-height:var(--lh-tight);letter-spacing:var(--ls-display);text-wrap:balance}.palette-lead{color:var(--ink-70);max-width:30rem}.palette-where{max-width:32rem;color:var(--ink-70)}.palette-groups{border-top:1px solid var(--hairline);margin:0;padding:0;list-style:none}.palette-groups li{border-bottom:1px solid var(--hairline)}.palette-group{align-items:center;gap:var(--gap-m);padding:var(--gap-s) var(--gap-xs) var(--gap-s) 0;color:inherit;grid-template-columns:9rem minmax(0,1fr) auto;text-decoration:none;display:grid}.palette-fan{height:78px;position:relative}.palette-fan img{transform-origin:50% 150%;width:30px;height:auto;transform:translateX(-50%) rotate(calc(var(--k) * 4deg));transition:transform .55s var(--e-out);filter:drop-shadow(0 3px 5px #1e161429);position:absolute;bottom:4px;left:50%}.palette-group:hover .palette-fan img,.palette-group:focus-visible .palette-fan img,.palette-group[data-on] .palette-fan img{transform:translateX(calc(-50% + var(--k) * 7px)) rotate(calc(var(--k) * 8deg)) translateY(-3px)}.palette-group__text{gap:4px;display:grid}.palette-group__title{font-family:var(--font-display);font-size:var(--t-h2);line-height:1}.palette-group__note{font-size:var(--t-caption);color:var(--ink-70);letter-spacing:.02em}.palette-group__arrow{font-size:var(--t-h3);color:var(--ink-50);transition:transform .35s var(--e-out), color .35s}.palette-group:hover .palette-group__arrow,.palette-group[data-on] .palette-group__arrow{color:var(--ink);transform:translate(6px)}.palette-wheel{aspect-ratio:1;width:min(46vw,100svh - 190px,760px);position:relative}.palette-wheel__ring{cursor:pointer;filter:drop-shadow(0 22px 40px #1e161433);width:100%;height:100%;display:block;overflow:visible}.palette-wheel__sector{transition:transform .5s var(--e-out), opacity .4s}.palette-wheel__sector[data-off]{opacity:.4}.palette-wheel__pick{pointer-events:none;transition:transform .5s var(--e-out);filter:drop-shadow(0 6px 10px #1e16144d)}.palette-wheel__label text{font-family:var(--font-text);letter-spacing:4px;text-transform:uppercase;fill:var(--ink-70);font-size:21px;transition:fill .3s}.palette-wheel__label[data-on] text{fill:var(--ink);font-weight:600}.palette-wheel__gloss{pointer-events:none;-webkit-mask:radial-gradient(circle closest-side, transparent 60%, var(--ink) 60.6% 93.4%, transparent 94%);-webkit-mask:radial-gradient(circle closest-side, transparent 60%, var(--ink) 60.6% 93.4%, transparent 94%);mask:radial-gradient(circle closest-side, transparent 60%, var(--ink) 60.6% 93.4%, transparent 94%);mix-blend-mode:soft-light;background:conic-gradient(#0000 0deg 30deg,#ffffff80 48deg,#0000 66deg 210deg,#ffffff38 226deg,#0000 242deg 360deg);border-radius:50%;animation:16s linear infinite palette-gloss;position:absolute;inset:0}@keyframes palette-gloss{to{transform:rotate(1turn)}}.palette-wheel__center{text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:32%}.palette-wheel__halo{background:radial-gradient(circle closest-side, color-mix(in srgb, var(--c) 55%, transparent), transparent 100%);opacity:.8;border-radius:50%;position:absolute;inset:-12%}.palette-wheel__nail{width:auto;height:44%;animation:palette-nail .55s var(--e-out);margin-bottom:6%;position:relative}@keyframes palette-nail{0%{opacity:0;transform:translateY(14px)rotate(-8deg)scale(.9)}}.palette-wheel__num{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:clamp(1.8rem,1rem + 1.8vw,3rem);line-height:1;position:relative}.palette-wheel__name{font-size:var(--t-small);position:relative}.palette-wheel__group{font-size:var(--t-label);letter-spacing:var(--ls-label);text-transform:uppercase;color:var(--ink-70);margin-top:4px;position:relative}.palette-group-head{gap:var(--gap-xs);margin-bottom:var(--gap-l);flex-direction:column;display:flex}.palette-tabs{gap:var(--gap-m);margin-top:var(--gap-m);flex-wrap:wrap;display:flex}.palette-tab{min-width:11rem;font-size:var(--t-small);color:var(--ink-70);gap:10px;text-decoration:none;display:grid}.palette-tab__strip{height:6px;transition:transform .35s var(--e-out);transform-origin:bottom;border-radius:3px;display:block}.palette-tab:hover .palette-tab__strip{transform:scaleY(1.8)}.palette-tab[aria-current=page]{color:var(--ink);font-weight:600}.palette-tab[aria-current=page] .palette-tab__strip{transform:scaleY(1.8)}.swatch-wall{transition:--glow .7s var(--e-out)}.swatch-wall:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(70% 60% at 50% 60%, color-mix(in srgb, var(--glow) 42%, transparent), transparent 75%);opacity:0;transition:opacity .6s;position:fixed;inset:0}.swatch-wall[data-lit]:before{opacity:1}.swatch-wall__order{margin-bottom:var(--gap-m);background:var(--ink-06);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.swatch-wall__order button{font:inherit;font-size:var(--t-small);color:var(--ink-70);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.45rem 1.1rem;transition:background .25s,color .25s}.swatch-wall__order button[aria-pressed=true]{background:var(--air);color:var(--ink);box-shadow:0 1px 3px #1e16141f}.swatch-grid--live .swatch-card{scroll-margin-top:30svh}.swatch-grid--live .swatch-card img{transform-origin:50% 85%;transition:transform .4s var(--e-out), filter .4s}.swatch-grid--live .swatch-card:hover img{filter:drop-shadow(0 16px 14px color-mix(in srgb, var(--c) 75%, transparent));transform:translateY(-10px)scale(1.14)rotate(-4deg)}.swatch-grid--live .swatch-card figcaption{transition:transform .4s var(--e-out)}.swatch-grid--live .swatch-card:hover figcaption{transform:translateY(4px)}.swatch-grid--live .swatch-card:target img{animation:swatch-hello 1.1s var(--e-out) .3s 2}.swatch-grid--live .swatch-card:target .swatch-card__num{color:var(--wine)}@keyframes swatch-hello{50%{filter:drop-shadow(0 18px 16px color-mix(in srgb, var(--c) 80%, transparent));transform:translateY(-14px)scale(1.18)rotate(-5deg)}}@media (max-width:600px){.palette-group{gap:var(--gap-s);grid-template-columns:5.5rem minmax(0,1fr) auto}.palette-group__title{font-size:var(--t-h3)}}@media (max-width:900px){.palette-chooser{grid-template-columns:1fr;min-height:0}.palette-wheel{justify-self:center;width:min(92vw,520px)}}@media (prefers-reduced-motion:reduce){.palette-wheel__gloss,.palette-wheel__nail,.swatch-grid--live .swatch-card:target img{animation:none}.palette-fan img,.palette-wheel__sector,.palette-wheel__pick,.swatch-grid--live .swatch-card img{transition:none}}