.pn-story{--pn-story-hdr:4rem;--pn-story-h:calc(100vh - var(--pn-story-hdr));position:relative}@supports (height:100svh){.pn-story{--pn-story-h:calc(100svh - var(--pn-story-hdr))}}.pn-story-anchor{position:absolute;left:0;top:0;width:1px;height:1px;scroll-margin-top:var(--pn-story-hdr);pointer-events:none}.pn-story-stage{position:relative}.pn-story-cv,.pn-story-hint,.pn-story-pause,.pn-story-rail,.pn-story-scrim{display:none}.pn-story-panels{position:relative;margin-inline:auto;max-width:72rem;padding-inline:1.5rem}.pn-story-panel{position:relative;padding-block:3rem}.pn-story-panel[data-k="0"]{display:flex;align-items:center;min-height:var(--pn-story-h);padding-block:2rem}.pn-story-copy{position:relative;max-width:34rem}.pn-story-panel[data-k="0"] .pn-story-copy{max-width:36rem}.pn-story-still{display:block;width:100%;max-width:30rem;height:auto;margin-inline:auto}@media (max-width:1023px){.pn-story-copy,.pn-story-panel[data-k="0"] .pn-story-copy{max-width:40rem;margin-inline:auto}}.pn-story.is-still .pn-story-panel{display:grid;align-items:center;gap:2rem}@media (min-width:1024px){.pn-story.is-still .pn-story-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.pn-story.is-live{height:calc(var(--pn-story-h) * 5.5)}.pn-story.is-live .pn-story-stage{position:sticky;top:var(--pn-story-hdr);height:var(--pn-story-h);overflow:hidden}.pn-story.is-live .pn-story-cv{display:block;position:absolute;inset:0;width:100%;height:100%}.pn-story.is-live .pn-story-ov{pointer-events:none}.pn-story.is-live .pn-story-scrim{display:block;position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,hsl(var(--background)/.82) 0,hsl(var(--background)/.62) 30%,hsl(var(--background)/0) 58%)}.pn-story.is-live .pn-story-panels{position:absolute;inset:0}.pn-story.is-live .pn-story-panel,.pn-story.is-live .pn-story-panel[data-k="0"]{position:absolute;inset:0 1.5rem;display:flex;align-items:center;min-height:0;padding-block:0;opacity:0;pointer-events:none;will-change:opacity,transform}.pn-story.is-live .pn-story-panel[data-k="0"]{opacity:1}.pn-story.is-live .pn-story-panel.is-on{pointer-events:auto}.pn-story.is-live .pn-story-copy,.pn-story.is-live .pn-story-panel[data-k="0"] .pn-story-copy{width:44%;max-width:33rem;margin:0}.pn-story.is-live .pn-story-still{display:none}.pn-story.is-live .pn-story-rail{display:flex;position:absolute;z-index:2;left:0;right:0;bottom:calc(1.5rem + var(--pn-story-lift, 0px));margin-inline:auto;max-width:72rem;padding-inline:1.5rem;gap:.5rem;pointer-events:none}.pn-story-rail button{pointer-events:auto;flex:0 0 5.6rem;padding:.6rem 0 0;border:0;background:none;text-align:left;cursor:pointer;font-size:.6875rem;line-height:1.2;letter-spacing:.02em;color:hsl(var(--muted-foreground)/.75);transition:color .3s;border-top:2px solid hsl(var(--foreground)/.14);position:relative}.pn-story-rail button:before{content:"";position:absolute;left:0;top:-2px;height:2px;width:100%;transform-origin:left;transform:scaleX(var(--pn-fill,0));background:hsl(var(--primary))}.pn-story-rail button.is-on,.pn-story-rail button:hover{color:hsl(var(--foreground))}.pn-story-rail button:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:4px}.pn-story-rail .pn-story-no{display:block;font-variant-numeric:tabular-nums;opacity:.7;margin-bottom:.1rem}.pn-story.is-live .pn-story-hint{display:flex;position:absolute;z-index:2;left:50%;bottom:calc(1.4rem + var(--pn-story-lift, 0px));transform:translateX(-50%);flex-direction:column;align-items:center;gap:.4rem;font-size:.6875rem;letter-spacing:.16em;text-transform:uppercase;color:hsl(var(--muted-foreground));pointer-events:none}.pn-story-hint:after{content:"";width:1px;height:1.6rem;background:linear-gradient(hsl(var(--primary)),hsl(var(--primary)/0));animation:pn-story-hint 1.8s cubic-bezier(.4,0,.2,1) infinite;transform-origin:top}@keyframes pn-story-hint{0%{transform:scaleY(0);opacity:0}35%{transform:scaleY(1);opacity:1}to{transform:scaleY(1) translateY(.5rem);opacity:0}}.pn-story.is-live .pn-story-pause{display:inline-flex;position:absolute;z-index:2;right:1.25rem;bottom:calc(1.25rem + var(--pn-story-lift, 0px));height:2.75rem;width:2.75rem;align-items:center;justify-content:center;border-radius:9999px;border:1px solid hsla(0,0%,100%,.1);background:rgba(17,34,64,.7);color:hsl(var(--muted-foreground));transition:color .2s;cursor:pointer}.pn-story-pause:hover{color:hsl(var(--foreground))}.pn-story-pause:focus-visible{outline:2px solid hsl(var(--primary));outline-offset:2px}@media (max-width:1023px){.pn-story.is-live .pn-story-scrim{background:linear-gradient(0deg,hsl(var(--background)) 0,hsl(var(--background)/.94) 40%,hsl(var(--background)/0) 64%)}.pn-story.is-live .pn-story-panel,.pn-story.is-live .pn-story-panel[data-k="0"]{align-items:flex-end;inset:0 1.25rem;padding-bottom:1.25rem}.pn-story.is-live .pn-story-copy,.pn-story.is-live .pn-story-panel[data-k="0"] .pn-story-copy{width:100%;max-width:36rem;margin-inline:auto}.pn-story.is-live .pn-story-rail{top:.75rem;bottom:auto;gap:.3rem;padding-inline:1.25rem}.pn-story-rail button{flex:1 1 0;padding-top:.45rem;font-size:.625rem}.pn-story-rail button span:not(.pn-story-no){display:none}.pn-story-rail button.is-on span:not(.pn-story-no){display:inline}.pn-story-rail .pn-story-no,.pn-story.is-live .pn-story-hint{display:none}.pn-story.is-live .pn-story-pause{top:2.4rem;bottom:auto;right:.75rem;height:2.5rem;width:2.5rem}.pn-story.is-live .pn-story-panel[data-k="0"] h1{margin-top:.9rem;font-size:2rem;line-height:1.12}.pn-story.is-live .pn-story-panel[data-k="0"] h1+p{margin-top:.7rem;font-size:.9375rem;line-height:1.5}.pn-story.is-live .pn-story-panel[data-k="0"] h1+p+div{margin-top:1rem;flex-direction:row;flex-wrap:wrap;gap:.6rem}.pn-story.is-live .pn-story-panel[data-k="0"] h1+p+div a{padding:.65rem 1.1rem}.pn-story.is-live .pn-story-panel[data-k="0"] h1+p+div+div{margin-top:.9rem;gap:.35rem 1rem}.pn-story.is-live .pn-story-panel h2{font-size:1.625rem;line-height:1.15}}