.story [data-x="0"]{left:0%}.story [data-x="1"]{left:1%}.story [data-x="2"]{left:2%}.story [data-x="3"]{left:3%}.story [data-x="4"]{left:4%}.story [data-x="5"]{left:5%}.story [data-x="6"]{left:6%}.story [data-x="7"]{left:7%}.story [data-x="8"]{left:8%}.story [data-x="9"]{left:9%}.story [data-x="10"]{left:10%}.story [data-x="11"]{left:11%}.story [data-x="12"]{left:12%}.story [data-x="13"]{left:13%}.story [data-x="14"]{left:14%}.story [data-x="15"]{left:15%}.story [data-x="16"]{left:16%}.story [data-x="17"]{left:17%}.story [data-x="18"]{left:18%}.story [data-x="19"]{left:19%}.story [data-x="20"]{left:20%}.story [data-x="21"]{left:21%}.story [data-x="22"]{left:22%}.story [data-x="23"]{left:23%}.story [data-x="24"]{left:24%}.story [data-x="25"]{left:25%}.story [data-x="26"]{left:26%}.story [data-x="27"]{left:27%}.story [data-x="28"]{left:28%}.story [data-x="29"]{left:29%}.story [data-x="30"]{left:30%}.story [data-x="31"]{left:31%}.story [data-x="32"]{left:32%}.story [data-x="33"]{left:33%}.story [data-x="34"]{left:34%}.story [data-x="35"]{left:35%}.story [data-x="36"]{left:36%}.story [data-x="37"]{left:37%}.story [data-x="38"]{left:38%}.story [data-x="39"]{left:39%}.story [data-x="40"]{left:40%}.story [data-x="41"]{left:41%}.story [data-x="42"]{left:42%}.story [data-x="43"]{left:43%}.story [data-x="44"]{left:44%}.story [data-x="45"]{left:45%}.story [data-x="46"]{left:46%}.story [data-x="47"]{left:47%}.story [data-x="48"]{left:48%}.story [data-x="49"]{left:49%}.story [data-x="50"]{left:50%}.story [data-x="51"]{left:51%}.story [data-x="52"]{left:52%}.story [data-x="53"]{left:53%}.story [data-x="54"]{left:54%}.story [data-x="55"]{left:55%}.story [data-x="56"]{left:56%}.story [data-x="57"]{left:57%}.story [data-x="58"]{left:58%}.story [data-x="59"]{left:59%}.story [data-x="60"]{left:60%}.story [data-x="61"]{left:61%}.story [data-x="62"]{left:62%}.story [data-x="63"]{left:63%}.story [data-x="64"]{left:64%}.story [data-x="65"]{left:65%}.story [data-x="66"]{left:66%}.story [data-x="67"]{left:67%}.story [data-x="68"]{left:68%}.story [data-x="69"]{left:69%}.story [data-x="70"]{left:70%}.story [data-x="71"]{left:71%}.story [data-x="72"]{left:72%}.story [data-x="73"]{left:73%}.story [data-x="74"]{left:74%}.story [data-x="75"]{left:75%}.story [data-x="76"]{left:76%}.story [data-x="77"]{left:77%}.story [data-x="78"]{left:78%}.story [data-x="79"]{left:79%}.story [data-x="80"]{left:80%}.story [data-x="81"]{left:81%}.story [data-x="82"]{left:82%}.story [data-x="83"]{left:83%}.story [data-x="84"]{left:84%}.story [data-x="85"]{left:85%}.story [data-x="86"]{left:86%}.story [data-x="87"]{left:87%}.story [data-x="88"]{left:88%}.story [data-x="89"]{left:89%}.story [data-x="90"]{left:90%}.story [data-x="91"]{left:91%}.story [data-x="92"]{left:92%}.story [data-x="93"]{left:93%}.story [data-x="94"]{left:94%}.story [data-x="95"]{left:95%}.story [data-x="96"]{left:96%}.story [data-x="97"]{left:97%}.story [data-x="98"]{left:98%}.story [data-x="99"]{left:99%}.story [data-x="100"]{left:100%}.story [data-y="0"]{top:0%}.story [data-y="1"]{top:1%}.story [data-y="2"]{top:2%}.story [data-y="3"]{top:3%}.story [data-y="4"]{top:4%}.story [data-y="5"]{top:5%}.story [data-y="6"]{top:6%}.story [data-y="7"]{top:7%}.story [data-y="8"]{top:8%}.story [data-y="9"]{top:9%}.story [data-y="10"]{top:10%}.story [data-y="11"]{top:11%}.story [data-y="12"]{top:12%}.story [data-y="13"]{top:13%}.story [data-y="14"]{top:14%}.story [data-y="15"]{top:15%}.story [data-y="16"]{top:16%}.story [data-y="17"]{top:17%}.story [data-y="18"]{top:18%}.story [data-y="19"]{top:19%}.story [data-y="20"]{top:20%}.story [data-y="21"]{top:21%}.story [data-y="22"]{top:22%}.story [data-y="23"]{top:23%}.story [data-y="24"]{top:24%}.story [data-y="25"]{top:25%}.story [data-y="26"]{top:26%}.story [data-y="27"]{top:27%}.story [data-y="28"]{top:28%}.story [data-y="29"]{top:29%}.story [data-y="30"]{top:30%}.story [data-y="31"]{top:31%}.story [data-y="32"]{top:32%}.story [data-y="33"]{top:33%}.story [data-y="34"]{top:34%}.story [data-y="35"]{top:35%}.story [data-y="36"]{top:36%}.story [data-y="37"]{top:37%}.story [data-y="38"]{top:38%}.story [data-y="39"]{top:39%}.story [data-y="40"]{top:40%}.story [data-y="41"]{top:41%}.story [data-y="42"]{top:42%}.story [data-y="43"]{top:43%}.story [data-y="44"]{top:44%}.story [data-y="45"]{top:45%}.story [data-y="46"]{top:46%}.story [data-y="47"]{top:47%}.story [data-y="48"]{top:48%}.story [data-y="49"]{top:49%}.story [data-y="50"]{top:50%}.story [data-y="51"]{top:51%}.story [data-y="52"]{top:52%}.story [data-y="53"]{top:53%}.story [data-y="54"]{top:54%}.story [data-y="55"]{top:55%}.story [data-y="56"]{top:56%}.story [data-y="57"]{top:57%}.story [data-y="58"]{top:58%}.story [data-y="59"]{top:59%}.story [data-y="60"]{top:60%}.story [data-y="61"]{top:61%}.story [data-y="62"]{top:62%}.story [data-y="63"]{top:63%}.story [data-y="64"]{top:64%}.story [data-y="65"]{top:65%}.story [data-y="66"]{top:66%}.story [data-y="67"]{top:67%}.story [data-y="68"]{top:68%}.story [data-y="69"]{top:69%}.story [data-y="70"]{top:70%}.story [data-y="71"]{top:71%}.story [data-y="72"]{top:72%}.story [data-y="73"]{top:73%}.story [data-y="74"]{top:74%}.story [data-y="75"]{top:75%}.story [data-y="76"]{top:76%}.story [data-y="77"]{top:77%}.story [data-y="78"]{top:78%}.story [data-y="79"]{top:79%}.story [data-y="80"]{top:80%}.story [data-y="81"]{top:81%}.story [data-y="82"]{top:82%}.story [data-y="83"]{top:83%}.story [data-y="84"]{top:84%}.story [data-y="85"]{top:85%}.story [data-y="86"]{top:86%}.story [data-y="87"]{top:87%}.story [data-y="88"]{top:88%}.story [data-y="89"]{top:89%}.story [data-y="90"]{top:90%}.story [data-y="91"]{top:91%}.story [data-y="92"]{top:92%}.story [data-y="93"]{top:93%}.story [data-y="94"]{top:94%}.story [data-y="95"]{top:95%}.story [data-y="96"]{top:96%}.story [data-y="97"]{top:97%}.story [data-y="98"]{top:98%}.story [data-y="99"]{top:99%}.story [data-y="100"]{top:100%}.story [data-w="0"]{width:0%}.story [data-w="1"]{width:1%}.story [data-w="2"]{width:2%}.story [data-w="3"]{width:3%}.story [data-w="4"]{width:4%}.story [data-w="5"]{width:5%}.story [data-w="6"]{width:6%}.story [data-w="7"]{width:7%}.story [data-w="8"]{width:8%}.story [data-w="9"]{width:9%}.story [data-w="10"]{width:10%}.story [data-w="11"]{width:11%}.story [data-w="12"]{width:12%}.story [data-w="13"]{width:13%}.story [data-w="14"]{width:14%}.story [data-w="15"]{width:15%}.story [data-w="16"]{width:16%}.story [data-w="17"]{width:17%}.story [data-w="18"]{width:18%}.story [data-w="19"]{width:19%}.story [data-w="20"]{width:20%}.story [data-w="21"]{width:21%}.story [data-w="22"]{width:22%}.story [data-w="23"]{width:23%}.story [data-w="24"]{width:24%}.story [data-w="25"]{width:25%}.story [data-w="26"]{width:26%}.story [data-w="27"]{width:27%}.story [data-w="28"]{width:28%}.story [data-w="29"]{width:29%}.story [data-w="30"]{width:30%}.story [data-w="31"]{width:31%}.story [data-w="32"]{width:32%}.story [data-w="33"]{width:33%}.story [data-w="34"]{width:34%}.story [data-w="35"]{width:35%}.story [data-w="36"]{width:36%}.story [data-w="37"]{width:37%}.story [data-w="38"]{width:38%}.story [data-w="39"]{width:39%}.story [data-w="40"]{width:40%}.story [data-w="41"]{width:41%}.story [data-w="42"]{width:42%}.story [data-w="43"]{width:43%}.story [data-w="44"]{width:44%}.story [data-w="45"]{width:45%}.story [data-w="46"]{width:46%}.story [data-w="47"]{width:47%}.story [data-w="48"]{width:48%}.story [data-w="49"]{width:49%}.story [data-w="50"]{width:50%}.story [data-w="51"]{width:51%}.story [data-w="52"]{width:52%}.story [data-w="53"]{width:53%}.story [data-w="54"]{width:54%}.story [data-w="55"]{width:55%}.story [data-w="56"]{width:56%}.story [data-w="57"]{width:57%}.story [data-w="58"]{width:58%}.story [data-w="59"]{width:59%}.story [data-w="60"]{width:60%}.story [data-w="61"]{width:61%}.story [data-w="62"]{width:62%}.story [data-w="63"]{width:63%}.story [data-w="64"]{width:64%}.story [data-w="65"]{width:65%}.story [data-w="66"]{width:66%}.story [data-w="67"]{width:67%}.story [data-w="68"]{width:68%}.story [data-w="69"]{width:69%}.story [data-w="70"]{width:70%}.story [data-w="71"]{width:71%}.story [data-w="72"]{width:72%}.story [data-w="73"]{width:73%}.story [data-w="74"]{width:74%}.story [data-w="75"]{width:75%}.story [data-w="76"]{width:76%}.story [data-w="77"]{width:77%}.story [data-w="78"]{width:78%}.story [data-w="79"]{width:79%}.story [data-w="80"]{width:80%}.story [data-w="81"]{width:81%}.story [data-w="82"]{width:82%}.story [data-w="83"]{width:83%}.story [data-w="84"]{width:84%}.story [data-w="85"]{width:85%}.story [data-w="86"]{width:86%}.story [data-w="87"]{width:87%}.story [data-w="88"]{width:88%}.story [data-w="89"]{width:89%}.story [data-w="90"]{width:90%}.story [data-w="91"]{width:91%}.story [data-w="92"]{width:92%}.story [data-w="93"]{width:93%}.story [data-w="94"]{width:94%}.story [data-w="95"]{width:95%}.story [data-w="96"]{width:96%}.story [data-w="97"]{width:97%}.story [data-w="98"]{width:98%}.story [data-w="99"]{width:99%}.story [data-w="100"]{width:100%}.story{--in1:1;--a1:0;--in2:1;--a2:0;--in3:1;--a3:0;--in4:1;--a4:0;--in5:1;--a5:0;--in6:1;--a6:0;--final:1}.story [data-si="1"]{--in:var(--in1);--a:var(--a1)}.story [data-si="2"]{--in:var(--in2);--a:var(--a2)}.story [data-si="3"]{--in:var(--in3);--a:var(--a3)}.story [data-si="4"]{--in:var(--in4);--a:var(--a4)}.story [data-si="5"]{--in:var(--in5);--a:var(--a5)}.story [data-si="6"]{--in:var(--in6);--a:var(--a6)}@property --scene-inset{syntax:"<length>";inherits:true;initial-value:0}.story{--scene-inset:var(--header-h);--tint-sage:oklch(58% .09 150);--tint-sage-line:oklch(45% .07 150);--tint-slate:oklch(58% .075 245);--tint-slate-line:oklch(45% .06 245);--tint-heather:oklch(56% .065 310);--tint-heather-line:oklch(44% .05 310);--story-fill-active:.26;--story-fill-passed:.06;--story-reveal:.32s;margin-block:var(--space-m) var(--space-l);position:relative}.guide.is-migrated .story{--scene-inset:calc(var(--header-h) + 3rem)}.story .tint-sage{--tint:var(--tint-sage);--tint-line:var(--tint-sage-line)}.story .tint-slate{--tint:var(--tint-slate);--tint-line:var(--tint-slate-line)}.story .tint-heather{--tint:var(--tint-heather);--tint-line:var(--tint-heather-line)}.story .story-stage{gap:var(--space-m);display:grid}.story .story-figure{min-width:0;margin:0}@media (width<=63.999rem){.story .story-stage{grid-template-areas:"intro""art""controls""cap""list";row-gap:0}.story .story-col,.story .story-figure{display:contents}.story .story-intro{grid-area:intro;margin-block-end:var(--space-m)}.story .story-art{grid-area:art}.story .story-controls{grid-area:controls;margin-block-start:var(--space-xs)}.story figcaption{grid-area:cap}.story .story-col .story-steps{grid-area:list;margin-block-start:var(--space-m)}}.story .story-intro>*{max-width:none;margin:0}.story .story-intro p{font-size:var(--text-base);color:var(--color-ink);line-height:1.6}@media (width>=64rem){.story{--w:min(calc(100vw - 2 * var(--gutter)), 72rem);width:var(--w);max-width:none;margin-inline:calc((100% - var(--w)) / 2)}.story .story-stage{grid-template-columns:minmax(20rem,5fr) minmax(0,7fr);align-items:center;column-gap:3rem}.story .story-col{gap:var(--space-m);flex-direction:column;display:flex}.story .story-figure{width:min(100%, calc(100vh - var(--scene-inset) - 7rem));justify-self:center}.story .story-intro p{font-size:var(--text-lg)}.story.is-story-scroll .story-track{block-size:calc(100vh - var(--scene-inset) + var(--story-span,2.22) * 100vh)}.story.is-story-scroll .story-stage{top:var(--scene-inset);block-size:calc(100vh - var(--scene-inset));align-content:center;position:sticky}}.story .story-col .story-steps{gap:var(--space-s);max-width:none;margin:0;padding:0;list-style:none;display:grid}.story .story-steps .story-step{font-size:var(--text-base);color:var(--color-ink);text-wrap:pretty;border-inline-start:2px solid #0000;grid-template-columns:2.75rem 1fr;align-items:start;column-gap:.5rem;margin:0;padding-inline-start:.75rem;line-height:1.6;display:grid}@media (width>=64rem){.story .story-steps .story-step{font-size:var(--text-lg)}}.story .story-num,.story .story-num-static{background:color-mix(in oklch, var(--tint) 35%, var(--color-bg));block-size:1.75rem;inline-size:1.75rem;color:var(--color-ink);font-size:var(--text-sm);font-variant-numeric:tabular-nums lining-nums;border-radius:50%;grid-area:1/1;justify-self:center;place-items:center;margin-block-start:.15em;font-weight:600;line-height:1;display:grid}.story .story-num{cursor:pointer;font:inherit;font-size:var(--text-sm);border:0;padding:0;font-weight:600;position:relative}.story .story-num:after{content:"";position:absolute;inset:-.5rem}.story .story-num:not([hidden])+.story-num-static{display:none}.story .story-text{grid-column:2}.story .story-text strong{font-weight:600}.story .story-step[aria-current=step]{border-inline-start-color:var(--tint-line)}.story.is-story-scroll .story-step{opacity:var(--in);translate:0 calc((1 - var(--in)) * 8px)}.story.is-story-scroll .story-step,.story.is-story-steps .story-step{transition:color var(--story-reveal) var(--ease-out), border-color var(--story-reveal) var(--ease-out)}.story:is(.is-story-scroll,.is-story-steps):has(.story-step[aria-current]) .story-step:not([aria-current]){color:var(--color-ink-2)}.story .story-step:focus-within{opacity:1;color:var(--color-ink);translate:none}@media (prefers-contrast:more){.story .story-step{opacity:1!important;color:var(--color-ink)!important;translate:none!important}}.story .story-controls:not([hidden]){justify-content:space-between;align-items:center;gap:var(--space-xs);display:flex}.story .story-btn{white-space:nowrap;border:1px solid var(--color-control-border);border-radius:var(--radius-sm);background:var(--color-bg);min-block-size:3rem;color:var(--color-ink);font:inherit;font-size:var(--text-sm);cursor:pointer;flex:none;align-items:center;gap:.375rem;padding:.5rem 1rem;font-weight:600;display:inline-flex}.story .story-btn[aria-disabled=true]{color:var(--color-ink-4);border-color:var(--color-line);cursor:default}.story .story-status{font-size:var(--text-sm);color:var(--color-ink-2);font-variant-numeric:tabular-nums;text-align:center;text-wrap:balance;line-height:1.3}.story .story-skip{z-index:3;background:var(--color-ink);color:var(--color-bg);border-radius:var(--radius-sm);font-size:var(--text-sm);padding:.6rem 1rem;font-weight:600;text-decoration:none;position:absolute;top:0;left:0}.story .story-skip:not(:focus){clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;padding:0;overflow:hidden}.story .story-end{outline:none;block-size:0;display:block}.story .story-art{aspect-ratio:1;background:var(--color-bg);position:relative;container:story-art/inline-size}.story .story-art picture,.story .story-art .story-img{object-fit:contain;block-size:100%;inline-size:100%;display:block}.story .story-art .story-img{mix-blend-mode:multiply}.story .story-art>svg,.story .story-inset-art>svg{pointer-events:none;block-size:100%;inline-size:100%;position:absolute;inset:0;overflow:visible}.story .story-regions{mix-blend-mode:multiply}.story .story-regions g{fill:var(--tint);stroke:var(--tint-line)}.story .story-regions .fill{stroke:none;fill-rule:evenodd;opacity:calc(var(--story-fill-active) * var(--a) + var(--story-fill-passed) * var(--in) * (1 - var(--a)) * (1 - var(--final)) + var(--ff) * var(--final))}.story .story-regions .ff18{--ff:.18}.story .story-regions .ff14{--ff:.14}.story .story-regions .edge{fill:none;stroke-width:1.25px;vector-effect:non-scaling-stroke;stroke-linejoin:round;opacity:min(1, calc(var(--a) + .55 * var(--final)))}.story .story-regions .dashed .edge{stroke-dasharray:14 9;stroke-linecap:round;vector-effect:none;stroke-width:2.4px}.story .story-leaders polyline{fill:none;stroke:var(--color-ink-3);stroke-width:.2px;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1 1;stroke-dashoffset:calc(1 - var(--in))}.story .story-dot,.story .story-label{opacity:var(--in);translate:0 calc((1 - var(--in)) * 4px);position:absolute}.story .story-dot{background:var(--color-ink-2);border-radius:50%;block-size:6px;inline-size:6px;transform:translate(-50%,-50%)}.story .story-dot>span{display:none}.story .story-label{align-items:center;gap:.5rem;inline-size:max-content;max-inline-size:15rem;padding-inline:6px;display:flex;transform:translateY(-50%)}.story .story-label[data-align=end]{text-align:end;flex-direction:row-reverse;transform:translate(-100%,-50%)}.story .story-label-n{background:color-mix(in oklch, var(--tint) 35%, var(--color-bg));block-size:1.625rem;inline-size:1.625rem;color:var(--color-ink);font-variant-numeric:tabular-nums lining-nums;border-radius:50%;flex:none;place-items:center;font-size:1rem;font-weight:600;line-height:1;display:grid}.story .story-label-t{font-size:var(--text-sm);letter-spacing:0;line-height:1.3;display:grid}.story .story-label-short{color:var(--color-ink);font-weight:600}.story .story-label-sub{color:var(--color-ink-2)}.story .story-inset{grid-template-columns:minmax(0,1fr);gap:.25rem;display:grid;position:absolute}.story .story-inset-art .story-regions{--story-fill-active:.42;--story-fill-passed:.1}.story .story-inset-art .story-regions .ff18{--ff:.3}.story .story-inset-art{aspect-ratio:1;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-bg);isolation:isolate;position:relative;overflow:hidden}.story .story-inset-cap{font-size:var(--text-sm);color:var(--color-ink-2);justify-content:center;align-items:center;gap:.375rem;line-height:1.3;display:flex}.story .story-inset-cap[data-si]{opacity:calc(.6 + .4 * var(--in))}.story .story-inset-cap[data-si] .story-label-n{opacity:var(--in);scale:calc(.85 + .15 * var(--in))}.story figcaption{margin-top:var(--space-xs);gap:.2rem;display:grid}.story figcaption .meta{order:-1}.story figcaption .cap{font-size:var(--text-sm);color:var(--color-ink-2);text-wrap:pretty;line-height:1.5}.story figcaption .meta{letter-spacing:var(--tracking-caption);color:var(--color-ink-3);font-variant-numeric:tabular-nums lining-nums;font-size:1rem;line-height:1.4}@container story-art (width<=34rem){.story .story-leaders,.story .story-label{display:none}.story .story-art .story-dot{background:color-mix(in oklch, var(--tint) 45%, var(--color-bg));block-size:1.625rem;inline-size:1.625rem;box-shadow:0 0 0 1.5px var(--color-bg);place-items:center;display:grid}.story .story-art .story-dot>span{color:var(--color-ink);font-variant-numeric:tabular-nums;font-size:1rem;font-weight:600;line-height:1;display:block}.story .story-art .story-inset{width:38%;inset:auto 0 0 auto}.story .story-art .story-inset-cap{white-space:nowrap;justify-content:flex-end}}@media print{.story{--final:1!important;width:auto!important;margin-inline:0!important}.story [data-si]{--in:1!important;--a:0!important}.story .story-track{block-size:auto!important}.story .story-stage{block-size:auto!important;position:static!important}.story .story-step{opacity:1!important;color:var(--color-ink)!important;translate:none!important}.story .story-controls,.story .story-skip{display:none!important}.story .story-art,.story .story-steps{break-inside:avoid}.story .story-regions{mix-blend-mode:normal}.story .story-regions .ff18,.story .story-regions .ff14{--ff:.22}.story .story-leaders polyline{stroke:var(--color-ink-2)}}