.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-sri{max-width:56ch;color:var(--muted);align-items:flex-start;gap:12px;margin:18px 0 0;font-size:14px;line-height:1.55;display:flex}.rc-sri-badge{background:color-mix(in srgb,var(--gold) 16%,var(--paper));border:1px solid color-mix(in srgb,var(--gold) 45%,transparent);color:var(--gold-ink);font:700 12px/1 var(--font-text),sans-serif;letter-spacing:.06em;white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:6px;margin-top:1px;padding:6px 11px 6px 9px;display:inline-flex}.rc-sri-badge svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:15px;height:15px}.rc-swatches{grid-template-columns:repeat(3,1fr);gap:10px;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:8px;padding:7px 7px 9px;transition:border-color .2s,box-shadow .2s,transform .2s;display:grid}.rc-swatch i{background-position:50%;background-size:cover;border-radius:8px;place-items:center;height:52px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #00000024,inset 0 10px 14px -10px #ffffff59}.rc-swatch i.tex{background:linear-gradient(180deg,#ffffff24,#fff0 45%,#0000001f), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='26'%3E%3Cpath d='M0 12.5H24M0 25.5H24' stroke='rgba%280%2C0%2C0%2C.28%29' stroke-width='1'/%3E%3Cpath d='M0 13.5H24M0 0.5H24' stroke='rgba%28255%2C255%2C255%2C.12%29' stroke-width='1'/%3E%3Cpath d='M6.5 0V12M18.5 13V25' stroke='rgba%280%2C0%2C0%2C.22%29' stroke-width='1'/%3E%3C/svg%3E") 0 0/24px 26px, radial-gradient(#ffffff1a .6px,transparent 1.1px) 0 0/5px 4px, radial-gradient(#00000021 .7px,transparent 1.2px) 2px 1px/7px 6px, var(--c)}.rc-original i{background:linear-gradient(135deg,var(--wash) 0 50%,var(--line) 50% 100%)}.rc-check{background:var(--gold);fill:none;stroke:#10243a;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;opacity:0;border-radius:50%;width:22px;height:22px;padding:3px;transition:opacity .2s,transform .25s cubic-bezier(.17,.84,.44,1);transform:scale(.6);box-shadow:0 2px 8px #0000004d}.rc-swatch span{font:600 12.5px/1.2 var(--font-text),sans-serif;letter-spacing:-.005em;padding:0 2px}.rc-swatch.on{border-color:var(--gold);box-shadow:0 0 0 2px color-mix(in srgb,var(--gold) 50%,transparent)}.rc-swatch.on .rc-check{opacity:1;transform:scale(1)}@media (hover:hover){.rc-swatch:hover{border-color:color-mix(in srgb,var(--gold) 60%,var(--line));transform:translateY(-1px)}}.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:1800/1004;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 (prefers-reduced-motion:reduce){.rc-swatch,.rc-check{transition:none}}@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}}
