.story-body{display:flex;flex-direction:column}.story-text-col,.story-stage-col{display:contents}.story-stage{position:sticky;top:0;z-index:10;order:-1;background:hsl(var(--lp-ink))}.story-card-h{height:50vh;height:min(50svh,125vw)}.story-stage-box{height:100%}.story-stage-media{height:calc(100% - 2.75rem)}.story-intro{order:-2}.story-steps>li{min-height:calc(50vh - 72px);min-height:calc(100svh - min(50svh,125vw) - 72px - env(safe-area-inset-bottom,0px))}@media (min-width: 768px){.story-steps>li{min-height:calc(100svh - min(50svh,125vw))}}.story-gallery{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr))}@media (min-width: 1024px),(min-width: 640px) and (orientation: landscape){.story-body{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);-moz-column-gap:clamp(2rem,4vw,5rem);column-gap:clamp(2rem,4vw,5rem)}.story-text-col{display:block;grid-column:1;grid-row:1}.story-stage-col{display:block;grid-column:2;grid-row:1}.story-stage{order:0;top:var(--es-nav-h, 72px);height:calc(100vh - var(--es-nav-h, 72px));height:calc(100svh - var(--es-nav-h, 72px));display:flex;align-items:center;background:none}.story-stage-nav{position:absolute;top:calc(100% + 1rem);left:0;right:0}.story-stage-box{position:relative;width:100%;height:auto}.story-stage-media{aspect-ratio:4 / 3;height:auto;max-height:max(220px,calc(100svh - 240px));max-height:max(220px,min(calc(100svh - 240px),680px));width:100%}.story-steps>li{min-height:max(46svh,22rem)}.story-intro{min-height:calc(50svh - var(--es-nav-h, 72px) / 2 - 23svh)}.story-close{min-height:calc(50svh - var(--es-nav-h, 72px) / 2 - 20svh)}.story-gallery{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}}@media (max-height: 559px) and (orientation: landscape){.story-stage-nav{display:none}}.story-step-text{transition:opacity .35s ease}.story-step-text.is-dim{opacity:.62}.story-stage-frame{opacity:0;visibility:hidden;z-index:0}.story-stage-frame.is-prev{opacity:1;visibility:visible;z-index:1}.story-stage-frame.is-current{opacity:1;visibility:visible;z-index:2}.story-stage.is-motion .story-stage-frame.is-current.is-entering{animation:story-in .45s ease both}@keyframes story-in{0%{opacity:0}to{opacity:1}}.story-stage-frame:not(.is-current) .story-ov{opacity:0}.story-stage.is-motion .story-stage-frame.is-current.is-entering .story-ov{animation:story-in .25s ease .3s both}.story-drift{transform:scale(1.06);transition:transform 7s cubic-bezier(.2,.7,.2,1);will-change:transform}.story-drift.is-active{transform:scale(1)}.story-wipe{clip-path:inset(0 0 0 50%)}.story-wipe-line{transform:translate(50%)}.story-wipe.is-playing{animation:story-wipe 7.5s cubic-bezier(.65,0,.35,1) infinite}.story-wipe-line.is-playing{animation:story-wipe-line 7.5s cubic-bezier(.65,0,.35,1) infinite}@keyframes story-wipe{0%,12%{clip-path:inset(0 0 0 100%)}45%,78%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 0 0 100%)}}@keyframes story-wipe-line{0%,12%{transform:translate(100%);opacity:0}14%{opacity:1}45%{transform:translate(0);opacity:1}47%,78%{transform:translate(0);opacity:0}80%{opacity:1}to{transform:translate(100%);opacity:1}}.story-tile.is-motion,.story-post.is-motion{transform:translateY(10px) scale(.96);transition:transform .8s cubic-bezier(.2,.7,.2,1)}.story-tile.is-motion.is-active,.story-post.is-motion.is-active{transform:none}@media (prefers-reduced-motion: reduce){.story-drift,.story-tile.is-motion,.story-post.is-motion{transform:none!important;transition:none!important}.story-wipe.is-playing,.story-wipe-line.is-playing{animation:none!important}.story-step-text{transition:none!important}.story-stage-frame,.story-stage-frame .story-ov{animation:none!important}}