/* rj-hero3 — homepage hero: a strip of the people we have dressed, one line, two doors. Namespace .rjh- */
:root .rjh{position:relative;height:max(620px,100vh);height:max(620px,100svh);max-height:1100px;overflow:hidden;background:#0B0807;color:#F3EDE3;font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;isolation:isolate}
:root .rjh *,:root .rjh *::before,:root .rjh *::after{box-sizing:border-box}
:root .rjh :where(button){font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer;border-radius:0;text-transform:none;letter-spacing:normal}
:root .rjh :where(a){color:inherit;text-decoration:none}
:root .rjh :where(p,:root h1){margin:0}
:root .rjh-strip{position:absolute;inset:0;overflow:hidden;z-index:0}:root .rjh-p img{z-index:0}:root .rjh-p::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,rgba(9,6,5,.7),transparent 26%)}
:root .rjh-track{display:flex;height:100%;will-change:transform}
:root .rjh-p{position:relative;flex:0 0 calc(100% / var(--rjh-v,4));height:100%;overflow:hidden;display:block}
:root .rjh-p+.rjh-p{box-shadow:-1px 0 0 rgba(0,0,0,.35)}
:root .rjh-p img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.86) contrast(1.03);transform:scale(1.04);transition:transform 1.6s cubic-bezier(.2,.7,.2,1),filter .6s}
:root .rjh-p:hover img{transform:scale(1.07);filter:saturate(.95)}
:root .rjh-cap{position:absolute;left:clamp(18px,1.8vw,30px);right:18px;bottom:clamp(26px,4vh,40px);z-index:2;display:flex;flex-direction:column;gap:5px;pointer-events:none;text-shadow:0 1px 12px rgba(0,0,0,.6)}
:root .rjh-cap b{font-family:Cinzel,"Cormorant Garamond",Georgia,serif;font-weight:400;font-size:15px;letter-spacing:.08em}
:root .rjh-cap i{font-style:normal;font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:#D9B878}

:root .rjh-p:focus-visible{outline:1px solid #D9B878;outline-offset:-6px}
:root .rjh-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(9,6,5,.78) 0%,rgba(9,6,5,.55) 30%,rgba(9,6,5,.12) 62%,rgba(9,6,5,0) 80%),linear-gradient(180deg,rgba(9,6,5,.55),transparent 18%);-webkit-mask-image:linear-gradient(0deg,transparent 0,transparent 15%,#000 30%);mask-image:linear-gradient(0deg,transparent 0,transparent 15%,#000 30%)}
:root .rjh-copy{position:absolute;z-index:3;left:clamp(20px,7.2vw,138px);right:clamp(20px,4vw,60px);top:50%;transform:translateY(-38%);max-width:1100px;pointer-events:none}
:root .rjh-copy>*{pointer-events:auto}
:root .rjh-kick{display:inline-block;font-size:clamp(11px,.85vw,14px);letter-spacing:.3em;text-transform:uppercase;color:#D9B878;padding-bottom:14px;margin-bottom:18px!important;position:relative}
:root .rjh-kick::after{content:"";position:absolute;left:4px;bottom:0;width:140px;height:1px;background:linear-gradient(90deg,#C9A45C,rgba(201,164,92,.2))}
:root .rjh-h{font-family:Cinzel,"Cormorant Garamond",Georgia,serif!important;font-weight:400!important;font-size:clamp(34px,4.1vw,76px)!important;line-height:1.1!important;letter-spacing:.005em!important;text-transform:none!important;color:#F6F1E8!important;text-shadow:0 2px 30px rgba(0,0,0,.45);margin:0 0 clamp(26px,2.6vw,40px)!important}
:root .rjh-h span{display:block;opacity:0;transform:translateY(14px);animation:rjhUp 1s cubic-bezier(.2,.7,.2,1) forwards}
:root .rjh-h span+span{animation-delay:.16s}
@keyframes rjhUp{to{opacity:1;transform:none}}
:root .rjh-ctas{display:flex;flex-wrap:wrap;gap:clamp(14px,1.8vw,34px)}
:root .rjh-btn{display:inline-flex;align-items:center;justify-content:center;gap:clamp(18px,2vw,44px);min-height:clamp(54px,3.8vw,70px);padding:0 clamp(26px,2.6vw,48px);border-radius:6px;font-size:clamp(12px,.9vw,15px)!important;letter-spacing:.24em;text-transform:uppercase;font-weight:500;white-space:nowrap;transition:filter .25s,background .25s,border-color .25s}
:root .rjh-btn svg{width:18px;height:18px;flex:0 0 auto}
:root .rjh-gold{background:linear-gradient(180deg,#E6C993,#CFA868 60%,#BE9656);color:#1C130B!important;box-shadow:0 12px 34px -14px rgba(207,168,104,.7),inset 0 1px 0 rgba(255,255,255,.4)}
:root .rjh-gold:hover{filter:brightness(1.07)}
:root .rjh-line{border:1px solid rgba(217,184,120,.55)!important;background:rgba(12,8,7,.28);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:#F3EDE3!important;gap:clamp(16px,1.6vw,34px)}
:root .rjh-line:hover{border-color:#D9B878!important;background:rgba(12,8,7,.45)}
:root .rjh-line svg:first-child{width:28px;height:28px;color:#D9B878}
:root .rjh-foot{position:absolute;z-index:3;right:clamp(20px,3vw,56px);bottom:clamp(96px,13vh,130px);display:flex;align-items:center}
:root .rjh-count{font-size:15px;letter-spacing:.2em;color:rgba(243,237,227,.7);font-variant-numeric:tabular-nums;white-space:nowrap}
:root .rjh-count b{color:#fff;font-weight:600}
:root .rjh-bars{display:flex;gap:12px;flex:0 1 350px}
:root .rjh-bar{position:relative;flex:1;height:18px}
:root .rjh-bar::before,:root .rjh-bar i{content:"";position:absolute;left:0;top:8px;height:2px;width:100%;background:rgba(243,237,227,.22)}
:root .rjh-bar i{background:#D9B878;width:0}
:root .rjh-bar.done i{width:100%}
:root .rjh-bar.on i{animation:rjhFill var(--rjh-t,7s) linear forwards}
:root .rjh.paused .rjh-bar.on i{animation-play-state:paused}
@keyframes rjhFill{from{width:0}to{width:100%}}
:root .rjh-arrows{margin-left:auto;display:flex;gap:clamp(14px,1.8vw,34px)}
:root .rjh-arrow{width:clamp(48px,3.2vw,60px);height:clamp(48px,3.2vw,60px);border-radius:50%;border:1px solid rgba(243,237,227,.5)!important;display:flex;align-items:center;justify-content:center;color:#fff!important;background:rgba(12,8,7,.2);transition:background .25s,border-color .25s}
:root .rjh-arrow:hover{background:rgba(243,237,227,.12);border-color:#fff!important}
:root .rjh-arrow:focus-visible,:root .rjh-btn:focus-visible,:root .rjh-bar:focus-visible{outline:1px solid #D9B878;outline-offset:4px}
:root .rjh-arrow svg{width:20px;height:20px}
@media (max-width:900px){
  :root .rjh{--rjh-v:2;height:auto;min-height:0;max-height:none;display:flex;flex-direction:column}
  :root .rjh-strip{position:relative;inset:auto;height:clamp(420px,112vw,620px)}
  :root .rjh-shade{bottom:auto;height:clamp(420px,112vw,620px);background:linear-gradient(0deg,#0B0807 0%,rgba(11,8,7,.55) 30%,transparent 55%),linear-gradient(180deg,rgba(9,6,5,.55),transparent 22%)}
  :root .rjh-shade{-webkit-mask-image:none;mask-image:none}
  :root .rjh-cap{bottom:auto;top:84px;left:14px}:root .rjh-cap b{font-size:13px}:root .rjh-cap i{font-size:9px}
  :root .rjh-copy{position:relative;left:auto;right:auto;top:auto;transform:none;margin:-150px 20px 0;max-width:none}
  :root .rjh-h{font-size:clamp(28px,8.2vw,40px)!important}
  :root .rjh-ctas{flex-direction:column;gap:12px}:root .rjh-btn{width:100%;justify-content:space-between}
  :root .rjh-foot{position:absolute;right:16px;top:clamp(300px,90vw,500px);bottom:auto}
  :root .rjh-arrow{width:44px;height:44px}
}
@media (prefers-reduced-motion:reduce){:root .rjh *{animation:none!important;transition:none!important}:root .rjh-h span{opacity:1;transform:none}}
