:root{--jn-signal:#00b88a;--jn-hi:#19e0b0;--jn-label:#7fdcc3;--jn-max:85rem;--jn-gutter:1.25rem;--jn-x:max(calc(var(--jn-gutter) / 2),calc((100% - var(--jn-max)) / 2 + var(--jn-gutter) / 2))}@media (min-width:768px){:root{--jn-gutter:2.5rem}}.jn-moon{display:inline-block;flex:none;width:.95rem;height:.95rem;overflow:visible}.jn-moon-ring{fill:none;stroke:var(--jn-label);stroke-width:1.6;opacity:.85}.jn-moon-lit{fill:var(--jn-label)}.jn-ghost{position:absolute;z-index:0;bottom:-4%;width:clamp(10rem,24vw,22rem);height:auto;aspect-ratio:1;pointer-events:none;opacity:.07}.jn-ghost[data-side=left]{left:-5%}.jn-ghost[data-side=right]{right:-5%}.jn-ghost-moon{display:block;width:100%;height:100%}.jn-ghost .jn-moon-ring{stroke:#f2f5f4;stroke-width:.35;opacity:1}.jn-ghost .jn-moon-lit{fill:#f2f5f4;fill-opacity:.32}.jn-run{position:absolute;inset:0;z-index:0;pointer-events:none;--jn-cross-h:7rem;--jn-fig-h:4.25rem}@media (min-width:1024px){.jn-run{--jn-cross-h:10.5rem;--jn-fig-h:7rem}}.jn-line{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;opacity:.6}.jn-run[data-turn] .jn-line{top:var(--jn-cross-h)}.jn-run[data-side=left] .jn-line{left:var(--jn-x)}.jn-run[data-side=right] .jn-line{left:calc(100% - var(--jn-x))}.jn-line-fill{position:absolute;inset:0;transform-origin:50% 0;background:linear-gradient(180deg,rgba(0,184,138,.95),rgba(25,224,176,.75) 50%,rgba(0,184,138,.95));box-shadow:0 0 10px rgba(0,184,138,.45);border-radius:2px}.jn-tip{top:0;width:10px;height:10px;margin:-5px 0 0 -5px;background:radial-gradient(closest-side,#dff9f1,var(--jn-hi) 45%,rgba(25,224,176,0));box-shadow:0 0 18px 4px rgba(25,224,176,.45);opacity:0}.jn-node,.jn-tip{position:absolute;left:50%;border-radius:50%}.jn-node{bottom:-6px;width:12px;height:12px;margin-left:-6px;background:var(--jn-hi);box-shadow:0 0 0 5px rgba(25,224,176,.14),0 0 22px 6px rgba(0,184,138,.4)}.jn-stroke,.jn-stroke-glow{fill:none;stroke-linecap:round}.jn-stroke{stroke:var(--jn-signal);stroke-width:2}.jn-stroke-glow{stroke:rgba(0,184,138,.22);stroke-width:8}.jn-band{position:absolute;top:0;height:var(--jn-cross-h);left:var(--jn-x);right:var(--jn-x);display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center}.jn-band-cell{position:relative;align-self:stretch;min-width:0}.jn-conn{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.jn-fig{display:block;height:var(--jn-fig-h,4.5rem);margin:0 .4rem}.jn-fig-svg{display:block;width:100%;height:100%;overflow:visible}.jn-fig-svg .jn-fig-glow>*,.jn-fig-svg .jn-fig-strokes>*{fill:none;stroke-linecap:round;stroke-linejoin:round}.jn-fig-svg .jn-fig-strokes>*{stroke:var(--jn-hi);stroke-width:2}.jn-fig-svg .jn-fig-glow>*{stroke:rgba(0,184,138,.28);stroke-width:9}.jn-knob{fill:var(--jn-hi);filter:drop-shadow(0 0 4px rgba(25,224,176,.6));transform:translateX(6px)}.jn-fig-moon .jn-moon-ring{stroke:var(--jn-hi)}.jn-fig-moon .jn-moon-lit{fill:var(--jn-hi)}.jn-band,.jn-colfig{opacity:.85}.jn-colfig{position:relative;display:flex;align-items:center;margin-top:2.25rem}.jn-colfig .jn-fig{--jn-fig-h:7.5rem;margin:0}.jn-colfig-stub{display:none}@media (min-width:1024px){.jn-colfig-stub{display:block;position:absolute;right:100%;top:50%;width:calc(var(--jn-gutter) / 2 + 1px);height:10px;margin-top:-5px}.jn-colfig-stub svg{display:block;width:100%;height:100%;overflow:visible}}html[data-journey=on] .jn-knob,html[data-journey=on] .jn-line-fill,html[data-journey=on] .jn-tip{will-change:transform}.jn-vig{position:relative;z-index:0;display:block;margin:2.25rem 0 0;width:100%;max-width:36rem;aspect-ratio:1200/797;max-height:20rem;pointer-events:none;opacity:.85}.jn-vig-art{position:absolute;inset:0}.jn-vig-img{-o-object-fit:cover;object-fit:cover}@media (min-width:1280px){.jn-vig[data-place=aside]{position:absolute;top:-1rem;right:var(--pf-gutter,2.5rem);margin:0;width:min(40rem,calc((100% - var(--jn-aside-gap, 50rem)) / .85));max-width:none;max-height:none;aspect-ratio:auto;height:var(--jn-aside-h,17rem)}.jn-vig[data-place=column]{aspect-ratio:auto;height:min(20rem,calc(100svh - var(--jn-col-used, 30rem)));min-height:0;max-height:none;margin-top:2rem;margin-left:-1.5rem;width:calc(100% + 3rem);max-width:none}.jn-vig[data-place=column] .jn-vig-img{-o-object-position:50% 45%;object-position:50% 45%}html[data-journey=on] .jn-vig{opacity:0;will-change:opacity,transform}}@media (prefers-reduced-motion:reduce){.jn-vig{opacity:.85!important;transform:none!important}}.jn-cards{margin:0}.jn-cards-stage{position:relative;width:min(90%,34rem);aspect-ratio:1.42;margin:0 auto;isolation:isolate}.jn-cards-stage:before{content:"";position:absolute;inset:8% -6% -4%;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,rgba(0,184,138,.16),transparent 70%)}.jn-card{position:absolute;width:78%;border-radius:10px;overflow:hidden;box-shadow:0 0 0 1px hsla(158,8%,80%,.12),0 30px 60px -28px rgba(0,0,0,.95),0 12px 40px -24px rgba(0,184,138,.35);transition:transform .42s cubic-bezier(.23,1,.32,1)}.jn-card img{display:block;width:100%;height:auto}.jn-card-back{right:0;top:0;transform:rotate(5deg)}.jn-card-front{left:0;bottom:0;transform:rotate(-4deg)}.jn-cards figcaption{margin-top:1.4rem;text-align:center;font-size:.75rem;letter-spacing:.04em;color:#8e9a96}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.jn-cards-stage:hover .jn-card-back{transform:translate(4%,-6%) rotate(8deg)}.jn-cards-stage:hover .jn-card-front{transform:translate(-4%,5%) rotate(-7deg)}}.jn-page-head{position:relative}@media (min-width:1280px){.jn-page-head .jn-vig[data-place=aside]{top:50%;right:0;width:min(34rem,calc(100% - 50rem));translate:0 -50%}}.jn-lift{transition:transform .26s cubic-bezier(.23,1,.32,1),border-color .26s ease}.jn-lift .rule-green{transition:width .32s cubic-bezier(.23,1,.32,1)}.jn-lift h3{transition:color .22s ease}@media (hover:hover) and (pointer:fine){.jn-lift:hover{transform:translateY(-3px);border-color:rgba(0,184,138,.55)}.jn-lift:hover .rule-green{width:4rem!important}.jn-lift:hover h3{color:#7fdcc3}}