/* rj-site-03 — inner pages in the homepage lane's language (hero2 / making2 / bands / home-v2 / rj-home).
   Type, spacing, section heads, CTA and image treatment only; no content, no layout rebuild. Never linked on the homepage. */

/* 1 · the page head: the kicker reads like the homepage hero's — gold, spaced, a fading hairline under it */
:root main .hero .crumb{position:relative;display:block;width:max-content;max-width:100%;font:400 11px/1.4 Inter,system-ui,sans-serif!important;letter-spacing:.3em!important;text-transform:uppercase;color:#D9B878!important;padding-bottom:14px;margin-bottom:22px!important}
:root main .hero .crumb::after{content:"";position:absolute;left:0;bottom:0;width:140px;max-width:100%;height:1px;background:linear-gradient(90deg,#C9A45C,rgba(201,164,92,.2))}
:root main .hero .crumb a{color:inherit!important;opacity:.78}
:root main .hero .crumb a:hover{opacity:1}
:root main .hero h1{font-weight:400!important;line-height:1.1}
:root main .pdp-main h1,:root main h1{font-weight:400!important}

/* 2 · kickers: one voice — Inter, 11px, gold #D9B878, .24em — and the making section's hairline after the words */
:root main .kicker,:root main .kick,:root main .e-head .kick,:root main .ed-head .kick{font-family:Inter,system-ui,sans-serif!important;font-size:11px!important;font-weight:500!important;letter-spacing:.24em!important;text-transform:uppercase;color:#D9B878!important}
:root main section.chapter>.kicker,:root main .split .txt>.kicker,:root main section.qs>.kicker,:root main .visit .kicker,:root main .kick{display:flex;align-items:center;gap:22px}
:root main section.chapter>.kicker::after,:root main .split .txt>.kicker::after,:root main section.qs>.kicker::after,:root main .visit .kicker::after,:root main .kick::after{content:"";flex:0 0 56px;height:1px;background:#C4A76D;opacity:.7}

/* 3 · section heads: Cinzel, uppercase, spaced, as "What we make" and "Fitted at the atelier" */
:root main section.chapter>h2,:root main .split .txt>h2,:root main section.qs>h2,:root main section.close>h2{font-family:Cinzel,"Cormorant Garamond",Georgia,serif!important;font-weight:400!important;font-size:clamp(24px,2.5vw,36px)!important;line-height:1.2!important;letter-spacing:.06em!important;text-transform:uppercase!important;color:#F6F1E8!important}
/* rj-site-02 garment/app pages: same voice, their own sizes kept (the approved tab-9 layout) */
:root main .det-h,:root main #mk-h,:root main #faq-h,:root main #mw-h,:root main .e-head h2,:root main .ed-head h2,:root main .sw-k+h2{font-weight:400!important;letter-spacing:.05em!important;text-transform:uppercase!important;hyphens:manual;-webkit-hyphens:manual}

/* 4 · body copy: small and warm, like the homepage's paragraphs */
:root main section.chapter>p,:root main .split .txt>p,:root main section.qs .a p,:root main .ctasub{font-size:clamp(14px,1.02vw,15px)!important;line-height:1.72!important;letter-spacing:.015em;color:#C9C0B4!important}
:root main section.chapter>p,:root main .split .txt>p{max-width:60ch}

/* 5 · Book a fitting: the homepage's outlined gold button with its arrow (was a text link) */
:root main :is(.ctarow,.pcta) .cta.bookopen,:root main :is(.ctarow,.pcta) button.cta:not(.ghost){display:inline-flex;align-items:center;justify-content:space-between;gap:34px;min-height:56px;padding:0 28px!important;border:1px solid #C4A76D!important;border-radius:0!important;background:rgba(12,8,7,.2)!important;box-shadow:0 0 26px -8px rgba(196,167,109,.55),inset 0 0 14px -6px rgba(196,167,109,.4)!important;font:500 11.5px/1 Inter,system-ui,sans-serif!important;letter-spacing:.26em!important;text-transform:uppercase;color:#F4EEE4!important;transition:background .25s}
:root main :is(.ctarow,.pcta) .cta.bookopen::after,:root main :is(.ctarow,.pcta) button.cta:not(.ghost)::after{content:"";position:static!important;flex:0 0 16px;width:16px!important;height:16px!important;background:#D0AE6E!important;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h16M14 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h16M14 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;transition:transform .25s}
:root main :is(.ctarow,.pcta) .cta.bookopen:hover,:root main :is(.ctarow,.pcta) button.cta:not(.ghost):hover{background:rgba(196,167,109,.12)!important}
:root main :is(.ctarow,.pcta) .cta.bookopen:hover::after,:root main :is(.ctarow,.pcta) button.cta:not(.ghost):hover::after{transform:translateX(3px)}
:root main :is(.ctarow,.pcta) .cta.bookopen:focus-visible,:root main :is(.ctarow,.pcta) button.cta:not(.ghost):focus-visible{outline:1px solid #E1C58C;outline-offset:3px}

/* 6 · the closing invitation: the same thread, a little more air */
:root main section.close>.kicker{margin-bottom:22px}
:root main section.close .ctarow{margin-top:36px}

/* 7 · captions under photographs: the homepage's italic gold line */
:root main .rj-cap{font-family:"Cormorant Garamond",Georgia,serif!important;font-style:italic;font-weight:500;font-size:16px!important;line-height:1.45!important;letter-spacing:.01em!important;text-transform:none!important;color:rgba(217,184,120,.85)!important}
:root main .rj-band>.rj-cap{color:rgba(246,241,232,.9)!important;text-shadow:0 1px 14px rgba(0,0,0,.6)}

/* 8 · photographs: the homepage grade — a touch less saturation, a touch more contrast (garment cards and swatches untouched) */
:root main .rj-hero--panel .rj-img img,:root main .rj-band img,:root main .split .img img,:root main .rj-pair img,:root main .hero .herobg{filter:saturate(.9) contrast(1.04)}

@media (max-width:760px){
  :root main .hero .crumb{letter-spacing:.22em!important;width:auto}
  :root main section.chapter>.kicker::after,:root main .split .txt>.kicker::after,:root main section.qs>.kicker::after,:root main .visit .kicker::after,:root main .kick::after{flex-basis:40px}
  :root main :is(.ctarow,.pcta) .cta.bookopen,:root main :is(.ctarow,.pcta) button.cta:not(.ghost){width:100%;max-width:420px}
}
@media (prefers-reduced-motion:reduce){:root main :is(.ctarow,.pcta) .cta.bookopen::after,:root main :is(.ctarow,.pcta) button.cta:not(.ghost)::after{transition:none}}