/* rj-home-mills-07 — the cloth rail shows each mill's own mark (logo tiles) with a foil-light hover / select.
   Loaded after costs3.e25580f327.css. Only touches .rjc-tab internals + motion. */
:root .rjc-tab{--rjc-gold:#C4A76D;transition:background .35s,box-shadow .45s,transform .45s cubic-bezier(.2,.8,.2,1),width .45s cubic-bezier(.2,.8,.2,1),min-height .45s cubic-bezier(.2,.8,.2,1)!important;animation:rjcIn .55s cubic-bezier(.2,.8,.2,1) backwards;animation-delay:calc(var(--i,0) * 55ms);overflow:visible;gap:9px}
:root .rjc-tab.has-lg{justify-content:center}
:root .rjc-lg{display:block;width:var(--lw,70%);aspect-ratio:var(--ar,3);flex:none;
  -webkit-mask:var(--lg) center/contain no-repeat;mask:var(--lg) center/contain no-repeat;
  background:linear-gradient(105deg,var(--rjc-ink) 0 40%,#E6D2A2 47%,var(--rjc-gold) 50%,#E6D2A2 53%,var(--rjc-ink) 60% 100%);
  background-size:320% 100%;background-position:100% 0;opacity:.8;
  transition:opacity .45s ease,transform .5s cubic-bezier(.2,.8,.2,1),filter .45s ease}
:root .rjc-tab.has-lg .rjc-tc{transition:opacity .4s ease,letter-spacing .5s cubic-bezier(.2,.8,.2,1),color .4s;opacity:.75}
:root .rjc-sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
/* the gold hairline that draws in from the centre */
:root .rjc-ln{position:absolute;left:50%;bottom:12px;width:44%;height:1px;background:var(--rjc-gold);transform:translateX(-50%) scaleX(0);transform-origin:50% 50%;transition:transform .55s cubic-bezier(.2,.8,.2,1);pointer-events:none}
/* selected: the mark comes up to full ink, a single pass of foil light crosses it */
:root .rjc-tab[aria-selected="true"] .rjc-lg{opacity:1;transform:scale(1.06);animation:rjcFoil 1.1s cubic-bezier(.3,.6,.2,1) .12s both}
:root .rjc-tab[aria-selected="true"] .rjc-tc{opacity:1;color:var(--rjc-ink2)}
:root .rjc-tab[aria-selected="true"] .rjc-ln{transform:translateX(-50%) scaleX(1)}
/* hover (mouse only): lift, full ink, foil pass, hairline */
@media (hover:hover) and (pointer:fine){
  :root .rjc-tab:hover{transform:translateY(-4px);box-shadow:0 18px 30px -22px rgba(21,16,14,.5)}
  :root .rjc-tab[aria-selected="true"]:hover{transform:translateY(-2px)}
  :root .rjc-tab:hover .rjc-lg{opacity:1;transform:scale(1.05);animation:rjcFoil 1s cubic-bezier(.3,.6,.2,1) both}
  :root .rjc-tab:hover .rjc-tc{opacity:1;letter-spacing:.26em}
  :root .rjc-tab:hover .rjc-ln{transform:translateX(-50%) scaleX(1)}
}
/* the press */
:root .rjc-tab:active{transform:scale(.97)!important;transition-duration:.12s!important}
@keyframes rjcFoil{from{background-position:100% 0}to{background-position:0 0}}
@keyframes rjcIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  :root .rjc-tab,:root .rjc-lg,:root .rjc-ln,:root .rjc-tc{animation:none!important;transition:none!important}
  :root .rjc-tab:hover,:root .rjc-tab[aria-selected="true"] .rjc-lg,:root .rjc-tab:hover .rjc-lg{transform:none!important}
}
@media (max-width:700px){
  :root .rjc-ln{bottom:10px}
}