.jny{--jny-stage:100svh;--jny-scrim:color-mix(in oklab,var(--brand-ink,#0b0705)78%,transparent);margin-block:clamp(3rem,7vw,6rem);position:relative}.jny__stage{height:var(--jny-stage);border-radius:var(--w-r-md,18px);background:var(--brand-ink,#0b0705);position:sticky;top:0;overflow:hidden}.jny__plate{position:absolute;inset:0}.jny__poster,.jny__canvas{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.jny__poster{opacity:.55;filter:saturate(.7)brightness(.72);transition:opacity .6s}.jny--live .jny__poster{opacity:0}.jny__canvas{z-index:1}.jny__rail{z-index:3;border-radius:var(--w-r-md,18px);border:1px solid color-mix(in oklab,var(--brand-bone,#f4efe7)12%,transparent);background:var(--jny-scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);flex-direction:column;gap:.6rem;padding:.75rem .9rem;display:flex;position:absolute;bottom:clamp(1rem,3vh,2.4rem);left:clamp(.9rem,2.2vw,2rem)}.jny__rail ol{flex-direction:column;gap:.15rem;margin:0;padding:0;list-style:none;display:flex}.jny__rail a{color:color-mix(in oklab,var(--brand-bone,#f4efe7)62%,transparent);letter-spacing:.02em;align-items:center;gap:.55rem;padding:.24rem .2rem;font-size:.82rem;line-height:1.2;text-decoration:none;display:flex}.jny__rail a:hover,.jny__rail a:focus-visible{color:var(--brand-bone,#f4efe7)}.jny__rail .is-at a{color:var(--color-accent-text,#ef4d67)}.jny__tick{border:1px solid;border-radius:50%;flex:none;block-size:.5rem;inline-size:.5rem}.jny__rail .is-at .jny__tick{background:currentColor}.jny__bar{background:color-mix(in oklab,var(--brand-bone,#f4efe7)16%,transparent);block-size:2px;inline-size:100%;overflow:hidden}.jny__bar i{background:var(--color-accent,#c8122f);transform-origin:0;block-size:100%;display:block;transform:scaleX(0)}.jny__chapters{z-index:2;margin-top:calc(var(--jny-stage)*-1);pointer-events:none;padding-top:58svh;position:relative}.jny__title{pointer-events:auto;text-wrap:balance;max-inline-size:22ch;color:var(--brand-bone,#f4efe7);margin:0 0 1.2rem;padding:.5rem clamp(.9rem,2.4vw,1.6rem);font-size:clamp(1.5rem,3.4vw,2.4rem);line-height:1.12}.jny__ch{pointer-events:auto;box-sizing:border-box;min-height:100svh;max-inline-size:min(30rem,78%);margin-inline-start:clamp(.9rem,6vw,5rem);padding-block:12vh 0}.jny__ch:nth-child(3){margin-inline:auto clamp(.9rem,6vw,5rem)}.jny__ch__in{flex-direction:column;display:flex;position:sticky;top:clamp(4.75rem,9vh,6.5rem)}.jny__ch__in>*{background:var(--jny-scrim);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding-inline:clamp(.9rem,2.4vw,1.5rem)}.jny__eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent-text,#ef4d67);margin:0;padding-block:.7rem .2rem;font-size:.78rem}.jny__name{color:var(--brand-bone,#f4efe7);margin:0;padding-block:0 .4rem;font-size:clamp(1.6rem,4vw,2.6rem);line-height:1.08}.jny__body{max-inline-size:var(--measure,34rem);color:color-mix(in oklab,var(--brand-bone,#f4efe7)82%,transparent);border-end-end-radius:var(--w-r-md,18px);border-end-start-radius:var(--w-r-md,18px);margin:0;padding-block:0 .95rem;font-size:1rem;line-height:1.55}@media (prefers-reduced-motion:reduce){.jny__stage{height:min(70vh,34rem);position:relative}.jny__chapters{margin-top:0;padding-top:2rem}.jny__ch{min-height:0;padding-block:1.6rem 0}.jny__ch__in{position:static}.jny__ch:nth-child(3){margin-inline:clamp(.9rem,6vw,5rem) auto}.jny__poster{transition:none}}@media (max-width:780px){.jny{--jny-stage:100svh}.jny__ch,.jny__ch:nth-child(3){max-inline-size:none;margin-inline:.75rem}.jny__rail{bottom:.75rem;left:.75rem;right:.75rem}.jny__rail ol{flex-direction:row;justify-content:space-between;gap:.5rem}.jny__railname{display:none}.jny__rail a{gap:0}}
