/* rj-costs — "What it costs" (homepage §III). Namespace .rjc-, no global rules. */
:root .rjc{--rjc-ground:#F1ECE4;--rjc-card:#F6F2EC;--rjc-card-on:#E9DFD2;--rjc-ink:#15100E;--rjc-ink2:#4A403A;--rjc-mute:#7A6E66;--rjc-line:rgba(21,16,14,.12);--rjc-accent:#9C7F5C;--rjc-noir:#0C0A0B;
  position:relative;background:var(--rjc-ground);color:var(--rjc-ink);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden}
:root .rjc *,:root .rjc *::before,:root .rjc *::after{box-sizing:border-box}
:root .rjc :where(button){font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer;-webkit-appearance:none;appearance:none;border-radius:0}
:root .rjc-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
:root .rjc-copy{position:relative;z-index:2;padding:clamp(48px,5vw,72px) 0 clamp(44px,4.4vw,64px) clamp(24px,6.8vw,98px);min-width:0}
:root .rjc-kick{display:flex;align-items:center;gap:16px;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--rjc-accent);margin:0 0 24px;max-width:410px}
:root .rjc-kick i{flex:1;height:1px;background:currentColor;opacity:.45}
:root .rjc-h2{font-family:"Cormorant Garamond",Cormorant,Georgia,serif;font-weight:500;font-size:clamp(46px,5.1vw,76px);line-height:1.02;letter-spacing:-.01em;margin:0 0 20px;color:var(--rjc-ink);text-transform:none}
:root .rjc-lede{font-family:"Cormorant Garamond",Cormorant,Georgia,serif;font-size:clamp(21px,1.9vw,28px);line-height:1.3;color:var(--rjc-ink2);margin:0 0 clamp(30px,3.2vw,46px);max-width:30ch}
/* mill rail: runs past the column edge and over the photograph, as drawn */
:root .rjc-rail{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent);display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:6px;scrollbar-width:none;margin:0 calc(-1 * clamp(100px,10.6vw,160px)) 0 -6px;padding:6px 6px 14px;position:relative;z-index:3}
:root .rjc-rail::-webkit-scrollbar{display:none}
:root .rjc-tab{position:relative;flex:0 0 auto;width:clamp(118px,9.4vw,146px);min-height:126px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:16px 10px;text-align:center;background:#F4EFE8;border:1px solid var(--rjc-line)!important;scroll-snap-align:start;transition:background .35s,box-shadow .35s,transform .35s}
:root .rjc-tab:hover{background:#FBF8F3}
:root .rjc-tab:focus-visible{outline:1px solid var(--rjc-accent);outline-offset:3px}
:root .rjc-tab[aria-selected="true"]{background:var(--rjc-card-on);border-color:#fff!important;box-shadow:0 0 0 2px rgba(255,255,255,.9),0 14px 30px -18px rgba(21,16,14,.45);width:clamp(150px,12.4vw,182px);min-height:144px}
:root .rjc-tn{font-family:"Cormorant Garamond",Cormorant,Georgia,serif;font-size:19px;line-height:1.1;letter-spacing:.06em;text-transform:uppercase;color:var(--rjc-ink)}
:root .rjc-tab[aria-selected="true"] .rjc-tn{font-size:25px}
:root .rjc-tf{font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--rjc-ink2);line-height:1.55;max-width:13ch}
:root .rjc-tc{font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--rjc-mute)}
:root .rjc-go{position:absolute;right:-12px;bottom:14px;width:34px;height:34px;border-radius:50%;background:var(--rjc-accent);color:#fff;display:none;align-items:center;justify-content:center;box-shadow:0 0 0 3px var(--rjc-ground)}
:root .rjc-tab[aria-selected="true"] .rjc-go{display:flex}
:root .rjc-go svg{width:14px;height:14px}
/* detail */
:root .rjc-detail{margin-top:clamp(30px,3.4vw,48px);max-width:600px;transition:opacity .35s ease}
:root .rjc-detail.is-swap{opacity:0}
:root .rjc-name{font-family:"Cormorant Garamond",Cormorant,Georgia,serif;font-weight:500;font-size:clamp(30px,2.6vw,38px);line-height:1;letter-spacing:.04em;margin:0 0 12px;text-transform:uppercase}
:root .rjc-full{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--rjc-ink2);margin:0 0 16px}
:root .rjc-desc{font-size:14.5px;line-height:1.62;letter-spacing:.02em;color:var(--rjc-mute);margin:0 0 28px;max-width:44ch}
:root .rjc-rows{list-style:none;margin:0;padding:0;border-top:1px solid var(--rjc-line)}
:root .rjc-row{display:grid;grid-template-columns:78px minmax(0,1fr) auto;align-items:center;gap:0 28px;padding:10px 0;border-bottom:1px solid var(--rjc-line)}
:root .rjc-row img{width:78px;height:68px;object-fit:cover;display:block;background:#d9d1c6}
:root .rjc-rt{font-family:"Cormorant Garamond",Cormorant,Georgia,serif;font-size:21px;line-height:1.2;color:var(--rjc-ink);margin:0 0 3px;letter-spacing:.02em}
:root .rjc-rs{font-size:13px;letter-spacing:.04em;color:var(--rjc-mute);margin:0}
:root .rjc-rp{text-align:right}
:root .rjc-rv{font-family:"Cormorant Garamond",Cormorant,Georgia,serif;font-size:clamp(22px,1.8vw,27px);line-height:1.1;color:var(--rjc-ink);white-space:nowrap;margin:0 0 3px;font-variant-numeric:lining-nums}
:root .rjc-rn{font-size:12.5px;letter-spacing:.04em;color:var(--rjc-mute);margin:0}
:root .rjc-foot{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px 28px;margin-top:22px}
:root .rjc-range{font-size:13px;line-height:1.55;color:var(--rjc-mute);margin:0;max-width:40ch}
:root .rjc-cta{position:relative;font-size:11px!important;letter-spacing:.22em;text-transform:uppercase;color:var(--rjc-ink)!important;padding:6px 0!important;white-space:nowrap}
:root .rjc-cta::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--rjc-accent);transform-origin:left;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
:root .rjc-cta:hover::after{transform:scaleX(.35)}
/* the photograph */
:root .rjc-plate{position:sticky;top:clamp(80px,6vw,96px);z-index:1;align-self:start;background:var(--rjc-noir);overflow:hidden;height:clamp(560px,calc(100vh - 116px),980px);margin:clamp(40px,4vw,56px) 0;container-type:size}
:root .rjc-art{position:absolute;left:50%;top:50%;aspect-ratio:580/765;width:max(100%,calc(100cqh * 580 / 765));transform:translate(-50%,-50%)}
:root .rjc-art>img{position:absolute;inset:0;width:100%;height:100%;display:block;transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
:root .rjc-plate.is-swap .rjc-art>img{transform:scale(1.025)}
:root .rjc-plate::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 90% at 50% 60%,transparent 55%,rgba(8,6,7,.55));pointer-events:none}
:root .rjc-count{position:absolute;top:clamp(28px,4vw,46px);right:clamp(28px,4vw,54px);z-index:3;font-size:14px;letter-spacing:.2em;color:rgba(255,255,255,.82);font-variant-numeric:tabular-nums}
/* woven label: set in type over the cloth, so every mill reads true */
:root .rjc-label{position:absolute;z-index:2;left:47%;top:65.8%;width:86.5%;aspect-ratio:476/282;transform:translate(-50%,-50%) rotate(17.6deg);background:repeating-linear-gradient(45deg,rgba(255,255,255,.028) 0 1px,transparent 1px 3px),repeating-linear-gradient(-45deg,rgba(0,0,0,.25) 0 1px,transparent 1px 3px),#221c19;box-shadow:0 18px 40px -12px rgba(0,0,0,.8),inset 0 0 0 1px rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;transition:opacity .45s ease}
:root .rjc-label::before{content:"";position:absolute;inset:4.5% 3.4%;border:1.5px solid #2c49b4;opacity:.85}
:root .rjc-plate.is-swap .rjc-label{opacity:0}
:root .rjc-lab{position:relative;text-align:center;color:#d9b36a;padding:0 9%;width:100%}
:root .rjc-lo{display:block;width:30%;height:14px;margin:0 auto 8px;border-bottom:1px solid rgba(217,179,106,.55);position:relative}
:root .rjc-lo::after{content:"";position:absolute;left:50%;bottom:-4px;width:7px;height:7px;margin-left:-4px;border:1px solid rgba(217,179,106,.8);transform:rotate(45deg);background:#221c19}
:root .rjc-ln{display:block;font-family:"Cormorant Garamond",Cormorant,Georgia,serif;font-weight:600;font-size:clamp(18px,2.25vw,33px);letter-spacing:.05em;line-height:1.08;text-transform:uppercase;text-shadow:0 1px 0 rgba(0,0,0,.5)}
:root .rjc-ly{display:block;font-family:"Cormorant Garamond",Cormorant,Georgia,serif;font-weight:600;font-size:clamp(15px,1.5vw,22px);letter-spacing:.08em;margin-top:6px}
:root .rjc-lq{display:block;font-family:"Cormorant Garamond",Cormorant,Georgia,serif;font-style:italic;font-weight:500;font-size:clamp(17px,1.9vw,28px);margin-top:4px;min-height:1em}
:root .rjc-lp{display:block;font-size:clamp(8px,.72vw,10.5px);letter-spacing:.22em;text-transform:uppercase;margin-top:10px;opacity:.9}
:root .rjc-nav{position:absolute;z-index:3;left:clamp(28px,4vw,54px);right:clamp(28px,4vw,54px);bottom:clamp(28px,4vw,56px);display:flex;align-items:center;gap:22px}
:root .rjc-arrow{flex:0 0 auto;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.72)!important;color:#fff!important;display:flex;align-items:center;justify-content:center;transition:background .3s,color .3s}
:root .rjc-arrow:hover{background:#fff!important;color:var(--rjc-noir)!important}
:root .rjc-arrow:focus-visible{outline:1px solid #fff;outline-offset:3px}
:root .rjc-arrow svg{width:16px;height:16px}
:root .rjc-bars{flex:1;display:flex;gap:8px;max-width:260px}
:root .rjc-bar{flex:1;height:14px;position:relative}
:root .rjc-bar::before{content:"";position:absolute;left:0;right:0;top:6px;height:2px;background:rgba(255,255,255,.28);transition:background .4s}
:root .rjc-bar[aria-current="true"]::before{background:#fff}
@media (max-width:1100px){:root .rjc-copy{padding-left:32px}:root .rjc-rail{margin-right:-90px}}
@media (max-width:900px){
  :root .rjc-grid{grid-template-columns:1fr;min-height:0}
  :root .rjc-copy{padding:64px 20px 8px;display:contents}
  :root .rjc-head{order:1;padding:64px 20px 0}
  :root .rjc-rail{order:2;margin:0;padding:6px 20px 14px;scroll-padding-inline:20px}
  :root .rjc-plate{order:3;position:relative;top:auto;margin:18px 20px 0;height:auto;aspect-ratio:4/5;max-height:78vh}
  :root .rjc-detail{order:4;padding:0 20px 64px;max-width:none;margin-top:36px}
  :root .rjc-tab{width:122px;min-height:112px}:root .rjc-tab[aria-selected="true"]{width:150px;min-height:124px}
  :root .rjc-tab[aria-selected="true"] .rjc-tn{font-size:21px}
  :root .rjc-go{right:-8px;width:30px;height:30px}
  
  :root .rjc-ln{font-size:clamp(15px,4.6vw,24px)}:root .rjc-ly{font-size:clamp(13px,3.6vw,19px)}:root .rjc-lq{font-size:clamp(15px,4.4vw,23px)}:root .rjc-lp{font-size:clamp(7px,2vw,9.5px)}
  :root .rjc-nav{gap:14px}:root .rjc-arrow{width:42px;height:42px}
}
@media (max-width:520px){
  :root .rjc-row{grid-template-columns:62px minmax(0,1fr) auto;gap:0 16px}
  :root .rjc-row img{width:62px;height:56px}
  :root .rjc-rt{font-size:19px}:root .rjc-rv{font-size:21px}:root .rjc-rs,:root .rjc-rn{font-size:12px}
}
@media (prefers-reduced-motion:reduce){:root .rjc *{transition:none!important}}