/* RAGANA v63 · colourway swatches (prefix cw-) */
.cw-row{margin-top:16px}
.work-txt p.cw-h{font:400 11px var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--faint);margin:0 0 10px}
.cw-h .cw-cur{color:var(--ink);letter-spacing:.14em}
.cw-sw{display:flex;flex-wrap:wrap;gap:10px}
.cw-b{width:38px;height:38px;padding:0;border:1px solid var(--line);border-radius:50%;background:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .25s,box-shadow .25s}
.cw-b:hover{border-color:var(--gold)}
.cw-b[aria-pressed="true"]{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink) inset}
.cw-b:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.cw-d{width:28px;height:28px;border-radius:50%;background:var(--g);box-shadow:inset 0 0 0 1px rgba(0,0,0,.14);position:relative;overflow:hidden}
.cw-d::after{content:"";position:absolute;right:3px;bottom:3px;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f3dd9a,#c9a24a 55%,#7c5d1f)}
.cw-d.cw-black-and-white{background:linear-gradient(135deg,#1a1a1a 50%,var(--g) 50%)}
.cw-d.cw-black-and-white::after{display:none}
html[data-theme="dark"] .cw-d{box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)}