.session-story{margin-top:32px}.story-step{padding:32px 0;display:grid;gap:20px;border-top:1px solid var(--line)}.story-step h3{font-size:clamp(26px,3vw,38px);line-height:1.18;text-wrap:balance}.story-number{display:inline-grid;place-items:center;width:34px;height:34px;margin-right:10px;border-radius:50%;color:var(--ink);background:rgb(78 205 196/18%);box-shadow:inset 0 0 0 1px rgb(78 205 196/22%);font-weight:600}.story-step:nth-child(2) .story-number{background:rgb(255 107 107/14%);box-shadow:inset 0 0 0 1px rgb(255 107 107/18%)}.story-step>p{max-width:48ch}.story-preview{display:none}.story-mobile-preview{margin:8px 0 0;position:relative;isolation:isolate}.story-mobile-preview:before,.story-preview:before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:4% -8% 6%;background:radial-gradient(ellipse at 25% 42%,rgb(78 205 196/46%),transparent 70%),radial-gradient(ellipse at 78% 65%,rgb(255 107 107/34%),transparent 68%);filter:blur(28px)}.phone-device{position:relative;display:grid;width:min(100%,300px);aspect-ratio:78/163.4;margin-inline:auto;box-sizing:border-box;padding:30px 5px 15px;background:#eff3f2;border:4px solid #15191e;border-radius:42px;box-shadow:0 0 0 1px #abb0b7,0 0 0 3px #454a52,0 20px 45px rgb(39 48 57/20%)}.phone-device:before{content:"";position:absolute;z-index:2;top:9px;left:calc(50% - 32px);width:64px;height:18px;border-radius:20px;background:radial-gradient(circle at 83% 50%,#172330 0 3px,#080a0d 4px)}.phone-device:after{content:"";position:absolute;bottom:6px;left:calc(50% - 35px);width:70px;height:3px;border-radius:4px;background:#20252b}.phone-device img{display:block;grid-area:1/1;width:100%;height:100%;min-height:0;object-fit:contain;border-radius:3px}.phone-controls:after,.phone-controls:before{content:"";position:absolute;width:3px;border-radius:2px;background:#535a63}.phone-controls:before{left:-7px;top:18%;height:18px;box-shadow:0 36px #535a63,0 65px #535a63}.phone-controls:after{right:-7px;top:28%;height:42px}.phone-controls{position:absolute;inset:0;pointer-events:none}.story-mobile-preview figcaption{margin-top:16px}.story-mobile-preview .phone-device{width:min(88%,300px,calc(70svh * 78 / 163.4));transform:translateY(var(--mobile-rise,0)) scale(var(--mobile-scale,1));transform-origin:center center}@media (min-width:1000px) and (min-height:700px){.session-story{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:72px}.story-step{min-height:48vh;align-content:center;padding:40px 0;border:0}.story-step .eyebrow{color:var(--muted)}.story-step[data-active=true] .eyebrow{color:var(--ink)}.story-mobile-preview{display:none}.story-preview{display:grid;justify-items:center;gap:16px;position:sticky;top:105px;transform:translateY(var(--story-settle-y,0));padding-block:20px;isolation:isolate}.story-screen-stack{width:min(100%,310px,calc((100vh - 200px) * 78 / 163.4))}.story-screen-stack img{opacity:0;visibility:hidden;transition:opacity .42s cubic-bezier(.22,1,.36,1),visibility 0s linear .42s}.story-screen-stack img[data-active=true]{opacity:1;visibility:visible;transition-delay:0s}.story-caption{text-align:center;max-width:40ch;min-height:3em}.story-progress{display:flex;gap:8px}.story-progress span{height:3px;width:26px;background:var(--line);transition:background-color .42s ease}.story-progress span[data-active=true]{background:var(--ink)}}@media (prefers-reduced-motion:reduce){.story-mobile-preview .phone-device,.story-preview,.story-progress span,.story-screen-stack img{transition:none;transform:none}}