/* rj-nav4 (rj-site-03) — the toolbar: GARMENTS (one roof, quiet panel on hover/focus) · FABRIC · BESPOKE · JOURNAL · THE APP,
   Book a fitting, menu. Replaces rjnav3 on every page; keeps its rn3 classes so the homepage lane's fixes still apply. */
:root nav#nav.rn3{display:flex!important;align-items:center;gap:clamp(20px,3vw,60px);height:84px;padding:0 clamp(18px,3.4vw,66px) 0 clamp(18px,7.2vw,138px);transition:background .45s ease,backdrop-filter .45s ease,height .35s ease,border-color .45s}
:root nav#nav.rn3.rn3-clear{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-color:transparent!important;box-shadow:none!important}
:root nav#nav.rn3 .rn-sub,:root nav#nav.rn3 .rn-links,:root nav#nav.rn3 .rn-ward,:root nav#nav.rn3 .rn-burger{display:none!important}
:root nav#nav.rn3 .rn-mark{flex:0 0 auto;text-decoration:none!important;border:0!important}
:root nav#nav.rn3 .rn-word{font-family:Cinzel,"Cormorant Garamond",Georgia,serif;font-size:clamp(19px,1.45vw,26px);letter-spacing:.42em;color:#F6F1E8}
/* the flat row */
:root .rn3-flat{display:flex;align-items:center;gap:clamp(22px,3vw,60px);margin:0 auto 0 clamp(20px,6vw,140px);padding:0;list-style:none;height:100%}
:root .rn3-flat>li{position:relative;display:flex;align-items:center;height:100%;margin:0;padding:0}
:root .rn3-flat>li>a{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-family:Inter,system-ui,sans-serif;font-size:clamp(11px,.78vw,13.5px);letter-spacing:.22em;text-transform:uppercase;color:#EFE8DD;text-decoration:none;padding:0;position:relative;white-space:nowrap;transition:color .25s}
:root .rn3-flat>li>a::after{content:"";position:absolute;left:0;right:0;bottom:9px;height:1px;background:#D9B878;transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
:root .rn3-flat>li>a:hover::after,:root .rn3-flat>li>a.here::after,:root .rn4-g.open>a::after{transform:scaleX(1)}
:root .rn3-flat>li>a:focus-visible{outline:1px solid #D9B878;outline-offset:6px}
:root .rn4-gl svg{width:9px;height:9px;margin-top:-2px;color:#D9B878;transition:transform .3s ease}
:root .rn4-gl::after{right:19px!important}
:root .rn4-g.open .rn4-gl svg{transform:rotate(180deg)}
/* the garments panel */
:root .rn4-drop{position:absolute;top:100%;left:-34px;z-index:5;width:max-content;min-width:470px;padding:30px 34px 26px;background:rgba(11,8,8,.99);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(217,184,120,.16);border-top-color:rgba(217,184,120,.42);box-shadow:0 30px 60px -30px rgba(0,0,0,.8);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .28s ease,transform .28s ease,visibility 0s linear .28s}
:root .rn4-drop::before{content:"";position:absolute;left:0;right:0;top:-18px;height:18px}
:root .rn4-g.open>.rn4-drop{opacity:1;visibility:visible;transform:none;transition:opacity .28s ease,transform .28s ease,visibility 0s}
:root .rn4-dk{display:flex;align-items:center;gap:18px;margin:0 0 14px!important;font-family:Inter,system-ui,sans-serif;font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;color:#D9B878}
:root .rn4-dk i{flex:0 0 64px;height:1px;background:linear-gradient(90deg,#C9A45C,rgba(201,164,92,.15))}
:root .rn4-dl{display:grid;grid-template-columns:repeat(3,minmax(128px,auto));gap:0 34px;margin:0;padding:0;list-style:none}
:root .rn4-dl li{margin:0;padding:0}
:root .rn4-dl a{display:flex;align-items:center;min-height:44px;font-family:Cinzel,"Cormorant Garamond",Georgia,serif;font-size:15px;letter-spacing:.06em;color:#F2ECE2!important;text-decoration:none!important;white-space:nowrap;border-bottom:1px solid rgba(239,232,221,.08);transition:color .2s}
:root .rn4-dl a:hover,:root .rn4-dl a.here{color:#D9B878!important}
:root .rn4-dl a:focus-visible,:root .rn4-all:focus-visible{outline:1px solid #D9B878;outline-offset:3px}
:root .rn4-all{display:inline-flex;align-items:center;gap:14px;min-height:44px;margin-top:14px;font-family:Inter,system-ui,sans-serif;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#D9B878!important;text-decoration:none!important}
:root .rn4-all svg{width:15px;height:15px}
:root .rn4-all:hover{color:#F1D9A5!important}
/* right side */
:root nav#nav.rn3 .rn-side{display:flex;align-items:center;gap:clamp(18px,2.6vw,56px);margin-left:auto}
:root nav#nav.rn3 .rn-cta{display:inline-flex!important;align-items:center;gap:14px;height:56px;padding:0 34px!important;border:1px solid rgba(217,184,120,.8)!important;border-radius:999px!important;background:rgba(12,8,7,.18)!important;color:#D9B878!important;font-family:Inter,system-ui,sans-serif!important;font-size:12.5px!important;letter-spacing:.24em!important;text-transform:uppercase;box-shadow:none!important;white-space:nowrap;text-decoration:none!important;transition:background .25s,color .25s}
:root nav#nav.rn3 .rn-cta:hover{background:rgba(217,184,120,.14)!important;color:#F1D9A5!important}
:root nav#nav.rn3 .rn-cta::before,:root nav#nav.rn3 .rn-cta::after{display:none!important}
:root .rn3-chev{width:14px;height:14px}
:root .rn3-burger{position:relative;display:flex;flex-direction:column;justify-content:center;gap:8px;width:44px;height:44px;background:none;border:0;padding:0 5px;cursor:pointer}
:root .rn3-burger span{display:block;height:1px;background:#EFE8DD;transition:transform .35s,opacity .35s}
:root .rn3-burger:focus-visible{outline:1px solid #D9B878;outline-offset:2px}
:root .rn3-open .rn3-burger span:first-child{transform:translateY(4.5px) rotate(45deg)}
:root .rn3-open .rn3-burger span:last-child{transform:translateY(-4.5px) rotate(-45deg)}
/* the menu panel */
:root .rn3-panel{position:fixed;inset:0;z-index:2147482000;background:radial-gradient(80% 70% at 80% 0%,rgba(92,62,34,.35),transparent 60%),#0A0707;color:#EFE8DD;display:none;overflow:auto;overscroll-behavior:contain;padding:clamp(100px,14vh,140px) clamp(20px,7.2vw,138px) 50px;font-family:Inter,system-ui,sans-serif}
:root .rn3-panel.open{display:block;animation:rn3In .35s ease both}
@keyframes rn3In{from{opacity:0}to{opacity:1}}
:root .rn3-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px 60px;max-width:1300px}
:root .rn3-col h3{font-family:Inter,system-ui,sans-serif!important;font-weight:400!important;font-size:11px!important;letter-spacing:.3em!important;text-transform:uppercase!important;color:#D9B878!important;margin:0 0 18px!important;padding-bottom:12px;border-bottom:1px solid rgba(217,184,120,.3)}
:root .rn3-col a{display:flex;align-items:center;min-height:44px;font-family:Cinzel,"Cormorant Garamond",Georgia,serif;font-size:clamp(16px,1.3vw,21px);line-height:1.3;color:#F2ECE2!important;text-decoration:none;padding:0;transition:color .2s}
:root .rn3-col a:hover,:root .rn3-col a.here{color:#D9B878!important}
:root .rn3-col a:focus-visible,:root .rn3-foot a:focus-visible{outline:1px solid #D9B878;outline-offset:2px}
:root .rn4-colg{grid-column:span 2}
:root .rn4-colg .rn4-gg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px}
:root .rn4-colg a.rn4-pall{font-family:Inter,system-ui,sans-serif;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#D9B878!important}
:root .rn3-foot{display:flex;flex-wrap:wrap;gap:6px 40px;align-items:center;margin-top:54px;padding-top:20px;border-top:1px solid rgba(239,232,221,.12);max-width:1300px}
:root .rn3-foot a{display:inline-flex;align-items:center;min-height:44px;color:#EFE8DD!important;text-decoration:none;font-size:12px;letter-spacing:.24em;text-transform:uppercase}
:root .rn3-foot a.rn3-gold{color:#D9B878!important;border-bottom:1px solid #D9B878;min-height:44px}
html:root.rn3-lock,html:root.rn3-lock body{overflow:hidden}
:root .rn3-open{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
:root nav#nav.rn3.rn3-open{z-index:2147482001!important}
@media (max-width:1100px){:root .rn3-flat{display:none}}
@media (max-width:760px){
  :root .rn4-colg{grid-column:auto}
  :root .rn4-colg .rn4-gg{gap:0 18px}
}
@media (max-width:640px){
  :root nav#nav.rn3{height:68px;gap:12px}
  :root nav#nav.rn3 .rn-word{font-size:17px;letter-spacing:.34em}
  :root nav#nav.rn3 .rn-cta{height:44px;padding:0 16px!important;font-size:10px!important;letter-spacing:.18em!important}
  :root nav#nav.rn3 .rn-side{gap:10px}
  :root .rn3-panel{padding-top:92px}
  :root .rn3-cols{gap:34px}
  :root .rn3-col a{font-size:16px}
}
@media (max-width:360px){:root nav#nav.rn3 .rn-cta .rn3-chev{display:none}:root nav#nav.rn3 .rn-cta{padding:0 12px!important}}
@media (prefers-reduced-motion:reduce){
  :root .rn4-drop,:root .rn4-g.open>.rn4-drop,:root .rn3-flat>li>a::after,:root .rn4-gl svg,:root .rn3-burger span,:root nav#nav.rn3{transition:none!important}
  :root .rn4-drop{transform:none}
  :root .rn3-panel.open{animation:none}
}