[data-world=home]{--gutter:1rem;--content:87.5rem;--row:2.5rem;--row-top:.75rem;--edge:max(var(--gutter), calc((100% - var(--content)) / 2 + var(--gutter)));--sheet-shadow:0 -1.5rem 4rem var(--lightningcss-light,color-mix(in srgb, var(--ink) 14%, transparent))var(--lightningcss-dark,transparent);--stack-shadow:0 .75rem 1.75rem var(--lightningcss-light,color-mix(in srgb, var(--ink) 30%, transparent))var(--lightningcss-dark,color-mix(in srgb, var(--paper) 60%, transparent))}@media (min-width:64rem){[data-world=home]{--gutter:2rem;--row-top:.875rem}}.hero{touch-action:pan-y pinch-zoom;grid-template-columns:minmax(0,1fr);min-height:100svh;display:grid;position:relative;overflow:hidden}.hero-layer{width:100%;padding:var(--row-top) var(--edge) calc(var(--dock) + 1rem);flex-direction:column;grid-area:1/1;justify-content:space-between;gap:1.25rem;display:flex}.hero-top{min-height:var(--row);align-items:center;display:flex}@media not (min-width:40rem),(64rem<=width<72rem){.hero-where{display:none}}.hero-name{--name-fit:5.55;width:fit-content;font-size:min(calc((100vw - 2 * var(--gutter)) / var(--name-fit)), 34svh);letter-spacing:-.035em;line-height:1;position:relative}.hero-name>span{display:block}.hero-name:lang(en){--name-fit:4.6}.hero-foot{gap:1rem;display:grid}.hero-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex;position:relative}.hero-statement{line-height:1.35}@media (min-width:64rem){.hero-layer{padding-bottom:2rem}.hero-name{--name-fit:9.02;font-size:min(calc((100vw - 2 * var(--gutter)) / var(--name-fit)), calc((var(--content) - 2 * var(--gutter)) / var(--name-fit)), 34svh);white-space:nowrap}.hero-name>span{display:inline}.hero-name:lang(en){--name-fit:7.33}.hero-foot{grid-template-columns:1fr 1fr;align-items:end;gap:2rem}.hero-actions{justify-self:end}.hero-statement{font-size:1.25rem}}:root:not([data-intro]) .hero-code{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.hero-code{z-index:1;background-color:var(--page);color:var(--muted);clip-path:circle(var(--lens-r,0) at var(--lens-x,50%) var(--lens-y,50%));pointer-events:none;position:absolute;inset:0}.hero-code:before{content:"";z-index:-1;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:4rem 4rem;position:absolute;inset:0}.hero-twin{min-width:0;position:relative}.hero-twin>.hero-source{position:absolute;bottom:0;left:0}.hero-top .hero-twin>.hero-source{white-space:pre;align-items:center;display:flex;top:0}.hero-frame{width:fit-content;position:relative}.hero-outline{color:var(--page);-webkit-text-stroke:3px var(--accent);paint-order:stroke fill}.hero-outline>span{position:relative}.hero-hatch{color:#0000;-webkit-text-stroke:0;-webkit-background-clip:text;background-clip:text;padding-block:.2em;position:absolute;top:50%;left:0;translate:0 -50%}.hero-box{outline:1px solid var(--accent);position:absolute;inset:0}.hero-box:before{content:attr(data-size);background:var(--accent);color:var(--on-accent);font:500 .75rem/1.3 var(--mono);letter-spacing:0;white-space:nowrap;border-radius:.25rem;padding:.125rem .375rem;position:absolute;top:-1.625rem;right:0}.hero-near{white-space:pre;font-size:.6875rem;position:absolute;top:calc(100% + .25rem);left:0}.hero-control{display:inline-flex;position:relative}.hero-control:before{content:attr(data-size);color:var(--accent);font:500 .625rem/1 var(--mono);white-space:nowrap;display:none;position:absolute;top:calc(100% + .25rem);left:50%;translate:-50%}.hero-switch-source{display:none}.hero[data-layer=design] [data-tab=design] .code-face>span,.hero[data-layer=code] [data-tab=code] .code-face>span{background:var(--accent);color:var(--on-accent)}.hero:has([data-open]) [data-tab=settings] .code-face>span{background:var(--accent);color:var(--on-accent)}.hero-ring,.hero-switch,.hero-switch-twin,:root:not([data-js]) .hero-code{display:none}:root[data-js] .hero-switch,:root[data-js] .hero-switch-twin{top:var(--row-top);right:var(--edge);height:var(--row);align-items:center;display:flex;position:absolute}:root[data-js] .hero-tools>fieldset>legend{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.hero-tools{border-radius:var(--control-radius);background:var(--control-well);box-shadow:var(--control-rules);align-items:stretch;display:flex;position:relative}.hero-tools .segmented{box-shadow:none;background:0 0}.hero-settings{align-items:stretch;padding:.125rem .125rem .125rem 0;display:flex}.hero-settings:before{content:"";background:var(--line);flex:none;align-self:center;width:1px;height:1rem;margin-inline:.25rem}.hero-menu{z-index:2;width:min(21rem, calc(100vw - 2 * var(--gutter)));border-radius:var(--control-radius);background:var(--control-surface);box-shadow:var(--control-rules), var(--control-raise);color:var(--ink);opacity:0;visibility:hidden;flex-direction:column;gap:.875rem;padding:.875rem;display:flex;position:absolute;top:calc(100% + .625rem);right:0;translate:0 -.375rem}.hero-settings[data-open] .hero-menu{opacity:1;visibility:visible;translate:0}.hero[data-layer=code] .hero-menu{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.hero-menu .segmented{gap:.125rem;margin-left:-.625rem;padding:0}.hero-layer a:focus-visible{z-index:2;position:relative}.hero-switch:has(:focus-visible){z-index:2;position:relative}@media (min-width:64rem){.hero-twin>.hero-source{right:auto}.hero-near{font-size:.75rem;top:50%;left:auto;right:calc(100% + 1rem);translate:0 -50%}.hero-control:before{display:block}.hero-switch-source{white-space:pre;display:block;position:absolute;top:calc(100% + 1.25rem);right:0}}@media (min-width:64rem) and (not (min-height:52rem)){.hero-switch-source code:not(:first-child){display:none}.hero-switch-source code:first-child:after{content:" … />" / "";color:var(--accent)}}@media (min-width:64rem) and (not (min-height:37.5rem)){.hero-switch-source{display:none}}.hero-code .hero-tools,.hero-code .segmented{box-shadow:none;background:0 0}@media not (min-width:64rem){:root[data-js] .hero-top{padding-right:11.25rem}}@media not (min-width:24rem){:root[data-js] .hero-top{padding-right:10.75rem}.hero-tools>:is(fieldset,.segmented) .segmented-option{padding-inline:.375rem}}.story{position:relative}.story-stage{background:var(--page);position:relative;overflow:clip}.story-paper{display:none}.story-grain{z-index:3;pointer-events:none;height:100lvh;margin-bottom:-100lvh;position:sticky;top:0;overflow:clip}.story-grain:before{content:"";opacity:.035;background:url(../media/grain.1kqio5xtn6gfb.png) 0 0/8rem;position:absolute;inset:-1rem}[data-ruler-band]{outline-color:var(--accent)}.story-track,.story-chapters{flex-direction:column;gap:4.5rem;display:flex;position:relative}.story-track{max-width:var(--content);padding:3.5rem var(--gutter);margin-inline:auto}.story-open,.story-chapter,.story-col,.story-head{flex-direction:column;min-width:0;display:flex}.story-open{gap:2.5rem}.story-open-copy{flex-direction:column;gap:1rem;display:flex}.story-collage{flex-wrap:wrap;justify-content:center;align-items:center;padding:.375rem;display:flex}.story-scrap{width:calc(var(--size) * .66rem);rotate:var(--tilt);margin:-.25rem}@media (min-width:40rem){.story-scrap{width:calc(var(--size) * .9rem)}}.story-chapter{gap:1.75rem}.story-col{gap:1.25rem}.story-head{gap:.25rem}.story-title{letter-spacing:-.035em;text-wrap:balance;font-size:clamp(2.5rem,11vw,4rem);font-weight:800;line-height:1}.story-date{font-variant-numeric:tabular-nums;letter-spacing:-.04em;text-wrap:balance;font-size:clamp(2.5rem,11vw,4rem);font-weight:500;line-height:1}.story-name{letter-spacing:-.015em;text-wrap:balance;font-size:1.5rem;font-weight:500;line-height:1.15}.story-text{max-width:34rem;font-size:1.0625rem;line-height:1.45}.story-quote{max-width:13em;color:var(--accent-strong);font-family:var(--serif);letter-spacing:-.01em;text-wrap:balance;font-size:clamp(2.25rem,10vw,3.25rem);font-style:italic;font-weight:500;line-height:1.05}.story-quote>span{display:block}.story-caption{color:var(--muted);font:400 .75rem/1.45 var(--mono)}.story-photo{width:var(--width,min(100%, calc(var(--size) * 1.2rem)));rotate:var(--tilt,0deg)}.story-print{flex-direction:column;gap:.375rem;display:flex}.story-image{width:100%;height:auto;display:block}.story-menus{width:100%;aspect-ratio:var(--field);margin-top:.75rem;position:relative}.story-omsk .story-image{border-radius:1rem}.story-menu{aspect-ratio:110/71;position:absolute}.story-menu:before{content:attr(data-name);color:var(--muted);font:400 clamp(.3125rem, .5vw, .5625rem) / 1.5 var(--sans);white-space:nowrap;position:absolute;bottom:100%;left:0}.story-menu-cell{position:absolute;inset:0;overflow:hidden}.story-menu-sprite{width:800%;max-width:none;height:600%;position:absolute}.story-build .story-image{border-radius:1rem}.story-build .story-col-middle .story-image{padding:1.25rem}.story-build .story-col-middle .story-caption{padding-left:1.25rem}.story-stack{flex-direction:column;width:min(100%,40rem);min-width:0;display:flex}.story-stack>:first-child{--width:66%}.story-stack>:last-child{--width:50%;z-index:1;margin-top:-40%;margin-left:auto}.story-stack>:last-child .story-print{box-shadow:var(--stack-shadow)}.story-stack .story-caption{text-wrap:balance;max-width:60%}.story-pile{flex-direction:column;gap:1rem;display:flex}.story-pile>:nth-child(2){max-width:calc(100% - 2.5rem);margin-left:2.5rem}.story-graph{display:none}.story-branch-list{flex-direction:column;gap:2rem;padding-left:1.75rem;display:flex;position:relative}.story-branch-list:before{content:"";background:var(--muted);width:2px;transform:scaleY(var(--drawn,1));transform-origin:50% 0;position:absolute;inset:.5rem auto 0 .3125rem}.story-branch{flex-direction:column;display:flex;position:relative}.story-branch:before{content:"";z-index:1;border:2px solid var(--muted);background:var(--page);border-radius:50%;width:.75rem;height:.75rem;position:absolute;top:.25rem;left:-1.75rem}.story-branch:first-child:before,.story-branch:last-child:before{border-color:var(--accent)}.story-branch:last-child:after{content:"";background:var(--accent);width:2px;position:absolute;inset:.5rem auto -3.5rem -1.4375rem}.story-branch-tag{color:var(--accent-strong);font:400 .75rem/1.4 var(--mono)}.story-branch-name{letter-spacing:-.02em;font-size:1.5rem;font-weight:700;line-height:1.1}.story-branch-text{color:var(--muted);margin-top:.125rem;font-size:.9375rem;line-height:1.35}.story-bleed{margin-inline:calc(-1 * var(--gutter));color:var(--ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;outline-color:var(--accent);overflow:hidden}.story-bleed-image{width:100%;height:auto;display:block}.story-stay{display:contents}.story-score{aspect-ratio:1.1;width:100%;min-width:0;margin:0;position:relative}.story-score-still,.story-score canvas{width:100%;height:100%;position:absolute;inset:0}.story-score canvas{color:var(--ink);outline-color:var(--accent-strong);display:none}.story[data-live] .story-score canvas{display:block}.story[data-live] .story-score-still{display:none}.story[data-live] .story-score-days li{opacity:0}.story-score-still line{stroke:var(--muted);stroke-width:1px}.story-score-still rect{fill:var(--ink)}.story-score-still [data-marked]{stroke:var(--accent-strong);fill:var(--accent-strong)}.story-score-days{color:var(--muted);font:400 .6875rem var(--mono);grid-template-columns:repeat(6,1fr);margin:0;padding:0;list-style:none;display:grid;position:absolute;inset:0}.story-score-days li{padding-left:.125rem;position:relative}.story-score-days li:after{content:"";background:var(--line);width:1px;position:absolute;top:8.5%;bottom:11.5%;left:0}.story-launch .story-col:not(.story-spot) .story-print{box-shadow:var(--stack-shadow)}.story-spot{--ink:var(--on-accent);--muted:var(--on-accent);--accent:var(--on-accent);margin-inline:calc(-1 * var(--gutter));padding:1.75rem var(--gutter);background:var(--accent-strong);color:var(--on-accent)}.story-night{margin-inline:calc(-1 * var(--gutter));padding:2.5rem var(--gutter);background:var(--page);color:var(--ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.story-sheet,.story-sheet-part{flex-direction:column;display:flex}.story-sheet{gap:1rem}.story-sheet-part{gap:.5rem}.story-sheet-part,.story-totals{border-top:1px solid var(--ink);padding-top:.625rem}.story-sheet .story-caption{color:var(--ink)}.story-sheet-head{justify-content:space-between;gap:1rem;display:flex}.story-rank{align-items:flex-end;gap:.75rem;display:flex}.story-rank-number{font-variant-numeric:tabular-nums;letter-spacing:-.05em;font-size:7rem;font-weight:800;line-height:.82;display:block}.story-rank-label{max-width:13rem;font-size:.875rem;line-height:1.35}.story-funnel,.story-totals{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.story-totals dl{display:contents}.story-funnel>div,.story-totals dl>div{flex-direction:column-reverse;justify-content:flex-end;min-width:0;display:flex;position:relative}.story-funnel>div:not(:last-child):after{content:"→" / "";font:400 1.125rem/1.6 var(--mono);position:absolute;top:0;right:.5rem}.story-funnel dd,.story-totals dd{font-variant-numeric:tabular-nums;letter-spacing:-.03em;font-size:1.75rem;font-weight:700;line-height:1.1}.story-funnel dt,.story-totals dt{font-size:.75rem;line-height:1.3}.story-totals .story-caption{text-align:right;align-self:end}.story-chart-bars,.story-chart-days{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:.1875rem;display:grid}.story-chart-bars{border-bottom:1px solid var(--ink);align-items:end;height:8rem}.story-bar{flex-direction:column;justify-content:flex-end;height:100%;display:flex}.story-bar i{height:calc(var(--v) * 82%);background:var(--ink);transform-origin:50% 100%;min-height:1px;display:block}.story-bar span,.story-chart-days span{font:500 .625rem/1.4 var(--mono);text-align:center}.story-log{background:var(--surface);font:400 .8125rem/1.5 var(--mono);border-radius:.5rem;flex-direction:column;gap:.5rem;padding:.875rem 1rem;display:flex}.story-hint,.story-ruler{display:none}@media (min-width:64rem){.story-chapter{grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));align-items:start;gap:2.5rem;display:grid}}.work{scroll-margin-top:calc(-1 * (var(--header) + 1rem))}.chapter{--bar:4rem;background:var(--page);color:var(--ink);font-family:var(--sans);scroll-margin-top:calc(-1 * (var(--header) + 1rem))}.chapter-stage{max-width:var(--content);padding:3rem var(--gutter);flex-direction:column;gap:2.5rem;margin-inline:auto;display:flex}.chapter-stops,.flow-track{flex-direction:column;gap:3.5rem;display:flex}.chapter-bar{flex-wrap:wrap;order:-1;justify-content:space-between;align-items:center;gap:.5rem 1rem;display:flex}.chapter-name,.chapter-actions{align-items:center;gap:.75rem;display:flex}.chapter-name{gap:.5rem}.chapter-rail,.chapter-progress,.flow-line,.flow-node{display:none}.stop,.flow-panel{align-items:center;gap:1.5rem;display:grid}.stop-copy,.flow-copy{flex-direction:column;gap:.75rem;min-width:0;display:flex}.stop-visual,[data-panel-visual]{min-width:0}.stop-title{font-family:var(--display);letter-spacing:-.03em;text-wrap:balance;font-size:clamp(2rem,4.6vw,4.5rem);font-weight:700;line-height:1.04}.stop-title-large{letter-spacing:-.04em;font-size:clamp(3rem,8.6vw,8.5rem);font-weight:800;line-height:.98}.stop-text{max-width:34rem;font-size:clamp(1.0625rem,1.5vw,1.375rem);line-height:1.35}.placeholder{border:1px dashed var(--muted);background:var(--surface);text-align:center;place-items:center;width:100%;padding:.75rem;display:grid}.placeholder-phone{aspect-ratio:9/19.5;border-radius:2.25rem;max-height:100%}.placeholder-browser{aspect-ratio:16/10;border-radius:1rem}.placeholder-frame{aspect-ratio:4/3;border-radius:1rem}.devices{grid-template-columns:minmax(0,4fr) minmax(0,1.3fr);align-items:end;gap:1rem;width:min(100%,42rem);margin-inline:auto;display:grid}.devices-pair{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,24rem)}.devices-one{grid-template-columns:minmax(0,1fr);width:min(100%,13rem)}.flow-graph{width:100%;max-width:32rem}.flow-graph text{letter-spacing:0}.project-frame{background:var(--page);width:min(100%,40rem);box-shadow:0 0 0 1px var(--line);border-radius:1.25rem;flex-direction:column;gap:.375rem;margin-inline:auto;padding:.75rem;display:flex}@media (min-width:64rem){.stop,.flow-panel{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:3rem}}.mini-week{grid-template-rows:repeat(4,minmax(2.5rem,1fr));grid-template-columns:repeat(5,minmax(0,1fr));gap:.25rem;display:grid}.mini-week-cell{background:var(--raised);border-radius:.5rem}.mini-week-lesson{cursor:pointer;width:20%;height:25%;transform:translate(calc(var(--day) * 100%), calc(var(--slot) * 100%));transition:transform var(--duration-slow) var(--ease-in-out), background-color var(--duration-base) var(--ease-out);background-clip:content-box;border-radius:.5rem;padding:.125rem;font-size:.75rem;font-weight:500;position:absolute;top:0;left:0;overflow:hidden}.finale-title{letter-spacing:-.035em;font-size:clamp(3rem,12vw,11rem);line-height:1}@media (prefers-reduced-motion:no-preference){.hero-dot{animation:hero-pulse 2.4s var(--ease-in-out) infinite}.hero-menu{transition:opacity var(--duration-quick) var(--ease-out), translate var(--duration-base) var(--ease-out), visibility var(--duration-quick)}@keyframes hero-pulse{50%{opacity:.35}}@keyframes story-grain{0%,to{transform:none}12.5%{transform:translate(-.5rem,.25rem)}25%{transform:translate(.375rem,-.5rem)}37.5%{transform:translate(-.25rem,.625rem)}50%{transform:translate(.625rem,.125rem)}62.5%{transform:translate(-.625rem,-.375rem)}75%{transform:translate(.25rem,.5rem)}87.5%{transform:translate(.5rem,-.625rem)}}.story-grain:before{animation:story-grain var(--duration-grain) steps(1) infinite}:root[data-js] .story,:root[data-js] .chapter{isolation:isolate}:root[data-js] .story:after,:root[data-js] .chapter:after{content:"";z-index:-1;background:var(--page);height:200svh;position:absolute;inset:auto 0 0}:root[data-js] .story:after{background:var(--paper)}:root[data-js] .story{padding-bottom:100svh}:root[data-js] .story-paper{background:var(--paper);opacity:0;height:100lvh;margin-bottom:-100lvh;display:block;position:sticky;top:0}:root[data-js] .story-grain{opacity:0}:root[data-js] .story[data-live] [data-reveal]:not([data-reveal=stagger]){transition:opacity var(--duration-slow) var(--ease-out), transform var(--duration-slow) var(--ease-out)}:root[data-js] .story[data-live] [data-reveal]:not([data-reveal=stagger],[data-seen]){opacity:0;transform:translateY(1.5rem)}:root[data-js] .story[data-live] .story-bar i,:root[data-js] .story[data-live] .story-log li{transition:opacity var(--duration-base) var(--ease-out), transform var(--duration-slow) var(--ease-out);transition-delay:calc(var(--i) * 7ms)}:root[data-js] .story[data-live] .story-chart:not([data-seen]) .story-bar i{transform:scaleY(0)}:root[data-js] .story[data-live] .story-bar i{transition-delay:calc(var(--i) * 50ms)}:root[data-js] .story[data-live] .story-log:not([data-seen]) li{opacity:0;transform:translate(1rem)}:root[data-js] .story[data-live] .story-log li{transition-delay:calc(var(--i) * 25ms)}:root[data-js] .story-ruler{z-index:2;background:var(--paper);opacity:0;height:3.5rem;display:block;position:sticky;top:0}:root[data-js] .story-ruler>*{transition:opacity var(--duration-base) var(--ease-out)}:root[data-js][data-bare] .story-ruler>*{opacity:0}:root[data-js][data-bare] .story-ruler{background:0 0}:root[data-js] .story-ruler canvas{width:100%;height:100%;color:var(--muted);outline-color:var(--accent);position:absolute;inset:0}:root[data-js] .story-marks{color:var(--mark,var(--accent-strong));font:500 .75rem/1 var(--mono);position:absolute;top:2.125rem;left:2rem}:root[data-js] .story-marks span{opacity:0;transition:opacity var(--duration-base) var(--ease-out);white-space:nowrap;position:absolute;top:0;left:.75rem}:root[data-js] .story-marks span[data-active]{opacity:1}@media (min-width:64rem){:root[data-js] .story{--u:min(1vw, 1.7svh);--ruler:5.75rem;--pad-top:calc(var(--header) + 6.5svh);--pad-bottom:calc(var(--ruler) + 3.5svh);height:calc((var(--spans) - 1) * 72vw + var(--bleeds) * 72svh + (var(--hold) + 2) * 100svh);padding-bottom:0}:root[data-js] .story-stage{height:100svh;position:sticky;top:0}:root[data-js] .story-ruler{height:var(--ruler);background:0 0;position:absolute;inset:auto 0 0}:root[data-js] .story-ruler canvas{transform:scaleY(-1)}:root[data-js] .story-marks{top:auto;bottom:4.25rem;left:12%}:root[data-js] .story-marks span{top:auto;bottom:0;left:0;translate:-50%}:root[data-js] .story-hint{display:block}:root[data-js] .story-track{will-change:transform;flex-direction:row;gap:0;width:max-content;max-width:none;height:100%;margin:0;padding:0}:root[data-js] .story-chapters{flex-direction:row;gap:0;height:100%}:root[data-js] .story-open,:root[data-js] .story-chapter{width:calc(var(--span) * 100vw + var(--bleed,0) * 100svh);height:100%;padding:var(--pad-top) calc(var(--u) * 3) var(--pad-bottom)}:root[data-js] .story-open{align-items:center;gap:calc(var(--u) * 3);width:calc(var(--u) * 140);flex-direction:row}:root[data-js] .story-open-copy{gap:calc(var(--u) * 1.5);width:calc(var(--u) * 36);flex:none}:root[data-js] .story-collage{width:calc(var(--u) * 94);height:calc(var(--u) * 40);flex:none;padding:0;display:block;position:relative}:root[data-js] .story-scrap{top:calc(var(--u) * var(--top));left:calc(var(--u) * var(--left));width:calc(var(--u) * var(--size));will-change:transform;margin:0;position:absolute;rotate:none}:root[data-js] .story-chapter{gap:calc(var(--u) * 3);flex-direction:row;display:flex}:root[data-js] .story-col{flex:var(--weight) 1 0;gap:calc(var(--u) * 1.5);height:100%}:root[data-js] .story-col-middle{justify-content:center}:root[data-js] .story-spot{height:100svh;margin-block:calc(-1 * var(--pad-top)) calc(-1 * var(--pad-bottom));padding:var(--pad-top) calc(var(--u) * 3) var(--pad-bottom)}:root[data-js] .story-night{padding:var(--pad-top) calc(var(--u) * 3) var(--pad-bottom);margin-inline:0}:root[data-js] .story-col-bottom{justify-content:flex-end}:root[data-js] .story-title{font-size:calc(var(--u) * 6)}:root[data-js] .story-date{font-size:calc(var(--u) * 5.2)}:root[data-js] .story-name{font-size:calc(var(--u) * 2.1)}:root[data-js] .story-text{max-width:max(25rem, calc(var(--u) * 30));font-size:max(.9375rem, calc(var(--u) * 1.15));line-height:1.42}:root[data-js] .story-quote{font-size:calc(var(--u) * 3.6)}:root[data-js] .story-photo{width:var(--width,calc(var(--u) * var(--size)));will-change:transform;rotate:none}:root[data-js] .story-stack{width:min(calc((100svh - var(--pad-top) - var(--pad-bottom)) * 1.02), calc(var(--u) * 48));flex:none;justify-content:center;height:100%}:root[data-js] .story-menus{width:calc(var(--u) * 60);max-width:100%;margin-top:0}:root[data-js] .story-omsk .story-quote{max-width:none}:root[data-js] .story-omsk .story-image{border-radius:calc(var(--u) * 1.4)}:root[data-js] .story-pile{align-items:flex-end;gap:calc(var(--u) * 1.25);flex-direction:row}:root[data-js] .story-pile>*{flex:none}:root[data-js] .story-pile>:nth-child(2){max-width:none;margin-left:0}:root[data-js] .story-photo .story-caption{font-size:max(.6875rem, calc(var(--u) * .75))}:root[data-js] .story-bleed{width:calc(var(--ratio) * 100svh);height:100svh;margin-block:calc(-1 * var(--pad-top)) calc(-1 * var(--pad-bottom));flex:none;margin-inline:0}:root[data-js] .story-bleed-image{object-fit:cover;width:100%;height:100%}:root[data-js] .story[data-live] .story-bleed-image{width:106%;max-width:none}:root[data-js] .story-moscow .story-quote{max-width:20em}:root[data-js] .story-col:has([data-lines-cross]){clip-path:inset(-100svh calc(var(--u) * -3))}:root[data-js] .story-now{position:relative}:root[data-js] .story-now .story-col{width:calc(var(--u) * 31);flex:none}:root[data-js] .story-now .story-quote{margin-top:calc(var(--u) * 1.4)}:root[data-js] .story-branches{position:absolute;inset:0}:root[data-js] .story-graph{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}:root[data-js] .story-line{fill:none;stroke:var(--muted);stroke-width:2px}:root[data-js] .story-line-lit{stroke:var(--accent)}:root[data-js] .story-node{fill:var(--paper);stroke:var(--muted);stroke-width:2px}:root[data-js] .story-node-lit{stroke:var(--accent)}:root[data-js] .story-branch-list{padding:0;display:block;position:static}:root[data-js] .story-branch-list:before,:root[data-js] .story-branch:before,:root[data-js] .story-branch:last-child:after{display:none}:root[data-js] .story[data-live] .story-branch[data-reveal]{top:calc(var(--y) * 100% - 1.25rem);left:calc(var(--x) * 100%);max-width:calc(var(--u) * 27);transition:none;position:absolute}:root[data-js] .story[data-live] .story-branch-below[data-reveal]{top:calc(var(--y) * 100% + .75rem)}:root[data-js] .story-branch-name{font-size:calc(var(--u) * 2.3)}:root[data-js] .story-branch-text{font-size:max(.8125rem, var(--u))}:root[data-js] .story-stack .story-caption{max-width:56%}:root[data-js] .story-build .story-image{border-radius:calc(var(--u) * 1.2)}:root[data-js] .story-build .story-col-middle .story-photo{--width:min(calc((100svh - var(--pad-top) - var(--pad-bottom)) * .72), calc(var(--u) * 30))}:root[data-js] .story-launch .story-col-middle:not(.story-spot){width:min(calc((100svh - var(--pad-top) - var(--pad-bottom)) * .75), calc(var(--u) * 34));flex:none}:root[data-js] .story-launch .story-col-middle:not(.story-spot) .story-photo{--width:100%;z-index:1;left:calc(var(--u) * 6);position:relative}:root[data-js] .story-launch .story-spot{padding-left:calc(var(--u) * 9)}:root[data-js] .story-fork{padding:0}:root[data-js] .story-stay{gap:calc(var(--u) * 3);width:100vw;height:100%;padding:var(--pad-top) calc(var(--u) * 3) var(--pad-bottom);will-change:transform;flex:none;display:flex}:root[data-js] .story-fork .story-col{width:calc(var(--u) * 42);flex:none}:root[data-js] .story-score-days{font-size:max(.6875rem, calc(var(--u) * .8))}:root[data-js] .story-score{height:auto;margin-block:calc(var(--u) * -1.5);aspect-ratio:auto;touch-action:pan-y pinch-zoom;flex:1 1 0;align-self:stretch}:root[data-js] .story-university .story-quote{max-width:10em}:root[data-js] .story-rent{gap:0}:root[data-js] .story-rent .story-col{padding-right:calc(var(--u) * 3)}:root[data-js] .story-run{margin-right:calc(var(--u) * -3);flex:none;display:flex}:root[data-js] .story-rent .story-quote{max-width:none;font-size:calc(var(--u) * 4.4)}:root[data-js] .story-sheet{gap:calc(var(--u) * 1.1)}:root[data-js] .story-sheet-part{gap:calc(var(--u) * .6)}:root[data-js] .story-sheet-part,:root[data-js] .story-totals{padding-top:calc(var(--u) * .8)}:root[data-js] .story-rank-number{font-size:calc(var(--u) * 11.5)}:root[data-js] .story-rank-label{max-width:calc(var(--u) * 17);font-size:max(.8125rem, calc(var(--u) * 1.05))}:root[data-js] .story-funnel dd,:root[data-js] .story-totals dd{font-size:calc(var(--u) * 2.9)}:root[data-js] .story-funnel dt,:root[data-js] .story-totals dt{font-size:max(.6875rem, calc(var(--u) * .9))}:root[data-js] .story-funnel>div:not(:last-child):after{right:calc(var(--u) * 1.2);font-size:calc(var(--u) * 1.6)}:root[data-js] .story-chart-bars{height:calc(var(--u) * 8.5)}:root[data-js] .story-log{font-size:max(.75rem, calc(var(--u) * .9))}}:root[data-js] .work{z-index:2;margin-top:-100svh;position:relative;overflow-x:clip}:root[data-js] .chapter{--stop:90svh;--length:calc((var(--stops) - 1) * var(--stop) + 40svh);height:calc(var(--length) + 200svh);background:0 0;position:relative}:root[data-js] .chapter+.chapter{margin-top:-100svh}:root[data-js] .chapter[data-axis=x]+.chapter{height:calc(var(--length) + 300svh);scroll-margin-top:calc(-1 * (var(--header) + 1rem) - 100svh);margin-top:-200svh}:root[data-js] .chapter-stage{background:var(--page);max-width:none;height:100svh;box-shadow:var(--sheet-shadow);will-change:transform;padding:0;display:block;position:sticky;top:0;overflow:hidden}:root[data-js] .chapter[data-chapter=projects] .chapter-stage{background-image:radial-gradient(var(--line) 1px, transparent 1px);background-size:1.5rem 1.5rem}:root[data-js] .chapter-stops{display:block;position:absolute;inset:0}:root[data-js] .chapter-bar{z-index:3;height:var(--bar);padding-inline:var(--gutter);background:var(--page);flex-wrap:nowrap;position:absolute;inset:0 0 auto}:root[data-js] .chapter-progress{background:var(--accent);transform-origin:0;height:2px;display:block;position:absolute;inset:auto 0 0;transform:scaleX(0)}:root[data-js] .chapter-next{display:none}:root[data-js] .stop{inset:calc(var(--bar) + 1rem) 0 calc(var(--dock) + .5rem);max-width:var(--content);padding-inline:var(--gutter);grid-template-rows:auto minmax(0,1fr);align-items:start;gap:1.25rem;margin-inline:auto;position:absolute}:root[data-js] .stop:not([data-active]){pointer-events:none}:root[data-js] .stop:not(:first-child) [data-stop-copy],:root[data-js] .stop:not(:first-child) [data-stop-visual]{opacity:0}:root[data-js] .stop-visual{align-content:center;height:100%;min-height:0;display:grid}:root[data-js] .stop-title{font-size:clamp(1.875rem,4.6vw,4.5rem)}:root[data-js] .stop-title-large{font-size:clamp(2.75rem,8.6vw,8.5rem)}:root[data-js] .placeholder-phone{width:auto;max-height:44svh;margin-inline:auto}:root[data-js] .devices,:root[data-js] .devices-pair,:root[data-js] .devices-one{place-items:center}:root[data-js] .flow-track{inset:var(--bar) auto calc(var(--dock) + .5rem) 0;width:max-content;padding-inline:var(--gutter);will-change:transform;flex-direction:row;gap:0;position:absolute}:root[data-js] .flow-line{background:var(--accent);transform-origin:0;height:2px;display:block;position:absolute;top:1.5rem;left:0;right:0;transform:scaleX(0)}:root[data-js] .flow-panel{--panel:84vw;width:var(--panel);flex:none;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);align-items:start;gap:1rem;padding:3.25rem 1.5rem 0 0;position:relative}:root[data-js] .flow-node{background:var(--raised);width:1.125rem;height:1.125rem;box-shadow:0 0 0 4px var(--page);transition:background-color var(--duration-base) var(--ease-out), scale var(--duration-base) var(--ease-out);border-radius:50%;display:block;position:absolute;top:1rem;left:0}:root[data-js] .flow-node[data-reached]{background:var(--accent);scale:1.25}:root[data-js] .after-work{z-index:3;background:var(--page);box-shadow:var(--sheet-shadow);margin-top:-100svh;position:relative;overflow:hidden}@media (min-width:64rem){:root[data-js] .chapter-bar{inset:auto 0 0}:root[data-js] .chapter-progress{inset:0 0 auto}:root[data-js] .chapter-rail{color:var(--muted);gap:1.25rem;font-size:.875rem;display:flex}:root[data-js] .chapter-rail li{transition:color var(--duration-base) var(--ease-out)}:root[data-js] .chapter-rail li[data-active]{color:var(--ink)}:root[data-js] .chapter-next{display:inline}:root[data-js] .stop{inset:var(--header) 0 var(--bar);grid-template-rows:minmax(0,1fr);align-items:center;gap:3rem}:root[data-js] .placeholder-phone{max-height:62svh}:root[data-js] .flow-track{inset:calc(var(--header) + 1rem) auto var(--bar) 0}:root[data-js] .flow-line{top:2rem}:root[data-js] .flow-panel{--panel:min(58rem, 68vw);grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center;gap:2.5rem;padding:4rem 4rem 2rem 0}:root[data-js] .flow-panel-intro{--panel:min(72rem, 82vw)}:root[data-js] .flow-node{top:1.5rem}}}@property --plan-r{syntax:"<length>";inherits:false;initial-value:0}@media (prefers-reduced-motion:no-preference){:root[data-intro]{--plan-step:calc(var(--duration-quick) / 3);--plan-fill:var(--duration-slow);--plan-out:calc(2 * var(--duration-slow))}:root[data-intro] .hero-code{clip-path:none;animation:plan-out var(--duration-base) var(--ease-out) var(--plan-out) both;background:0 0}:root[data-intro] .hero-code:before{-webkit-mask-image:radial-gradient(circle var(--plan-r) at 50% 50%, var(--ink) 70%, transparent);mask-image:radial-gradient(circle var(--plan-r) at 50% 50%, var(--ink) 70%, transparent);animation:plan-grid var(--duration-slow) var(--ease-out) both}:root[data-intro] :is(.hero-twin>.hero-source,.hero-near,.hero-switch-source,.hero-code .code-face){visibility:hidden}:root[data-intro] :is([data-plan],.hero-box){--plan-delay:calc(var(--duration-quick) + var(--order,0) * var(--plan-step));outline:1px dashed var(--accent);animation:plan-frame var(--duration-slow) var(--ease-in-out) var(--plan-delay) both}:root[data-intro] .hero-twin:before,:root[data-intro] .hero-control:before,:root[data-intro] .hero-box:before,:root[data-intro] [data-capsule]:before{content:attr(data-size);color:var(--accent);font:500 .6875rem/1 var(--mono);letter-spacing:0;white-space:nowrap;background:0 0;padding:0;display:block;position:absolute;inset:-1.125rem auto auto 0;translate:none}:root[data-intro] [data-capsule]:after,:root[data-intro] [data-capsule]:before{--plan-delay:var(--duration-quick);animation:plan-frame var(--duration-slow) var(--ease-in-out) var(--plan-delay) both, plan-out var(--duration-base) var(--ease-out) var(--plan-out) both}:root[data-intro] [data-capsule]:after{content:"";outline:1px dashed var(--accent);position:absolute;inset:0}:root[data-intro] .hero-outline{animation:plan-fill var(--duration-slow) var(--ease-in-out) var(--plan-fill) both}:root[data-intro] :is(.hero-status,.capsule-items,.hero-switch,.hero-copy,.hero-layer:not(.hero-code) .hero-actions){animation:plan-arrive var(--duration-slow) var(--ease-out) calc(var(--plan-fill) + var(--order,0) * var(--plan-step)) both}.hero-box,.capsule-items{--order:1}.hero-switch{--order:2}.hero-copy,.hero-foot>.hero-twin{--order:3}.hero-actions{--order:4}@keyframes plan-grid{to{--plan-r:150vmax}}@keyframes plan-frame{0%{clip-path:inset(-2rem 100% 100% 0)}to{clip-path:inset(-2rem -1rem -1rem 0)}}@keyframes plan-fill{0%{clip-path:inset(-.2em -.02em -.2em 0)}to{clip-path:inset(-.2em -.02em -.2em 101%)}}@keyframes plan-arrive{0%{opacity:0;translate:0 .5rem}}@keyframes plan-out{to{opacity:0}}:root[data-js] .hero[data-layer=design] .hero-ring{z-index:1;width:calc(2 * var(--lens-r,0));height:calc(2 * var(--lens-r,0));box-shadow:0 0 0 1px var(--accent);opacity:var(--lens-seen,0);pointer-events:none;transform:translate(calc(var(--lens-x,0) - var(--lens-r,0)), calc(var(--lens-y,0) - var(--lens-r,0)));border-radius:50%;display:block;position:absolute;top:0;left:0}}@media (prefers-reduced-motion:reduce){.mini-week-lesson{transition:none}}
.control-shape{border-radius:var(--control-radius)}.control-button{border-radius:var(--control-radius);font-family:var(--control-face);font-size:calc(var(--control-text) * 1rem);white-space:nowrap;transition:translate var(--duration-quick) var(--ease-out);align-items:center;font-weight:500;display:inline-flex}.control-button:before{content:var(--control-open) / "";color:var(--control-mark)}.control-button:after{content:var(--control-close) / "";opacity:.55;transition:translate var(--duration-base) var(--ease-out), opacity var(--duration-quick) var(--ease-out);margin-left:.375em}@media (hover:hover){.control-button:hover{translate:0 var(--control-hover)}.control-button:hover:after{opacity:1;translate:.1875rem}}.control-button:active{translate:0 1px}.control-primary{background:var(--control-fill);color:var(--on-control)}.control-inverse{--control-mark:var(--accent-strong);background:var(--on-accent);color:var(--accent-strong)}.control-quiet{--control-mark:var(--accent-strong);background:var(--control-well);box-shadow:var(--control-rules);color:var(--ink)}.control-regular{min-height:2.75rem;padding-inline:1rem}.control-small{min-height:2rem;font-size:calc(var(--control-text-small) * 1rem);padding-inline:.875rem}.control-link{font-family:var(--control-face);font-size:calc(var(--control-text-small) * 1rem);text-underline-offset:.25rem;transition:color var(--duration-quick) var(--ease-out);text-decoration:underline}@media (hover:hover){.control-link:hover{color:var(--accent-strong)}}@media (min-width:64rem){.control-regular{padding-inline:1.25rem}}