/* rj-costs 3 — categories over the mill rail (rj-home-prices-05). Adds to costs.c560322a3b.css; namespace .rjc-. */
:root .rjc-cats{display:flex;gap:clamp(18px,2.2vw,30px);margin:0 0 18px;padding:0;overflow-x:auto;scrollbar-width:none;max-width:600px}
:root .rjc-cats::-webkit-scrollbar{display:none}
:root .rjc-cat{position:relative;flex:0 0 auto;font-size:11px!important;letter-spacing:.2em;text-transform:uppercase;color:var(--rjc-mute)!important;padding:0!important;min-height:44px;display:inline-flex;align-items:center;white-space:nowrap;transition:color .3s}
:root .rjc-cat::after{content:"";position:absolute;left:0;right:0;bottom:8px;height:1px;background:var(--rjc-accent);transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
:root .rjc-cat:hover{color:var(--rjc-ink)!important}
:root .rjc-cat[aria-selected="true"]{color:var(--rjc-ink)!important}
:root .rjc-cat[aria-selected="true"]::after{transform:scaleX(1)}
:root .rjc-cat:focus-visible{outline:1px solid var(--rjc-accent);outline-offset:2px}
:root .rjc-rail{transition:opacity .3s ease}
:root .rjc-rail.is-swap{opacity:0;pointer-events:none}
:root .rjc-rows{min-height:0}
:root .rjc-row img{object-position:50% 22%}
:root .rjc-nav[hidden]{display:none}
@media (max-width:1100px){
  :root .rjc-cats{flex-wrap:wrap;column-gap:22px;row-gap:0;overflow:visible;padding-right:24px}
}
@media (min-width:901px) and (max-width:1100px){
  :root .rjc-detail{padding-right:28px}
}
@media (max-width:900px){
  :root .rjc-cats{order:2;margin:30px 0 8px;padding:0 20px;max-width:none;scroll-padding-inline:20px}
}
@media (prefers-reduced-motion:reduce){:root .rjc-cat::after,:root .rjc-rail{transition:none!important}}

/* the woven label */
:root .rjc-lbl{position:absolute;z-index:2;left:50%;top:46%;transform:translate(-50%,-50%);width:min(64cqw,480px);transition:opacity .45s ease;pointer-events:none}
:root .rjc-lbl .L{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5cqw;padding:5cqw 5cqw 4.4cqw;font-family:"Cormorant Garamond",Cormorant,Georgia,serif;box-shadow:0 2.4cqw 5cqw -1.6cqw rgba(0,0,0,.75),0 0 0 1px rgba(0,0,0,.35)}
:root .rjc-lbl .L::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 2px),repeating-linear-gradient(90deg,rgba(0,0,0,.10) 0 1px,transparent 1px 2px);pointer-events:none}
:root .rjc-lbl small{font-family:Inter,system-ui,sans-serif;font-size:clamp(7px,1.35cqw,11px);letter-spacing:.2em;text-transform:uppercase;line-height:1.5}
:root .rjc-lbl b{font-weight:600;line-height:1.05}
:root .rjc-lbl em{font-style:italic;line-height:1.1}
:root .L-house{background:#140b0e;color:#c4a76d;padding:4.6cqw 5cqw;box-shadow:inset 0 0 0 .8cqw #140b0e,inset 0 0 0 1cqw rgba(196,167,109,.6),0 2.4cqw 5cqw -1.6cqw rgba(0,0,0,.75)!important}
:root .L-house b{font-family:"Cinzel","Cormorant Garamond",Georgia,serif;font-weight:500;font-size:6cqw;letter-spacing:.24em}
:root .L-house em{font-size:4.6cqw;color:#e9dcc0}
:root .L-houses{background:#7a1f2d;box-shadow:inset 0 0 0 .8cqw #7a1f2d,inset 0 0 0 1cqw rgba(233,220,192,.55),0 2.4cqw 5cqw -1.6cqw rgba(0,0,0,.6)!important;color:#ecdcb8}
:root .L-own{background:#f3eee4;color:#3a2f27;padding:4.6cqw 5cqw}
:root .L-own b{font-family:"Cinzel","Cormorant Garamond",Georgia,serif;font-weight:500;font-size:5.6cqw;letter-spacing:.14em;text-transform:uppercase}
:root .L-own em{font-size:4.2cqw;color:#7a1f2d}
@media (max-width:900px){:root .rjc-cta{min-height:44px;display:inline-flex;align-items:center}:root .rjc-arrow{width:44px!important;height:44px!important}}
@media (prefers-reduced-motion:reduce){:root .rjc-cloth,:root .rjc-lbl{transition:none!important}}

/* ---- the swatch: the mill's own woven label on its cloth (photographs supplied by RAJASAB, 27 Sep 2026) ---- */
:root .rjc-shot{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%;display:block;transition:opacity .4s ease,transform 1.4s cubic-bezier(.2,.7,.2,1)}
:root .rjc-plate.is-swap .rjc-shot{opacity:0;transform:scale(1.02)}
:root .rjc-plate.is-swap .rjc-lbl{opacity:0}
:root .rjc-plate::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(8,6,7,.42),transparent 22%,transparent 70%,rgba(8,6,7,.55))}
:root .rjc-count,:root .rjc-nav{z-index:3}
@media (max-width:900px){:root .rjc-plate{aspect-ratio:9/10;max-height:none}}
@media (prefers-reduced-motion:reduce){:root .rjc-shot,:root .rjc-lbl{transition:none!important}}
/* Loro Piana: type label on the house cloth until a corrected photograph arrives */
:root .rjc-lbl .L-side{position:absolute;top:50%;writing-mode:vertical-rl;white-space:nowrap;transform:translateY(-50%);font-size:clamp(6px,1.05cqw,9px)!important;letter-spacing:.18em}
:root .L-lp{background:#173a24;color:#d8b659;box-shadow:inset 0 0 0 .7cqw #173a24,inset 0 0 0 .95cqw #c9a44c,0 2.4cqw 5cqw -1.6cqw rgba(0,0,0,.75)!important;width:106%;margin-left:-3%;padding:4cqw 7cqw}
:root .L-lp em{font-size:6.8cqw}
:root .L-lp strong{font-family:"Cinzel","Cormorant Garamond",Georgia,serif;font-weight:500;font-size:3.8cqw;letter-spacing:.12em;text-transform:uppercase}
:root .L-lp .L-sc{text-transform:none;font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(9px,2.4cqw,19px);letter-spacing:.04em}
:root .L-lp .L-side{right:2.4cqw}
/* desktop: the plate keeps the photographs' own shape so no label is cut; the rail stops at the plate */
@media (min-width:901px){
  :root .rjc-plate{justify-self:end;width:min(100%,calc((100vh - 116px) * .9));height:auto;aspect-ratio:763/848;max-height:none}
  :root .rjc-rail{margin-right:0}
}