.rc-grid{grid-template-areas:"head""photo""pick";gap:24px;display:grid}.rc-head{grid-area:head}.rc-photo{grid-area:photo}.rc-pick{grid-area:pick}.rc-head h2{text-align:left;margin:0}.rc-sub{max-width:52ch;color:var(--muted);margin:18px 0 0;font-size:16px;line-height:1.65}.rc-swatches{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;margin:0;display:grid}.rc-swatch{text-align:left;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper);color:var(--navy);cursor:pointer;gap:7px;padding:8px;transition:border-color .2s,box-shadow .2s;display:grid}.rc-swatch i{background-size:cover;border-radius:8px;height:38px;display:block;box-shadow:inset 0 0 0 1px #0000001f}.rc-original i{background:linear-gradient(135deg,var(--wash) 0 50%,var(--line) 50% 100%)}.rc-swatch span{font:500 12.5px/1.2 var(--font-text),sans-serif}.rc-swatch.on{border-color:var(--gold);box-shadow:0 0 0 2px color-mix(in srgb,var(--gold) 50%,transparent)}.rc-swatch:focus-visible{outline:3px solid var(--gold-2);outline-offset:2px}.rc-actions{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.rc-actions svg{flex:none;width:17px;height:17px}.rc-note{color:var(--muted);margin:14px 0 0;font-size:13px;line-height:1.5}.rc-photo{aspect-ratio:4/3;border-radius:var(--radius);isolation:isolate;background:#0a1b2c;position:relative;overflow:hidden}.rc-photo>img{object-fit:cover}.rc-painted{object-fit:cover;width:100%;height:100%;animation:.7s both rcIn;position:absolute;inset:0}@keyframes rcIn{0%{opacity:0}to{opacity:1}}.rc-sweep{z-index:2;opacity:0;pointer-events:none;background:#fff;width:3px;animation:1.1s cubic-bezier(.45,.05,.25,1) rcSweep;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 14px 4px #ffffff80}@keyframes rcSweep{0%{opacity:0;left:0}10%{opacity:1}90%{opacity:1}to{opacity:0;left:100%}}.rc-chip{z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font:500 13px/1 var(--font-text),sans-serif;background:#031628b8;border-radius:999px;padding:8px 12px;position:absolute;bottom:12px;left:12px}@media (min-width:621px){.rc-swatches{grid-template-columns:repeat(4,1fr)}}@media (min-width:901px){.rc-grid{grid-template:"head photo""pick photo"1fr/minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:26px 64px}.rc-photo{align-self:center}.rc-swatches{grid-template-columns:repeat(4,1fr)}}@media (prefers-reduced-motion:reduce){.rc-painted,.rc-sweep{animation:none}.rc-sweep{display:none}}