.river-journey{--river:#244c43;--river-muted:#677663;margin:45px 0 70px;background:#e4e4d5;border:1px solid #b9c0ac;border-radius:22px;overflow:hidden;box-shadow:0 20px 60px -45px #344a39}
.river-intro{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:end;padding:30px 32px}.river-intro h3{font:400 clamp(40px,4.2vw,62px)/1.02 var(--serif);letter-spacing:-.04em;margin:12px 0 0}.river-intro p{font-size:14px;color:var(--river-muted);line-height:1.65;margin:0;max-width:54ch}.river-intro .eyebrow{font-size:10px;color:var(--river)}
.river-stage{height:550px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 45% 35%,#e9ecdd,#ced7bf);isolation:isolate}.river-stage canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1}.river-stage .journey-poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.67;filter:saturate(.7);z-index:0}.river-start{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:5}.river-start button{pointer-events:auto;min-height:52px;padding:16px 25px;font-weight:700;background:var(--river);color:#f3efdc;border-radius:999px;border:1px solid #244c43;font-size:14px;box-shadow:0 14px 40px #244c4333}.river-start span{margin-left:24px;font-size:18px}.river-start button:hover{background:#163b33}.river-model-credit{position:absolute;bottom:16px;left:22px;z-index:3;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#426052;pointer-events:none}.river-journey:not(.ready) .river-pins{display:none}
.river-pins{position:absolute;inset:0;z-index:4;pointer-events:none}.river-pin{position:absolute;width:32px;height:32px;padding:0;display:grid;place-items:center;border-radius:50%;background:#f3efdccc;border:1px solid #677a60;color:#244c43;font:700 12px var(--font);transform:translate(-50%,-50%);pointer-events:auto;box-shadow:0 2px 10px #244c4322}.river-pin[aria-pressed=true]{background:#244c43;color:#f3efdc;outline:5px solid #f3efdc55}.river-pin::before{content:"";position:absolute;inset:-6px;border-radius:50%}.river-pin:hover{background:#244c43;color:#f3efdc}
.river-toolbar{padding:16px 22px;border-bottom:1px solid #c3c9b7;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;background:#e9e9dc}.river-lenses,.river-play{display:flex;gap:6px}.river-toolbar button{min-height:44px;border-radius:999px;border:1px solid #b8c2ae;padding:8px 16px;font-size:12px;background:transparent;color:var(--river)}.river-toolbar button[aria-pressed=true],.river-toolbar button:hover{background:var(--river);color:#f3efdc;border-color:var(--river)}
.river-stops{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));padding:0 24px;border-bottom:1px solid #c3c9b7}.river-stops button{border:0;border-bottom:3px solid transparent;border-radius:0;text-align:left;background:none;padding:20px 10px 16px;color:#657360;font-size:12px;font-weight:400;line-height:1.4}.river-stops button span{display:block;font-size:10px;letter-spacing:.1em;margin-bottom:8px}.river-stops button b{font-weight:500}.river-stops button[aria-pressed=true]{border-bottom-color:var(--river);color:var(--river);background:#f0efdf66}.river-stops button:hover{background:#f0efdfaa;color:var(--river)}
.river-story{display:grid;grid-template-columns:40px 1fr 1.55fr 90px;gap:20px;padding:30px 32px;align-items:start}.river-story>span{font:400 42px/.95 var(--serif);color:#9ba88c}.river-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#687962;margin:0 0 10px}.river-story h4{font:400 34px/1.04 var(--serif);margin:0;color:var(--river)}.river-story #journey-description{font-size:14px;line-height:1.6;margin:0 0 15px;color:#53634e;max-width:58ch}.river-details{display:flex;gap:6px;flex-wrap:wrap}.river-details span{padding:4px 9px;border:1px solid #bfc7b2;border-radius:999px;font-size:10px;color:#637359}.river-step{display:flex;gap:5px;justify-content:flex-end}.river-step button{padding:0;width:44px;height:44px;border-radius:50%;border:1px solid #b8c2ae;background:#ececdd;color:var(--river)}.river-step button:hover{background:var(--river);color:#fff}
.river-scrub{display:flex;align-items:center;gap:25px;min-height:44px;margin:0 32px 22px;font-size:11px;color:#67785f}.river-scrub label{white-space:nowrap}.river-scrub input{flex:1;min-width:0;accent-color:var(--river);cursor:ew-resize}.river-foot{display:flex;justify-content:space-between;gap:20px;padding:0 32px 16px;color:#64765c;font-size:11px}.river-basis{font-size:10px;line-height:1.55;color:#6d7c65;max-width:none!important;border-top:1px solid #c3c9b7;padding:15px 32px;margin:0}
.river-journey button:focus-visible,.river-journey input:focus-visible{outline:2px solid var(--river);outline-offset:4px}.river-stage:focus{outline:none}.river-stage:focus-visible{outline:2px solid var(--river);outline-offset:-4px}.river-journey [hidden]{display:none!important}
@media(max-width:900px){.river-stage{height:480px}.river-story{grid-template-columns:32px 1fr 1.2fr;gap:15px}.river-step{grid-column:3;justify-content:flex-end}.river-toolbar{gap:12px}.river-stops{padding:0 12px}.river-stops button{padding:17px 8px;font-size:11px}.river-intro{gap:24px;padding:24px}.river-story{padding:25px 24px}}
@media(max-width:600px){.river-journey{margin-top:30px;border-radius:16px}.river-intro{grid-template-columns:1fr;gap:18px;padding:24px 20px}.river-intro h3{font-size:44px}.river-intro p{font-size:13px}.river-stage{height:400px}.river-toolbar{padding:12px;gap:10px}.river-toolbar button{font-size:11px;padding:8px 12px}.river-play{width:100%;justify-content:space-between}.river-stops{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 10px}.river-stops button{flex:0 0 31%;min-height:90px;scroll-snap-align:start;font-size:11px}.river-story{grid-template-columns:30px 1fr;gap:12px;padding:24px 20px}.river-story h4{font-size:30px}.river-story>div:nth-of-type(2){grid-column:1/-1}.river-step{grid-column:2;justify-content:flex-end}.river-story>span{font-size:34px}.river-scrub{margin:0 20px 20px;gap:12px;font-size:10px}.river-foot{padding:0 20px 14px;display:block;font-size:10px}.river-foot span{display:block;margin-top:6px}.river-basis{padding:14px 20px}.river-model-credit{font-size:8px;left:15px}.river-pin{width:30px;height:30px;font-size:11px}.river-pin::before{inset:-7px}}
@media(prefers-reduced-motion:reduce){.river-journey *{scroll-behavior:auto;transition:none}}