/* Interactive illustrative Journey; names and work below are examples. */
.jny {--jny-red:#d72e46;--jny-ink:#20252d;--jny-muted:#69717d;--jny-line:#e1e4e9;--jny-paper:#fff;box-sizing:border-box;max-width:1240px;margin:90px auto;padding:40px 28px;color:var(--jny-ink);font-family:inherit;scroll-margin-top:100px;}
.jny *, .jny *:before {box-sizing:border-box;}
.jny-layout {display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:center;}
.jny-kicker {display:block;font-size:11px;font-weight:750;letter-spacing:.14em;color:var(--jny-red);text-transform:uppercase;margin-bottom:18px;}
.jny h2 {font-family:inherit!important;font-size:clamp(32px,3.8vw,52px)!important;line-height:1.08!important;letter-spacing:-.045em!important;font-weight:650!important;margin:0 0 24px!important;color:var(--jny-ink)!important;}
.jny-copy>p {font-size:17px;line-height:1.8;color:var(--jny-muted);margin:0 0 24px;}
.jny-benefits {display:grid;gap:15px;margin:28px 0;font-size:14px;line-height:1.6;}
.jny-benefits strong {color:var(--jny-ink);display:block;}.jny-benefits span {color:var(--jny-muted);}
.jny-link {display:inline-flex;color:var(--jny-red)!important;gap:10px;font-weight:650;font-size:14px;text-decoration:none;padding:10px 0;}
.jny-window {border:1px solid var(--jny-line);border-radius:20px;background:var(--jny-paper);box-shadow:0 24px 80px #252a3810;overflow:hidden;min-width:0;}
.jny-window-head {display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 24px;border-bottom:1px solid var(--jny-line);font-size:13px;}.jny-window-head strong{font-size:16px;}.jny-example{font-size:10px;color:var(--jny-muted);letter-spacing:.04em;}
.jny-destination{padding:18px 24px;background:#fff5f6;border-bottom:1px solid #f4dfe2;display:flex;align-items:center;justify-content:space-between;gap:12px;}.jny-destination small{font-size:10px;color:#a74755;letter-spacing:.08em;display:block;margin-bottom:5px;}.jny-destination strong{font-size:16px;}.jny-countdown{display:flex;flex-direction:column;align-items:flex-end;font-size:11px;color:#98505b;white-space:nowrap;}.jny-countdown b{font-size:24px;color:var(--jny-red);line-height:1.2;}
.jny-controls {display:flex;justify-content:center;gap:7px;padding:20px 15px 12px;}.jny button {font:inherit;cursor:pointer;}.jny-controls button {border:1px solid var(--jny-line);border-radius:7px;background:#fff;color:var(--jny-muted);font-size:11px;padding:8px 11px;min-height:36px;}.jny-controls button[aria-pressed=true]{background:#fff0f2;color:var(--jny-red);border-color:#f0bec7;}.jny button:focus-visible {outline:2px solid var(--jny-red);outline-offset:3px;}
.jny-position {display:block;text-align:center;font-size:11px;color:var(--jny-muted);min-height:18px;}.jny-rail {position:relative;height:4px;margin:25px 30px 27px;background:var(--jny-line);border-radius:4px;}.jny-rail:before{content:'Today';position:absolute;left:50%;top:-20px;transform:translateX(-50%);font-size:9px;color:var(--jny-muted);}.jny-rail:after{content:'';position:absolute;left:50%;top:-4px;height:12px;width:1px;background:#7c838e;}.jny-segment{position:absolute;left:var(--jny-lo,50%);right:calc(100% - var(--jny-hi,50%));top:0;bottom:0;background:var(--jny-red);}.jny-thumb{position:absolute;left:var(--jny-position,50%);top:-4px;width:12px;height:12px;border:3px solid #fff;box-shadow:0 0 0 1px var(--jny-red);border-radius:50%;background:var(--jny-red);transform:translateX(-50%);z-index:2;}
.jny-scenes {padding:0 25px 24px;min-height:360px;}.jny-scene {position:relative;border-left:1px dashed #d8dce3;padding-left:20px;margin-left:5px;}.jny [hidden]{display:none!important;}.jny-moment {font-size:10px;color:var(--jny-muted);padding:4px 0 8px;position:relative;}.jny-moment:before{content:'';position:absolute;width:7px;height:7px;left:-24px;top:8px;border-radius:50%;background:#b2b9c3;}.jny-moment.is-now{color:var(--jny-red);font-weight:700;}.jny-moment.is-now:before{background:var(--jny-red);box-shadow:0 0 0 4px #fff0f2;}
.jny-card {border:1px solid var(--jny-line);border-radius:10px;padding:15px;margin-bottom:18px;background:#fff;}.jny-card.is-key{background:#fff6f7;border-color:#f0cbd2;}.jny-card.is-done{background:#f7fbf9;}.jny-card-top{display:flex;justify-content:space-between;gap:8px;font-size:9px;text-transform:uppercase;letter-spacing:.07em;color:var(--jny-muted);margin-bottom:10px;}.jny-status{font-weight:650;color:#986333;background:#fff3df;padding:3px 6px;border-radius:4px;font-size:9px;letter-spacing:0;text-transform:none;}.jny-status.is-done{background:#e7f4ed;color:#387654;}.jny-card h3{font-size:15px!important;line-height:1.4!important;font-weight:650!important;margin:0 0 7px!important;color:var(--jny-ink)!important;}.jny-card p{font-size:11px;line-height:1.7;color:var(--jny-muted);margin:0 0 12px;}.jny-card-bottom{display:flex;gap:9px;align-items:center;font-size:10px;color:var(--jny-muted);}.jny-avatar{display:grid;place-items:center;border-radius:50%;background:#eceaf8;color:#685b91;width:24px;height:24px;font-size:9px;font-weight:650;}.jny-time{margin-left:auto;font-variant-numeric:tabular-nums;}.jny-record{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border:1px solid #efcbd2;border-radius:50%;background:#fff!important;}.jny-record i{width:8px;height:8px;border-radius:50%;background:var(--jny-red);}.jny-record[aria-pressed=true] i{border-radius:1px;}.jny-note{font-size:10px!important;color:var(--jny-muted);text-align:center;padding:0 20px 15px;margin:0!important;}
@media(prefers-reduced-motion:no-preference){.jny-thumb,.jny-segment{transition:left .3s ease,right .3s ease;}.jny-scene{animation:jny-enter .25s ease;}@keyframes jny-enter{from{opacity:.3;transform:translateY(6px)}to{opacity:1;transform:none}}}
@media(max-width:850px){.jny{padding:25px 20px;margin:55px auto;}.jny-layout{grid-template-columns:1fr;gap:30px;}.jny-copy{max-width:620px;}.jny-window{width:100%;max-width:650px;margin:auto;}}
@media(max-width:420px){.jny{padding:20px 14px;}.jny-window-head,.jny-destination{padding:16px;}.jny-scenes{padding:0 13px 15px;}.jny-card{padding:12px;}.jny-countdown b{font-size:20px;}.jny-controls button{min-height:44px;padding:7px 9px;}.jny-record{width:44px;height:44px;flex-basis:44px;}.jny-example{font-size:9px;}}
.jny {background:#fafbfc;border:1px solid #e6e8ed;border-radius:24px;color-scheme:light;}