.story{--flat:0;--sweep:0;--ink:0;--pull:0;--ipad:0;--zoom:calc(.94 + .34 * var(--flat) - .34 * var(--pull) - .22 * var(--ipad));position:relative}.story-hero{padding:52px 0 40px}.story-hero h1{letter-spacing:-2.6px;margin:0 0 26px;font-size:clamp(42px,5.7vw,76px);line-height:1.03}.story-stage{z-index:2;height:58vh;background:var(--paper);grid-template-rows:minmax(0,1fr) auto;height:58svh;margin:0;display:grid;position:sticky;top:0;overflow:hidden}.story-view{place-items:center;min-height:0;display:grid;position:relative;overflow:hidden;container-type:size}.story-stage figcaption{z-index:1;background:var(--paper);color:var(--muted);text-align:center;justify-self:stretch;padding:6px 12px 10px;font-size:11px;line-height:1.5;position:relative}.story-camera{--sheet:min(70vw,40vh);width:var(--sheet);aspect-ratio:17/22;font-size:calc(var(--sheet) * .034);transform-origin:50% 28%;transform:translateY(calc((1 - var(--flat)) * 6%)) scale(var(--zoom));position:relative}@supports (container-type:size){.story-camera{--sheet:min(74cqw,60cqh)}}.story-sheet{z-index:1;color:#243546;transform-origin:50% 100%;transform:perspective(90em) rotateX(calc((1 - var(--flat)) * 36deg)) rotateZ(calc((1 - var(--flat)) * -3deg));background:#fff;border:1px solid #dce0d7;border-radius:3px;padding:7% 7.5%;position:absolute;inset:0;overflow:hidden;box-shadow:0 1.2em 3em #24354618}.sheet-top{letter-spacing:.18em;color:#6b7580;border-bottom:1px solid #e0e4db;justify-content:space-between;padding-bottom:1.1em;font-size:.6em;display:flex}.story-sheet .sheet-title{letter-spacing:-.02em;color:#243546;margin:1.1em 0 1.3em;font:1.95em/1.15 Georgia,serif}.story-sheet .sheet-q{color:#53616b;margin:0 0 .3em;font-size:.88em;line-height:1.5}.sheet-answer{border-bottom:1px solid #bac3cc;height:2.6em;margin-bottom:1.5em;position:relative}.sheet-typed{color:#40505e;white-space:nowrap;font-size:1.02em;line-height:1.4;position:absolute;bottom:.3em;left:0}.sheet-typed-live{opacity:calc(1 - clamp(0, var(--ink) * 3.5, 1))}.sheet-mark{background:linear-gradient(#3159cc30,#3159cc30) no-repeat 0 60%/calc(var(--sweep) * 100%) 78%;border-radius:.12em;margin:0 -.12em;padding:0 .12em}.sheet-plant{fill:none;stroke:#53616b;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;width:62%;margin:.5em auto 0;display:block}.sheet-plant .sheet-ground{stroke:#bac3cc;stroke-width:1px}.sheet-ink{--flat:0;--sweep:0;--pull:0;--ipad:0;--zoom:1;aspect-ratio:330/36;width:92%;position:absolute;top:.85em;left:0}.sheet-ink-main,.sheet-ink-layer,.sheet-ink-wipe,.sheet-ink-glyph{width:100%;height:100%;position:absolute;inset:0}.sheet-ink-wipe{clip-path:inset(-40% calc(100% - clamp(0, (var(--ink) - .2) / .8, 1) * 100%) -40% -5%);background:0 0/100% 100% no-repeat}.sheet-ink-glyph{--k:clamp(0, (var(--ink) - var(--s)) / var(--d), 1);opacity:clamp(0, var(--k) * 1000, 1);clip-path:inset(-40% calc(100% - (var(--x0) + (var(--x1) - var(--x0) + 1.2) * var(--k)) * 1%) -40% calc((var(--x0) - 1.2) * 1%))}.sheet-ink-layer:not(.is-shown){--ink:1}.sheet-ink-layer{opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s .25s}.sheet-ink-layer.is-shown{opacity:1;visibility:visible;transition-delay:0s}.sheet-ink-main.is-quick .sheet-ink-layer{transition:none}@media (prefers-reduced-motion:reduce){.sheet-ink-layer{transition:none}}.story-device{opacity:var(--ipad);transform:translateY(calc((1 - var(--ipad)) * 10%)) scale(calc(1.05 - .05 * var(--ipad)));background:#27313b;border-radius:1.6em;position:absolute;inset:-6% -7.5%;box-shadow:0 1.6em 4em #1a263430,inset 0 0 0 .18em #3b4652}.story-device:after{content:"";background:#3b4652;border-radius:50%;width:.4em;height:.4em;margin-left:-.2em;position:absolute;top:2.4%;left:50%}.story-share{z-index:2;color:#243546;opacity:var(--ipad);transform:translateY(calc((1 - var(--ipad)) * 35%));background:#f4f5f3;border-radius:1em;padding:1em 1em .7em;font-size:1.15em;position:absolute;bottom:3%;left:6%;right:6%;box-shadow:0 -.4em 2em #1a26341f}.story-share strong{margin:0 0 .6em .5em;font-size:.8em;font-weight:600;display:block}.story-share ul{margin:0;padding:0;list-style:none}.story-share li{border-top:1px solid #e2e5e0;align-items:center;gap:.7em;padding:.55em .5em;font-size:.95em;display:flex}.story-share li svg{color:#3159cc;flex-shrink:0;width:1.1em;height:1.1em}.story-share li.is-picked{color:#2b4fb8;background:#3159cc17;border-color:#0000;border-radius:.5em}.story-caption{z-index:1;min-height:62vh;min-height:62svh;padding:26px 0 40px;position:relative}.story-caption:last-child{min-height:72vh;min-height:72svh}.story-caption h2{letter-spacing:-.035em;max-width:12em;color:var(--ink);text-wrap:balance;margin:0 0 18px;font:400 clamp(32px,4.2vw,54px)/1.08 Georgia,serif}.story-caption :is(a,input){scroll-margin-top:62vh;scroll-margin-top:62svh}.story-neat{max-width:340px;margin:4px 0 20px}.story-neat label{justify-content:space-between;margin-bottom:10px;font-size:14px;font-weight:500;display:flex}.story-neat output{color:var(--blue);font-weight:400}.story-neat input{height:28px}.story-neat .story-neat-note{color:var(--muted);margin:0;font-size:12px;line-height:1.5}@media (min-width:900px) and (orientation:landscape){.story{grid-template-columns:minmax(0,5fr) minmax(0,6fr);column-gap:clamp(32px,5vw,88px);display:grid}.story-hero{min-height:calc(100vh - 120px);flex-direction:column;grid-area:1/1;justify-content:center;min-height:calc(100svh - 120px);padding:40px 0;display:flex}.story-stage{height:100vh;grid-area:1/2/7;align-self:start;height:100svh}.story-caption,.story-caption:last-child{min-height:100vh;flex-direction:column;grid-column:1;justify-content:center;min-height:100svh;padding:0;display:flex}.story-caption :is(a,input){scroll-margin-top:0}@supports (container-type:size){.story-camera{--sheet:min(70cqw,62cqh)}}}.story-close{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:clamp(28px,5vw,72px);padding:72px 0 88px;display:grid}.story-close h2{letter-spacing:-.035em;max-width:11em;color:var(--ink);margin:0 0 6px;font:400 clamp(34px,4.4vw,56px)/1.08 Georgia,serif}.story-close .story-promise{max-width:26em;color:var(--ink);margin:14px 0 0;font-size:17px;line-height:1.6}.story-loop{min-width:0;margin:0}.story-loop-frame{aspect-ratio:16/9;background:var(--launch-tint);border-radius:14px;position:relative;overflow:hidden}.story-loop video{object-fit:cover;width:100%;height:100%;display:block}.launch-site .story-loop-toggle{min-height:40px;padding:8px 14px;font-size:13px;position:absolute;bottom:12px;right:12px}.story-loop figcaption{color:var(--muted);margin-top:10px;font-size:11px;line-height:1.6}@media (max-width:800px){.story-close{grid-template-columns:1fr;padding:50px 0 56px}}
