/* rj-worn — "IV · Worn by". Namespace .rjn- */
:root .rjn{position:relative;background:#0E0A0B;color:#F1EADF;font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden;overflow:clip;border-top:1px solid rgba(196,167,109,.08);border-bottom:1px solid rgba(196,167,109,.08)}
:root .rjn *,:root .rjn *::before,:root .rjn *::after{box-sizing:border-box}
:root .rjn :where(button){font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer;border-radius:0}
:root .rjn :where(a){color:inherit;text-decoration:none}
:root .rjn :where(p,:root h2,:root h3){margin:0}
:root .rjn-grid{display:grid;grid-template-columns:minmax(0,.3fr) minmax(0,1fr);gap:clamp(24px,2.6vw,48px);align-items:stretch;padding:clamp(18px,1.4vw,26px) 0 clamp(18px,1.4vw,26px) clamp(24px,4.4vw,80px);min-height:clamp(380px,32vw,560px)}
:root .rjn-copy{display:flex;flex-direction:column;padding:clamp(22px,2.4vw,44px) 0 clamp(14px,1.4vw,24px);min-width:0}
:root .rjn-k{font-size:clamp(11px,.72vw,13px)!important;letter-spacing:.3em;text-transform:uppercase;color:#CFC6BA;margin-bottom:clamp(16px,1.4vw,24px)!important}
:root .rjn-h{font-family:"Cormorant Garamond",Georgia,serif!important;font-weight:500!important;font-size:clamp(34px,2.9vw,54px)!important;line-height:1.02!important;letter-spacing:0!important;text-transform:none!important;color:#F6F1E8!important;margin:0 0 18px!important}
:root .rjn-p{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(16px,1.08vw,19px)!important;line-height:1.35;color:#CFC6BA;max-width:22em;margin-bottom:clamp(18px,1.6vw,28px)!important}
:root .rjn-all{align-self:flex-start;display:inline-flex;align-items:center;gap:12px;font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(15px,.98vw,17px)!important;color:#F1EADF!important;padding-bottom:6px;border-bottom:1px solid rgba(241,234,223,.55)}
:root .rjn-all svg{width:16px;height:16px;transition:transform .3s}:root .rjn-all:hover svg{transform:translateX(3px)}
:root .rjn-meter{margin-top:auto;padding-top:26px;display:flex;align-items:center;gap:clamp(22px,2.4vw,44px)}
:root .rjn-count{font-size:12px;letter-spacing:.18em;color:#CFC6BA;white-space:nowrap}:root .rjn-count b{font-weight:500;color:#F6F1E8}
:root .rjn-bars{display:flex;gap:6px;flex:1;max-width:220px}
:root .rjn-bar{flex:1;height:14px;position:relative}
:root .rjn-bar::before{content:"";position:absolute;left:0;right:0;top:6px;height:1px;background:rgba(241,234,223,.28);transition:all .35s}
:root .rjn-bar[aria-current="true"]::before{top:5px;height:2px;background:#F6F1E8}
:root .rjn-bar:focus-visible,:root .rjn-arrow:focus-visible,:root .rjn-s:focus-visible{outline:1px solid #D9B878;outline-offset:3px}
/* the stage */
:root .rjn-stage{position:relative;min-width:0;overflow:hidden}
:root .rjn-track{display:flex;gap:clamp(8px,.8vw,14px);height:100%;align-items:center}
:root .rjn-s{position:relative;display:block;flex:0 0 17%;height:92%;overflow:hidden;background:#1A1210;opacity:.42;transition:flex-basis .7s cubic-bezier(.2,.7,.2,1),height .7s cubic-bezier(.2,.7,.2,1),opacity .6s;filter:saturate(.85)}
:root .rjn-s img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
:root .rjn-s.on{flex-basis:58%;height:100%;opacity:1;filter:none;cursor:default}
:root .rjn-s:not(.on):hover{opacity:.6}
:root .rjn-s::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,7,6,.72) 0%,rgba(10,7,6,.15) 38%,transparent 60%);opacity:0;transition:opacity .5s;pointer-events:none}
:root .rjn-s.on::after{opacity:1}
:root .rjn-cap{position:absolute;z-index:2;left:clamp(18px,2.2vw,36px);right:clamp(18px,2.2vw,36px);bottom:clamp(18px,2vw,32px);display:flex;align-items:flex-end;justify-content:space-between;gap:20px;opacity:0;transform:translateY(8px);transition:opacity .45s .2s,transform .45s .2s;pointer-events:none}
:root .rjn-s.on .rjn-cap{opacity:1;transform:none}
:root .rjn-cap b{display:block;font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;font-size:clamp(17px,1.25vw,22px);letter-spacing:.14em;text-transform:uppercase;color:#F6F1E8;margin-bottom:8px}
:root .rjn-cap span{display:block;font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(15px,1.05vw,18px);line-height:1.35;color:#E8DFD2;max-width:26em}
:root .rjn-cap i{font-style:normal;font-size:12px;letter-spacing:.18em;color:#F6F1E8;white-space:nowrap}
:root .rjn-arrow{position:absolute;z-index:3;top:50%;width:clamp(46px,3.3vw,58px);height:clamp(46px,3.3vw,58px);margin-top:calc(clamp(46px,3.3vw,58px) / -2);border-radius:50%!important;border:1px solid rgba(246,241,232,.6)!important;background:rgba(14,10,11,.35)!important;color:#F6F1E8!important;display:flex;align-items:center;justify-content:center;transition:background .25s,border-color .25s}
:root .rjn-arrow:hover{background:rgba(246,241,232,.12)!important;border-color:#fff!important}
:root .rjn-arrow svg{width:18px;height:18px}
:root .rjn-arrow[data-step="-1"]{left:calc(17% - clamp(23px,1.65vw,29px) + 4px)}
:root .rjn-arrow[data-step="1"]{right:calc(17% - clamp(23px,1.65vw,29px) + 12px)}
@media (max-width:900px){
  :root .rjn-grid{grid-template-columns:1fr;padding:44px 0 36px;min-height:0;gap:22px}
  :root .rjn-copy{padding:0 20px}
  :root .rjn-meter{padding-top:22px}
  :root .rjn-stage{height:clamp(420px,118vw,560px)}
  :root .rjn-track{padding:0 20px}
  :root .rjn-s{flex-basis:14%}:root .rjn-s.on{flex-basis:78%}
  :root .rjn-arrow{top:auto;bottom:18px;margin:0}:root .rjn-arrow[data-step="-1"]{left:auto;right:84px}:root .rjn-arrow[data-step="1"]{right:28px}
  :root .rjn-cap{flex-direction:column;align-items:flex-start;padding-right:110px;gap:10px}
}
@media (prefers-reduced-motion:reduce){:root .rjn *{transition:none!important}}