/* A consistent, background-blended label wall across both themes. */
#labels{display:block;padding-top:28px;isolation:isolate}
#labels>.tiny{display:block;margin-bottom:28px;color:var(--muted)}
.labels-featured,.labels-more{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 24px}
#labels .label-logo{min-height:156px;justify-content:center;padding:18px 12px;gap:16px;border-bottom:1px solid var(--line);transform:none}
#labels .label-logo img{width:112px;height:92px;object-fit:contain;border-radius:0;mix-blend-mode:screen;filter:grayscale(1) contrast(1.8);opacity:.8;transition:opacity .2s,transform .2s}
#labels .label-logo:hover img{opacity:1;transform:translateY(-3px)}
#labels .label-logo span{color:var(--muted);font-size:11px;letter-spacing:.04em;line-height:1.5}
#labels img:is([src*="siona"],[src*="radiant"],[src*="milk-sugar"],[src*="harabe"],[src*="the-purr"]){filter:grayscale(1) invert(1) contrast(1.8)}
[data-theme=light] #labels .label-logo img{mix-blend-mode:multiply;filter:grayscale(1) invert(1) contrast(1.8)}
[data-theme=light] #labels img:is([src*="siona"],[src*="radiant"],[src*="milk-sugar"],[src*="harabe"],[src*="the-purr"]){filter:grayscale(1) contrast(1.8)}
 .labels-toggle{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:48px;margin:12px 0 4px;padding:12px;border:0;background:transparent;color:var(--paper);font-size:12px;letter-spacing:.03em}
 .labels-toggle:hover{color:var(--green)}.labels-toggle-icon{font-size:19px;font-weight:400}
 .labels-more{padding-top:12px}
@media(max-width:700px){
 #labels{margin-top:42px}#labels>.tiny{margin-bottom:16px}
 .labels-featured,.labels-more{gap:8px 12px}
 #labels .label-logo{min-height:124px;padding:12px 2px;gap:12px}
 #labels .label-logo img{width:min(100%,88px);height:76px}
 #labels .label-logo span{font-size:10px;letter-spacing:0}

}
@media(prefers-reduced-motion:reduce){#labels .label-logo img{transition:none}}
#labels,#labels .label-logo{background:var(--surface)}
#labels .label-logo img[src*="errorr"]{filter:grayscale(1) brightness(1.65) contrast(1.35)}
[data-theme=light] #labels .label-logo img[src*="errorr"]{filter:grayscale(1) brightness(1.65) contrast(1.35) invert(1)}
#labels .label-logo img[src*="purified"]{filter:grayscale(1) contrast(3.5)}
#labels .label-logo img[src*="siona"]{filter:grayscale(1) invert(1) contrast(3.5)}
[data-theme=light] #labels .label-logo img[src*="purified"]{filter:grayscale(1) contrast(3.5) invert(1)}
[data-theme=light] #labels .label-logo img[src*="siona"]{filter:grayscale(1) invert(1) contrast(3.5) invert(1)}
#labels .label-logo img:is([src*="radiant"],[src*="the-purr"]){object-fit:cover}