@media (width>=1024px){.panel[data-astro-cid-pdwl2akm]{background:var(--color-line);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%);padding:1px}.panel-inner[data-astro-cid-pdwl2akm]{background:var(--color-surface);clip-path:polygon(0 0,calc(100% - 15.59px) 0,100% 15.59px,100% 100%,0 100%);padding:2rem}.tie[data-astro-cid-zxlm3qii]{background:var(--color-line);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%);border-top:0;padding:1px}.tie-inner[data-astro-cid-zxlm3qii]{background:var(--color-surface);clip-path:polygon(0 0,calc(100% - 15.59px) 0,100% 15.59px,100% 100%,0 100%);padding:2rem}}.star-diagram[data-astro-cid-fo2ugloa]{width:100%;aspect-ratio:var(--n-ar);margin-inline:auto;position:relative}.star-stage[data-astro-cid-fo2ugloa]{left:var(--n-stage-x);top:var(--n-stage-y);width:var(--n-stage-w);aspect-ratio:1;position:absolute}.star-phone[data-astro-cid-fo2ugloa]{left:var(--n-phone-x);top:var(--n-phone-y);width:var(--n-phone-w);height:var(--n-phone-h);position:absolute;overflow:hidden;mask-image:linear-gradient(#000 78%,#0000)}.star-desktop[data-astro-cid-fo2ugloa]{left:var(--n-desk-x);top:var(--n-desk-y);width:var(--n-desk-w);position:absolute}.star-port[data-astro-cid-fo2ugloa]{width:0;height:0;position:absolute}.star-port-phone[data-astro-cid-fo2ugloa]{left:var(--n-port-phone-x);top:var(--n-port-phone-y)}.star-port-desk[data-astro-cid-fo2ugloa]{left:var(--n-port-desk-x);top:var(--n-port-desk-y)}@media (width>=1024px){.star-diagram[data-astro-cid-fo2ugloa]{aspect-ratio:var(--w-ar)}.star-stage[data-astro-cid-fo2ugloa]{left:var(--w-stage-x);top:var(--w-stage-y);width:var(--w-stage-w)}.star-phone[data-astro-cid-fo2ugloa]{left:var(--w-phone-x);top:var(--w-phone-y);width:var(--w-phone-w);height:var(--w-phone-h);mask-image:none}.star-desktop[data-astro-cid-fo2ugloa]{left:var(--w-desk-x);top:var(--w-desk-y);width:var(--w-desk-w)}.star-port-phone[data-astro-cid-fo2ugloa]{left:var(--w-port-phone-x);top:var(--w-port-phone-y)}.star-port-desk[data-astro-cid-fo2ugloa]{left:var(--w-port-desk-x);top:var(--w-port-desk-y)}}.star-view[data-astro-cid-fo2ugloa]{touch-action:pan-y;-webkit-user-select:none;user-select:none;position:absolute;inset:0}.star-still[data-astro-cid-fo2ugloa],.star-canvas[data-astro-cid-fo2ugloa]{width:100%;height:100%;position:absolute;inset:0}.star-still[data-astro-cid-fo2ugloa]{transition:opacity .5s}.star-canvas[data-astro-cid-fo2ugloa]{opacity:0;outline:none;transition:opacity .5s}.star-labels[data-astro-cid-fo2ugloa]{pointer-events:none;margin:0;padding:0;list-style:none;display:none;position:absolute;inset:0;overflow:hidden}.star-label[data-astro-cid-fo2ugloa]{white-space:nowrap;opacity:0;align-items:center;display:flex;position:absolute;top:0;left:0;transform:translateY(-50%)}.star-label[data-astro-cid-fo2ugloa][data-side=left]{flex-direction:row-reverse;transform:translate(-100%,-50%)}.star-label-dot[data-astro-cid-fo2ugloa]{z-index:1;box-sizing:border-box;background:var(--color-basalt);border:2px solid #fff;border-radius:999px;width:7px;height:7px;margin:0 -3.5px;position:relative}.star-label-line[data-astro-cid-fo2ugloa]{background:var(--color-basalt);width:16px;height:1px}.star-label-text[data-astro-cid-fo2ugloa]{color:var(--color-basalt);background:#ffffffd9;padding:1px 5px;font-size:.75rem;font-weight:600;line-height:1.3}.star-hint[data-astro-cid-fo2ugloa]{inset-inline:0;color:var(--color-basalt-soft);letter-spacing:.08em;text-transform:uppercase;pointer-events:none;justify-content:center;align-items:center;gap:.5rem;margin:0;font-size:.75rem;font-weight:600;transition:opacity .4s;display:none;position:absolute;bottom:.9rem}@media (width>=640px){.star-label-text[data-astro-cid-fo2ugloa]{font-size:.8125rem}}.star-arcs[data-astro-cid-fo2ugloa]{z-index:10;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.star-arc-halo[data-astro-cid-fo2ugloa],.star-arc-base[data-astro-cid-fo2ugloa],.star-arc-lit[data-astro-cid-fo2ugloa]{fill:none;stroke-linecap:round}.star-arc-halo[data-astro-cid-fo2ugloa]{stroke:#fff;stroke-width:5px;opacity:.85;vector-effect:non-scaling-stroke}.star-arc-base[data-astro-cid-fo2ugloa]{stroke:var(--color-lava-600);stroke-width:1.75px;stroke-dasharray:2 7;vector-effect:non-scaling-stroke}.star-arc-lit[data-astro-cid-fo2ugloa]{stroke:var(--color-lava-600);stroke-width:3px;stroke-dasharray:1 1;opacity:0}.star-end[data-astro-cid-fo2ugloa]{fill:var(--color-lava-600)}.star-pulse[data-astro-cid-fo2ugloa]{fill:var(--color-lava-600);opacity:0;display:none}.star-pulse-halo[data-astro-cid-fo2ugloa]{opacity:.25}[data-live] .star-still[data-astro-cid-fo2ugloa]{opacity:0}[data-live] .star-canvas[data-astro-cid-fo2ugloa]{opacity:1}[data-live] .star-view[data-astro-cid-fo2ugloa]{cursor:grab}[data-live] .star-view[data-astro-cid-fo2ugloa]:active{cursor:grabbing}[data-live] .star-labels[data-astro-cid-fo2ugloa]{display:block}[data-live] .star-hint[data-astro-cid-fo2ugloa]{display:flex}[data-used] .star-hint[data-astro-cid-fo2ugloa]{opacity:0}[data-live] .star-end[data-astro-cid-fo2ugloa]{display:none}[data-live] .star-pulse[data-astro-cid-fo2ugloa]{display:block}[data-live] .star-arc-base[data-astro-cid-fo2ugloa]{opacity:.45}[data-live] .star-arc-lit[data-astro-cid-fo2ugloa]{opacity:1}[data-live] .star-track[data-astro-cid-fo2ugloa]{min-height:240svh}[data-live] .star-sticky[data-astro-cid-fo2ugloa]{position:sticky;top:5rem}[data-live] .star-diagram[data-astro-cid-fo2ugloa]{width:min(100%, max(18rem, calc((100svh - 9rem) * var(--n-k))))}@media (width>=1024px){[data-live] .star-diagram[data-astro-cid-fo2ugloa]{width:min(100%, max(30rem, calc((100svh - 8rem) * var(--w-k))))}}.star-toast[data-astro-cid-fo2ugloa]{transition:opacity .4s,translate .4s}.star-row-lit[data-astro-cid-fo2ugloa]{background:var(--color-lava-50);box-shadow:inset .9cqw 0 0 var(--color-lava-600);transition:background-color .4s,box-shadow .4s}.star-age-old[data-astro-cid-fo2ugloa]{display:none}[data-live] .star-diagram[data-astro-cid-fo2ugloa]:not([data-arrived]) .star-toast[data-astro-cid-fo2ugloa]{opacity:0;translate:0 -4cqw}[data-live] .star-diagram[data-astro-cid-fo2ugloa]:not([data-arrived]) .star-row-lit[data-astro-cid-fo2ugloa]{box-shadow:none;background:0 0}[data-live] .star-diagram[data-astro-cid-fo2ugloa]:not([data-arrived]) .star-age-new[data-astro-cid-fo2ugloa]{display:none}[data-live] .star-diagram[data-astro-cid-fo2ugloa]:not([data-arrived]) .star-age-old[data-astro-cid-fo2ugloa]{display:inline}.film-grid{margin-top:3rem}.film-beat{gap:1.5rem;padding-block:2.5rem;display:grid}.film-pic{justify-items:center;display:grid}.film-pic .phone{width:min(100%,16rem)}.film-pic .browser{width:100%}.film-stage{display:none}@media (width>=64rem){.film-beat{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:3rem}}.film-on .film-grid{grid-template-columns:minmax(0,1fr);display:grid}.film-on .film-stage{z-index:10;background:var(--color-stone);border-bottom:1px solid var(--color-line);grid-area:1/1;align-self:start;height:55svh;display:block;position:sticky;top:4rem;container-type:size}.film-on .film-beats{grid-area:1/1;margin-top:55svh}.film-on .film-beat{opacity:.4;grid-template-columns:minmax(0,1fr);align-items:center;min-height:70svh;padding-block:0;transition:opacity .3s}.film-on .film-beat.is-active{opacity:1}.film-on .film-num{color:var(--color-basalt-soft);transition:color .3s}.film-on .film-beat.is-active .film-num{color:var(--color-lava-600)}.film-on .film-pic{opacity:0;pointer-events:none;place-items:center;padding:.75rem;display:grid;position:absolute;inset:0}.film-on .film-pic .phone{width:min(46.15cqh - .69225rem,100cqw - 1.5rem,20rem)}.film-on .film-pic .browser{width:min(100%,142.857cqh - 2.14286rem)}@media (width>=64rem){.film-on .film-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:3rem}.film-on .film-beats{margin-top:0}.film-on .film-stage{background:0 0;border-bottom:0;grid-area:1/2;height:calc(100svh - 4rem)}.film-on .film-beat{min-height:80svh}}