.story{height:calc(640 * var(--vh))}.story:not(.is-free) .st-step{pointer-events:none}html.story-on [data-fab]{opacity:0;pointer-events:none;transform:translateY(.75rem)}.st-sticky{height:calc(100 * var(--vh) - 4.5rem);box-sizing:border-box;padding:clamp(1rem, 3svh, 2rem) var(--edge);grid-template:"head stage""steps stage"1fr"bar stage"/minmax(18rem,.8fr) 1.7fr;column-gap:clamp(1.5rem,4vw,4rem);display:grid;position:sticky;top:4.5rem}.st-head{grid-area:head;align-self:end}.st-title{font-size:clamp(1.9rem, min(3.2vw, calc(6.2 * var(--vh))), 3.2rem);margin-top:.4rem;line-height:1.02}.st-steps{grid-area:steps;align-self:center;gap:clamp(.1rem,.8svh,.5rem);margin:clamp(.6rem,2.4svh,1.5rem) 0;display:grid}.st-bar{grid-area:bar;align-items:center;gap:1rem;display:flex}.st-stage{aspect-ratio:3/2;border-radius:var(--radius-frame);background:#e9e5de;grid-area:stage;place-self:center;width:100%;max-height:100%;position:relative;overflow:hidden}.st-stage video,.st-still{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.st-still{z-index:1;opacity:1;transition:opacity .5s}.st-stage.has-video:not(.is-stills) .st-still{opacity:0}.st-stage.is-stills video{visibility:hidden}.st-seal,.st-hint,.st-replay,.st-play{z-index:2}.st-step{text-align:left;cursor:pointer;gap:.9rem;width:100%;padding:.3rem 0;display:flex}.st-n,.st-t{transition:opacity .5s var(--ease-out-soft)}.st-n{font-family:var(--font-display);color:var(--color-brand-ink);opacity:.92;min-width:2.2ch;font-size:clamp(1.4rem,3.8svh,2.1rem);line-height:1}.st-t{opacity:.66;font-size:clamp(.98rem,2.5svh,1.15rem);font-weight:600;line-height:1.25;display:block}.st-steps li.is-done .st-t{opacity:.76}.st-step:hover .st-t{opacity:.86}.st-steps li.is-active :is(.st-n,.st-t){opacity:1}.st-d{color:var(--color-mute);max-height:0;transition:max-height .6s var(--ease-out-soft), margin .6s var(--ease-out-soft);font-size:clamp(.85rem,2.2svh,.95rem);line-height:1.4;display:block;overflow:hidden}.st-steps li.is-active .st-d{max-height:5.6em;margin-top:.2rem}.st-progress{background:#0b2f3f1f;border-radius:3px;flex:1;height:3px;overflow:hidden}.st-progress i{background:var(--color-night);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.st-skip{min-height:2.75rem;color:var(--color-night);white-space:nowrap;align-items:center;gap:.4rem;font-size:.9rem;font-weight:600;display:inline-flex}.st-skip:hover{text-underline-offset:.2em;text-decoration:underline}.st-seal{color:var(--color-night);opacity:0;transition:opacity .4s, transform .5s var(--ease-out-soft);pointer-events:none;white-space:nowrap;background:#fffffff0;border-radius:.5rem;align-items:center;gap:.5rem;padding:.55rem .9rem;font-size:.9rem;font-weight:600;display:flex;position:absolute;top:1rem;left:50%;transform:translate(-50%,-.5rem);box-shadow:0 10px 30px -12px #0b2f3f59}.st-seal svg{color:#fff;background:#1f9d6b;border-radius:50%;flex-shrink:0;padding:2px}.st-seal small{color:var(--color-mute);margin-left:.2rem;font-size:.8rem;font-weight:500}.st-seal.is-on{opacity:1;transform:translate(-50%)}.st-hint{color:var(--color-night);opacity:0;transition:opacity .5s .4s, transform .6s .4s var(--ease-out-soft);pointer-events:none;background:#ffffffeb;border-radius:99px;align-items:center;gap:.4rem;padding:.4rem .9rem;font-size:.85rem;font-weight:600;display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%,.5rem);box-shadow:0 8px 24px -12px #0b2f3f66}.st-hint.is-on{opacity:1;transform:translate(-50%)}.st-hint svg{animation:1.6s ease-in-out infinite st-bob}@keyframes st-bob{50%{transform:translateY(3px)}}.st-replay,.st-play{color:var(--color-night);background:#fffffff0;border-radius:.5rem;align-items:center;gap:.45rem;padding:.55rem .9rem;font-size:.9rem;font-weight:600;display:inline-flex;position:absolute;bottom:1rem;left:1rem;box-shadow:0 10px 30px -14px #0b2f3f66}.st-play{padding:.8rem 1.2rem;font-size:1rem;top:50%;bottom:auto;left:50%;transform:translate(-50%,-50%)}.st-play.is-optin{padding:.55rem .9rem;font-size:.9rem;top:1rem;left:auto;right:1rem;transform:none}.st-play.is-optin svg{width:16px;height:16px}.st-replay,.st-play{transition:background-color .2s,box-shadow .2s}.st-replay:hover,.st-play:hover{background:#fff;box-shadow:0 12px 32px -12px #0b2f3f80}.st-replay[hidden],.st-play[hidden],.st-skip[hidden]{display:none}@media (width<=1023px){.story{height:calc(560 * var(--vh))}.st-sticky{grid-template:"head""stage"minmax(0,1fr)"steps""bar"/1fr;padding:.9rem 1.25rem .75rem}.st-head .kicker{display:none}.st-title{margin:0 0 .75rem;font-size:clamp(1.6rem,7.4vw,2.2rem)}.st-stage{aspect-ratio:auto;width:100%;height:100%}.st-steps{margin:.8rem 0 .2rem}.st-steps li{grid-area:1/1}.st-steps li:not(.is-active){visibility:hidden}.st-step{padding:0}.st-d{max-height:none}.st-seal{padding:.45rem .7rem;font-size:.8rem;top:auto;bottom:1rem;transform:translate(-50%,.5rem)}.st-seal small{display:none}}@media (width<=1023px) and (height<=720px){.st-title{margin-bottom:.5rem;font-size:1.5rem}.st-d{font-size:.85rem}}
