/* One bench record travels from loose notes to completed work.
   Natural flow is the default; roomy viewports enhance it with a pinned sheet. */
.journey{background:var(--paper);color:var(--ink);padding-block:88px 54px}
.journey-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:end;padding-bottom:66px}
.journey-intro .eyebrow{color:#82502d;margin-bottom:25px}
.journey-intro h2{font-size:clamp(36px,4.6vw,66px)}
.journey-intro>div:last-child{max-width:425px;justify-self:end}
.journey-intro>div:last-child>p{font-size:18px;line-height:1.7}
.journey-skip,.journey-try{display:inline-flex;align-items:center;gap:22px;min-height:44px;font-size:13px;text-decoration-thickness:1px}
.journey-skip{margin-top:18px;color:#6e492f}
.journey-try{margin-top:21px;font-weight:650}
.journey a:focus-visible{outline-color:#82502d}
.journey-step{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9%;border-top:1px solid #c9c2b7;padding-block:66px;scroll-margin-top:36px}
.journey-chapter{display:flex;align-items:baseline;gap:15px;color:#82502d;font-size:10px;letter-spacing:1.5px;font-weight:650;line-height:1.5;margin-bottom:26px}
.journey-chapter>span{font-size:15px;font-weight:450;letter-spacing:-.5px}
.journey-step h3{font-size:clamp(34px,3.7vw,53px);line-height:1.035;letter-spacing:-.05em;font-weight:600;margin-bottom:24px}
.journey-step-copy>p:not(.journey-chapter){font-size:17px;line-height:1.72;max-width:430px;color:#454138}
.journey-step-copy>p.journey-detail{margin-top:19px;font-size:14px;line-height:1.75;color:#625c50}
.journey-step-copy strong{font-weight:650;color:var(--ink)}
.journey-outro{border-top:1px solid #c9c2b7;padding-top:38px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:27px}
.journey-outro-mark{font-size:55px;color:#986139;line-height:1}
.journey-outro p{font-size:clamp(25px,3.1vw,43px);line-height:1.15;letter-spacing:-.04em}
.journey-outro p strong{font-weight:650}
.journey-outro>span:last-child{font-size:12px;line-height:1.65;color:#625c50}
.founder-note{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-top:44px;padding-top:25px;border-top:1px solid var(--line)}
.founder-note>p{font-size:18px;line-height:1.6;letter-spacing:-.2px}
.founder-note>span{font-size:12px;line-height:1.6;color:var(--muted);white-space:nowrap}

/* The full visual explanation for narrow, short, reduced-motion and no-JS
   views. The copper spine connects each version of the same bench record. */
.journey-steps{position:relative;padding-left:36px}
.journey-steps::before{content:'';position:absolute;left:12px;top:75px;bottom:60px;width:1px;background:#bd946f}
.journey-chapter{position:relative}
.journey-chapter>span{position:absolute;left:-36px;width:24px;text-align:center;background:var(--paper);padding-block:3px;top:-5px;z-index:1}
.journey-evidence{position:relative;background:var(--ink);color:var(--paper);padding:28px;width:100%;max-width:450px;justify-self:end;border:1px solid #40362b}
.evidence-topline{display:flex;justify-content:space-between;gap:10px;font-size:9px;font-weight:600;line-height:1.5;letter-spacing:1.1px;color:var(--copper);margin-bottom:23px}
.evidence-lift{font-size:27px;font-weight:600;letter-spacing:-.8px}
.evidence-lift>span{float:right;font-size:18px;line-height:1.8;color:var(--copper)}
.evidence-weight{font-size:75px;line-height:1.15;letter-spacing:-4px;margin-block:10px 19px}
.evidence-weight>span{font-size:24px;color:var(--muted);letter-spacing:-.5px}
.evidence-footnote{font-size:12px;line-height:1.65;color:var(--muted);margin-top:21px}
.evidence-before{background:transparent;border:0;padding:15px 0 0;min-height:285px}
.evidence-note{background:#ded6c7;border:1px solid #c5b9a3;color:var(--ink);width:68%;padding:23px;transform:rotate(-4deg)}
.evidence-note>span,.evidence-rule>span,.evidence-question>span{display:block;font-size:9px;font-weight:650;letter-spacing:1.2px}
.evidence-note strong{display:block;font-size:24px;letter-spacing:-.7px;margin-top:12px;font-weight:550}
.evidence-note p{font-size:14px;margin-top:10px}
.evidence-rule{background:#201d18;border:1px solid #514233;padding:20px 23px;width:65%;margin:-22px 0 0 auto;transform:rotate(3deg)}
.evidence-rule>span{color:var(--copper)}
.evidence-rule p{font-size:16px;line-height:1.6;margin-top:10px}
.evidence-question{display:flex;justify-content:space-between;align-items:center;margin-top:24px;border-top:1px solid #b5ab9a;padding-top:15px;color:#6e492f}
.evidence-question>strong{font-size:38px;font-weight:500}
.evidence-input{display:flex;justify-content:space-between;align-items:center;border:1px solid #77543a;padding:18px;margin-top:19px}
.evidence-input>span{font-size:10px;letter-spacing:1px;color:var(--muted)}
.evidence-input>strong{font-size:40px;font-weight:500;letter-spacing:-1.5px;line-height:1}
.evidence-input small{font-size:18px;letter-spacing:-.3px;color:var(--muted)}
.evidence-calculation{display:flex;align-items:baseline;gap:9px;font-size:12px;line-height:1.6;margin-top:17px;color:var(--muted)}
.evidence-calculation>span{color:var(--copper);font-size:23px}
.evidence-calculation>strong{margin-left:auto;font-size:20px;color:var(--copper);white-space:nowrap;font-weight:500}
.evidence-sets{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:22px}
.evidence-sets>span{min-height:50px;border:1px solid #655544;display:flex;justify-content:center;align-items:center;font-size:20px}
.evidence-sets.logged>span{background:var(--copper);color:var(--ink);border-color:var(--copper);gap:4px}
.evidence-sets i{font-size:10px;font-style:normal}
.evidence-total{display:flex;justify-content:space-between;align-items:center;margin-top:22px}
.evidence-total>span{font-size:9px;letter-spacing:1px;color:var(--muted)}
.evidence-total>strong{font-size:38px;font-weight:500;letter-spacing:-1px}
.evidence-total small{font-size:14px;letter-spacing:0;font-weight:400;color:var(--muted)}
.evidence-finish{border-top:1px solid #544434;padding-top:18px;margin-top:18px;font-size:13px}
.evidence-finish>span{color:var(--copper);margin-right:8px}
.evidence-history{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-bottom:17px;border-bottom:1px solid #514233}
.evidence-history>span{font-size:9px;letter-spacing:1px;color:var(--copper)}
.evidence-history p{font-size:15px}
.evidence-history p>span{padding-inline:6px;color:#82786a}
.evidence-connection{height:29px;width:1px;background:var(--copper);margin-left:7px;position:relative}
.evidence-connection::after{content:'';position:absolute;bottom:0;left:-3px;width:6px;height:6px;border-right:1px solid var(--copper);border-bottom:1px solid var(--copper);transform:rotate(45deg)}
.evidence-next .evidence-topline{margin-top:14px}
.evidence-next .evidence-weight{color:var(--copper)}
.evidence-next-reps{font-size:14px}
.journey-step+.journey-step .journey-evidence::before{content:'';position:absolute;bottom:100%;left:14px;width:1px;height:28px;background:#aa754d}

/* One persistent sheet. Children hold position while the same information
   is entered, prescribed, logged, finished and carried into history. */
.journey-visual{display:none}
.journey-stage{position:sticky;top:max(28px,calc((100svh - 640px)/2));height:640px}
.journey-stage-topline{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:8px;letter-spacing:1.1px;font-weight:600;color:#726550;padding-top:3px}
.journey-stage-topline>span:last-child{color:#8a512b;white-space:nowrap}
.journey-drawing{position:relative;height:570px;isolation:isolate}
.journey-paper{position:absolute;left:50%;top:39px;width:min(82%,444px);height:500px;padding:26px;color:var(--paper);background:#100e0b;border:1px solid #76573d;box-shadow:0 24px 40px #31231524;transform:translate(calc(-50% + var(--paper-x,18px)),var(--paper-y,14px)) rotate(var(--paper-angle,-3deg));will-change:transform}
.journey-paper-top{display:flex;justify-content:space-between;align-items:baseline;color:#c3b7a5;font-size:9px;letter-spacing:1.3px}
.journey-paper-top>span:first-child{font-size:15px;font-weight:750;letter-spacing:-.7px;color:var(--paper)}
.journey-paper-dot{display:inline-block;width:4px;height:4px;margin-left:3px;background:var(--copper)}
.journey-sheet-status{position:absolute;top:65px;left:26px;right:26px;height:15px;color:var(--copper);font-size:9px;letter-spacing:1.35px;font-weight:550}
.journey-sheet-status>span,.journey-weight-label>span{position:absolute;inset:0}
.journey-lift{position:absolute;left:26px;top:88px;font-size:35px;letter-spacing:-1.3px;line-height:1.1;font-weight:550}
.journey-number{position:absolute;top:132px;left:23px;right:23px;height:113px}
.journey-number>span{position:absolute;inset:0;display:flex;align-items:baseline;gap:12px;font-size:111px;line-height:1;letter-spacing:-6px;font-weight:450;font-variant-numeric:tabular-nums}
.journey-number small{font-size:27px;line-height:1;font-weight:400;letter-spacing:-.7px;color:#aca292}
.journey-number>span[data-journey-number="next"]{color:var(--copper)}
.journey-weight-label{position:absolute;top:250px;left:26px;right:26px;height:14px;font-size:8px;letter-spacing:1.15px;color:#b6aa97}
.journey-sheet-body{position:absolute;top:286px;left:26px;right:26px;height:136px}
.journey-setup-details,.journey-work-details,.journey-question-lines,.journey-next-details{position:absolute;inset:0}
.journey-setup-rule{border-block:1px solid #443a2d;padding-block:12px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.journey-setup-rule>span{font-size:8px;line-height:1.6;letter-spacing:.9px;max-width:130px;color:var(--copper)}
.journey-setup-rule strong{font-size:34px;font-weight:450;letter-spacing:-1px}
.journey-setup-rule small{font-size:15px;font-weight:400;letter-spacing:0;color:#aca292}
.journey-setup-details>p{color:#c0b4a1;font-size:12px;line-height:1.6;margin-top:15px}
.journey-set-topline{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:#c0b4a1}
.journey-sets{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:16px}
.journey-set{position:relative;height:54px;border:1px solid #806344}
.journey-set>span{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;gap:3px;font-size:23px;font-variant-numeric:tabular-nums}
.set-planned{opacity:calc(1 - var(--logged,0))}
.set-recorded{background:var(--copper);color:var(--ink);opacity:var(--logged,0)}
.set-recorded i{font-size:9px;font-style:normal}
.journey-set-caption{position:relative;margin-top:18px;height:27px}
.journey-tap-label{position:absolute;top:2px;font-size:8px;color:#b6aa97;letter-spacing:.7px}
.journey-total{position:absolute;inset:0;display:flex;justify-content:space-between;align-items:baseline;font-size:8px;letter-spacing:1px;color:#b6aa97}
.journey-total strong{font-size:27px;color:var(--paper);font-weight:500;letter-spacing:-1px}
.journey-total small{color:#b6aa97;font-size:11px;letter-spacing:0;font-weight:400}
.journey-question-lines{display:flex;flex-direction:column;gap:13px;padding-top:7px}
.journey-question-lines>span{font-size:12px;color:#b6aa97;border-bottom:1px solid #3b3328;padding-bottom:10px}
.journey-next-details>p{font-size:17px;line-height:1.5;letter-spacing:-.3px}
.journey-next-details>p>span{padding-inline:5px;color:#9b7350}
.journey-completed-trace{border-top:1px solid #76573d;margin-top:21px;padding-top:17px}
.journey-completed-trace>span{display:block;font-size:8px;color:#b6aa97;letter-spacing:1px}
.journey-completed-trace>strong{display:block;margin-top:9px;font-size:19px;font-weight:450;letter-spacing:-.3px}
.journey-completed-trace i{font-style:normal;color:#9b7350;padding-inline:5px}
.journey-completed-trace b{float:right;color:var(--copper);font-size:15px;font-weight:400}
.journey-paper-bottom{position:absolute;bottom:23px;left:26px;right:26px;height:28px;border-top:1px solid #443a2d}
.journey-paper-bottom>span{position:absolute;inset:0;padding-top:15px;font-size:8px;letter-spacing:1px;color:#a89a85}
.journey-paper-bottom .journey-finished{color:var(--paper)}
.journey-finished i{color:var(--copper);font-style:normal;margin-right:6px}
.journey-ready i{float:right;font-style:normal;font-size:15px;line-height:.7;color:var(--copper)}
.journey-loose-note{position:absolute;z-index:1;width:182px;padding:20px;box-shadow:0 12px 23px #38261723}
.journey-loose-note>span{font-size:8px;letter-spacing:1.2px;font-weight:650}
.journey-loose-note strong{display:block;font-size:24px;letter-spacing:-.7px;margin-top:13px;font-weight:500}
.journey-loose-note>p{font-size:17px;margin-top:6px}
.journey-loose-note>i{display:block;font-family:Georgia,serif;font-size:16px;margin-top:13px;font-weight:400}
.note-last{top:46px;left:-6px;color:#2e2116;background:#d8b18a;border:1px solid #b88b60;transform:translate(var(--last-x,0px),var(--last-y,0px)) rotate(var(--last-angle,-10deg))}
.note-rules{bottom:26px;right:-3px;background:#e5ddce;border:1px solid #c2b49d;transform:translate(var(--rule-x,0px),var(--rule-y,0px)) rotate(var(--rule-angle,7deg))}
.note-rules strong{font-size:38px;line-height:1}
.journey-progress-stroke{position:absolute;right:-16px;top:162px;width:120px;height:135px;color:#82502d;transform:translateY(calc((1 - var(--earned,0)) * 10px));opacity:var(--earned,0)}
.journey-progress-stroke svg{width:100%;height:95px}
.journey-progress-stroke path{stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:238;stroke-dashoffset:calc((1 - var(--earned,0)) * 238)}
.journey-progress-stroke>span{display:block;text-align:right;font-size:16px;letter-spacing:-.5px;margin-top:3px}
.journey-stage-footer{border-top:1px solid #c9c2b7;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:20px}
.journey-position{display:flex;gap:9px;font-size:11px;font-variant-numeric:tabular-nums}
.journey-position>span:last-child{color:#887c6b}
.journey-progress-markers{display:flex;flex:1;max-width:140px;gap:5px}
.journey-progress-markers i{height:2px;flex:1;background:#c9c2b7}
.journey-progress-markers i[data-active]{background:#82502d}
.journey-scroll-label{font-size:8px;letter-spacing:1.1px;color:#726550}
.journey-scroll-label>span{margin-left:9px;font-size:15px}

@media(min-width:960px) and (min-height:760px) and (prefers-reduced-motion:no-preference){
  [data-journey][data-motion="active"]{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:52px;position:relative}
  [data-motion="active"] .journey-visual{display:block;min-width:0}
  [data-motion="active"] .journey-step{display:flex;min-height:max(690px,84svh);border-top:0;padding-block:70px}
  [data-motion="active"] .journey-evidence{display:none}
  [data-motion="active"] .journey-step-copy{width:100%}
  [data-motion="active"] .journey-steps{padding-left:0}
  [data-motion="active"] .journey-steps::before{display:none}
  [data-motion="active"] .journey-chapter>span{position:static;width:auto;padding:0;background:transparent}
}
@media(max-width:1100px){
  .journey-intro{gap:48px}.journey-step{gap:6%}
  .journey-stage-topline{letter-spacing:.8px;font-size:7px}
  .journey-loose-note{width:165px;padding:18px}
  .journey-progress-stroke{right:-9px;width:102px}
  .journey-number>span{font-size:104px}
}
@media(max-width:760px){
  .journey{padding-block:54px 36px}
  .journey-intro{display:block;padding-bottom:37px}
  .journey-intro .eyebrow{margin-bottom:20px}
  .journey-intro>div:last-child{max-width:none;margin-top:25px}
  .journey-intro>div:last-child>p{font-size:17px}
  .journey-skip{margin-top:14px}
  .journey-step{display:block;padding-block:36px 40px}
  .journey-steps::before{top:45px;bottom:50px}
  .journey-chapter{margin-bottom:20px}
  .journey-step h3{font-size:clamp(34px,7.5vw,45px);margin-bottom:20px}
  .journey-step-copy>p:not(.journey-chapter){max-width:none;font-size:16px}
  .journey-step-copy>p.journey-detail{font-size:13px;margin-top:16px}
  .journey-evidence{margin:28px auto 0;padding:24px;max-width:460px}
  .evidence-before{padding:8px 0 0;min-height:278px}
  .evidence-note{padding:22px}.evidence-rule{padding:19px 22px}
  .evidence-weight{font-size:77px}
  .journey-outro{grid-template-columns:auto 1fr;gap:17px;padding-top:29px}
  .journey-outro-mark{font-size:44px}.journey-outro p{font-size:28px}
  .journey-outro>span:last-child{grid-column:2;font-size:11px}
  .founder-note{display:block;margin-top:30px;padding-top:22px}
  .founder-note>p{font-size:17px}.founder-note>span{display:block;margin-top:10px}
}
@media(max-width:370px){
  .journey-evidence{padding:20px}.evidence-before{padding:8px 0 0}
  .evidence-note{padding:18px}.evidence-rule{width:68%;padding:18px}
  .evidence-topline{font-size:8px;letter-spacing:.7px}
  .evidence-input{padding:14px}
  .evidence-calculation{font-size:11px;gap:6px}.evidence-calculation>strong{font-size:17px}
  .evidence-sets{gap:6px}.evidence-sets>span{min-height:46px;font-size:18px}
  .journey-outro p{font-size:25px}
}