/* Our Journey — homepage only. Black / white / muted gold. */
:root{--jr-gold:#B99042;--jr-gray:#8F8A81;--jr-line:#34332F;--jr-bg:#121214}
.hero-split{position:relative;background:var(--ink)}
.jr-panel{background:var(--jr-bg);color:var(--cream);padding:var(--s6) var(--s4);border-top:1px solid rgba(185,144,66,.35)}
.jr-h{font-family:var(--display);font-stretch:72%;font-weight:800;font-size:clamp(28px,3vw,36px);letter-spacing:.04em;line-height:1;margin:0 0 var(--s2);color:#fff}
.jr-h::before{content:"";display:block;width:36px;height:3px;background:var(--jr-gold);margin-bottom:var(--s3)}
.jr-sub{margin:0 0 var(--s4);color:#D9D4CA;font-size:16px;line-height:1.5;max-width:32ch}
.jr-current{border:1px solid rgba(185,144,66,.45);border-radius:6px;padding:var(--s3) var(--s3);background:#18181B;margin-bottom:var(--s4)}
.jr-current p{margin:0}
.jr-cur-k{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--jr-gold);font-weight:700}
.jr-cur-t{font-family:var(--display);font-stretch:72%;font-weight:800;font-size:22px;letter-spacing:.03em;line-height:1.15;color:#fff;margin:6px 0 8px!important}
.jr-cur-s{font-size:13px;letter-spacing:.08em;color:#CFCAC0}
.jr-cur-s span{color:#fff;font-weight:700}
.jr-segs{list-style:none;margin:0 0 10px;padding:0;display:flex;gap:5px}
.jr-seg{flex:1;height:8px;border-radius:2px;background:var(--jr-line)}
.jr-seg.is-done{background:var(--jr-gold)}
.jr-seg.is-current{background:#2A2722;box-shadow:inset 0 0 0 1px var(--jr-gold),0 0 8px rgba(185,144,66,.45)}
.jr-count{margin:0;font-size:14px;color:#CFCAC0}.jr-count strong{color:#fff}
.jr-more{display:inline-block;margin-top:var(--s4);color:#fff;font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--jr-gold);padding-bottom:3px}
.jr-more:hover{color:var(--gold2)}
.jr-more:focus-visible,.jr-btn:focus-visible{outline:2px solid var(--gold2);outline-offset:3px}
@media (min-width:1100px){
 .hero-split{display:grid;grid-template-columns:minmax(0,1fr) clamp(330px,26vw,390px)}
 .jr-panel{border-top:0;border-left:1px solid rgba(185,144,66,.35);display:flex;flex-direction:column;justify-content:center;padding:var(--s6) var(--s5)}
 .hero-split .hero-media{left:14%}
 .hero-split .hero-media img{object-position:58% 58%}
}
/* Timeline */
.jr-tl{background:#0E0E10;color:var(--cream);padding:var(--s6) 0 var(--s5);border-bottom:1px solid rgba(185,144,66,.25)}
.jr-steps{list-style:none;margin:0;padding:0;display:grid;gap:0}
.jr-step{position:relative;padding:0 0 var(--s4) 36px}
.jr-step::before{content:"";position:absolute;left:7px;top:18px;bottom:-2px;width:2px;background:var(--jr-line)}
.jr-step:last-child::before{display:none}
.jr-step.is-done::before{background:var(--jr-gold)}
.jr-node{position:absolute;left:0;top:4px;width:16px;height:16px;border-radius:50%;border:2px solid var(--jr-gray);background:#0E0E10;box-sizing:border-box}
.jr-step.is-done .jr-node{background:var(--jr-gold);border-color:var(--jr-gold)}
.jr-step.is-current .jr-node{border-color:var(--jr-gold);background:#2A2722;box-shadow:0 0 0 4px rgba(185,144,66,.18),0 0 12px rgba(185,144,66,.5);animation:jr-glow 2.8s ease-in-out infinite}
@keyframes jr-glow{50%{box-shadow:0 0 0 6px rgba(185,144,66,.10),0 0 16px rgba(185,144,66,.35)}}
.jr-btn{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:auto 1fr;column-gap:10px;row-gap:2px;width:100%;min-height:44px;align-content:start}
.jr-n{font-size:12px;min-width:2.4ch;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:.14em;color:var(--jr-gray);padding-top:3px}
.jr-t{font-family:var(--display);font-stretch:72%;font-weight:800;font-size:18px;letter-spacing:.04em;line-height:1.2;color:#fff}
.jr-s{grid-column:2;font-size:11.5px;font-weight:700;letter-spacing:.16em;color:var(--jr-gray)}
.jr-step.is-done .jr-s,.jr-step.is-done .jr-n,.jr-step.is-current .jr-n{color:var(--jr-gold)}
.jr-step.is-current .jr-s{color:#fff}
.jr-step.is-current .jr-s::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--jr-gold);margin-right:6px;vertical-align:1px}
.jr-step.is-next .jr-t{color:#C9C4BA}
.jr-desc{margin:6px 0 0;font-size:14.5px;line-height:1.45;color:#CFCAC0}
.js .jr-desc{display:none}
.js .jr-btn[aria-expanded="true"]+.jr-desc,.js .jr-btn:focus-visible+.jr-desc{display:block}
@media (hover:hover){.js .jr-step:hover .jr-desc{display:block}.jr-btn:hover .jr-t{text-decoration:underline;text-decoration-color:var(--jr-gold);text-underline-offset:4px}}
.jr-close{margin:var(--s3) 0 0;font-size:14px;letter-spacing:.16em;text-transform:uppercase;color:#CFCAC0;font-weight:700}
@media (min-width:900px){
 .jr-steps{grid-template-columns:repeat(7,minmax(0,1fr));gap:var(--s2)}
 .jr-step{padding:30px 0 0 0}
 .jr-step::before{left:20px;right:calc(-1 * var(--s2));top:7px;bottom:auto;width:auto;height:2px}
 .jr-node{top:0}
 .jr-btn{grid-template-columns:1fr}
 .jr-s{grid-column:1;margin-top:4px}
 .jr-t{font-size:16px;min-height:2.4em}
 .jr-desc{font-size:13.5px;min-height:4.4em}
 .js .jr-desc{display:block;visibility:hidden}
 .js .jr-btn[aria-expanded="true"]+.jr-desc,.js .jr-btn:focus-visible+.jr-desc{visibility:visible}
 .js .jr-step:hover .jr-desc{visibility:visible}
 .jr-close{text-align:center;margin-top:var(--s4)}
}
@media (prefers-reduced-motion:reduce){.jr-step.is-current .jr-node{animation:none!important}*{transition:none!important}}
