@layer reset{html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body,h1,h2,h3,p{margin:0}h1,h2,h3{font:inherit}a{color:inherit}svg{display:block}}@layer tokens{:root{--color-paper:#f7f7f7;--color-ink:#303030;--color-accent:#00e;--color-underline:#00e;--color-muted:#666;--color-rule:#e5e5e5;--color-on-accent:#f7f7f7}@media (prefers-color-scheme:dark){:root{--color-paper:#0010cc;--color-ink:#f7f7f7;--color-accent:#fff;--color-underline:#000;--color-muted:#a5bef1;--color-rule:#0635d2;--color-on-accent:#0010cc}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--font:"Libre Caslon Condensed", Georgia, serif;--text:1.0625rem;--leading:1.6667rem;--gap:3.4375rem;--gutter:2.75rem;--shell-top:2.375rem;--portrait-width:9rem;--portrait-gap:1.25rem;--measure:23.125rem;--name-size:2.125rem;--cap-height:.7615}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=68.75em){:root{--gap:2.125rem;--gutter:1.875rem}}@media (width<=48.75em){:root{--gutter:1.5625rem}}@media (width<=33.75em){:root{--gap:1.5rem;--gutter:1.375rem}}}@layer base{html{scrollbar-color:var(--color-accent) var(--color-paper);overscroll-behavior-y:none}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--color-paper);color:var(--color-ink);font:var(--text) / 1.5 var(--font);text-wrap:pretty;-webkit-font-smoothing:antialiased}a,abbr{text-decoration:underline;-webkit-text-decoration-color:var(--color-underline);text-decoration-color:var(--color-underline);text-underline-offset:.1875rem;text-decoration-thickness:1px}a:hover,abbr:hover{text-decoration-thickness:2px}abbr{cursor:help;text-decoration-style:dotted}::selection{background:var(--color-accent);color:var(--color-on-accent)}:focus-visible{outline:2px solid var(--color-muted);outline-offset:.25rem}}@layer layout{.shell{column-gap:var(--gap);max-inline-size:calc(90.625rem - 2 * var(--gutter));padding-inline:var(--gutter);grid-template-columns:repeat(3,minmax(0,1fr));margin-inline:auto;display:grid}.shell__intro{block-size:calc(100svh - 2 * var(--shell-top));max-inline-size:22.8125rem;padding-block:var(--shell-top);grid-column:1;align-self:start;position:sticky;inset-block-start:0}.shell__content{min-inline-size:0;grid-column:2/4;padding-block-start:calc(var(--shell-top) + var(--portrait-width) + var(--portrait-gap) + (1.1 * var(--name-size) - var(--leading)) / 2)}@supports (text-box:trim-start cap alphabetic){.shell__content{padding-block-start:calc(var(--shell-top) + var(--portrait-width) + var(--portrait-gap) + var(--cap-height) * (var(--name-size) - var(--text)) / 2)}}.runout{pointer-events:none;grid-column:1/-1;block-size:100lvh}@media (height<=35em) and (width>=48.8125em){.shell__intro{block-size:auto}}@media (width<=48.75em){.shell{display:block}.shell__intro{block-size:auto;max-inline-size:26.25rem;padding-block:1.75rem 1.875rem;position:static}.shell__content{border-block-start:1px solid var(--color-rule);padding-block-start:2.1875rem}}}@layer components{.sprite{display:none}.skip-link{z-index:90;background:var(--color-paper);padding:.75rem 1.125rem;text-decoration:none;position:fixed;inset-block-start:-5.625rem;inset-inline-start:1.125rem}.skip-link:focus{inset-block-start:.875rem}.intro__link:not(:hover),.highlight__link:not(:hover){text-decoration:none}.link-icon{aspect-ratio:130/158;vertical-align:-.2em;block-size:1.1em;margin-inline-start:.25em;transition:scale .2s;display:inline-block}.link-icon--elastiq{aspect-ratio:238/175;vertical-align:-.05em;color:#f04e45;block-size:.8em;margin-inline-start:.12em;transition:scale .2s,color .2s;overflow:visible}:not(:hover,:focus-visible)>.link-icon{--link-icon-fill:var(--color-accent);--link-icon-eye:var(--color-paper);scale:.8}.link-icon__shape{transition:fill .2s}:not(:hover,:focus-visible)>.link-icon--elastiq{color:var(--color-accent)}.title{font-size:1.375rem;line-height:1.3}.copy{font-size:var(--text);line-height:var(--leading)}.copy+.copy{margin-block-start:var(--leading)}.portrait{inline-size:var(--portrait-width)}.portrait__drawing{block-size:auto;inline-size:100%;color:var(--color-ink);fill:none;stroke-linecap:round;stroke-linejoin:round}.portrait__shade{fill:currentColor;opacity:.1}.portrait__tone{opacity:.45}.portrait__eye{fill:var(--color-accent);transition:translate .25s ease-out}@media (prefers-color-scheme:dark){.portrait__drawing{color:var(--color-accent)}.portrait__tone{opacity:.6}.portrait__eye{fill:#fff}}.intro{flex-direction:column;display:flex}.intro__portrait{margin-block-end:var(--portrait-gap)}.intro__name{font-size:var(--name-size);line-height:1.1}.intro__role,.intro__links{letter-spacing:.01em;color:var(--color-muted);font-size:.9375rem;line-height:1.4}.intro__role{margin-block-start:1.5625rem;line-height:calc(1.4em + .375rem)}.intro__dash{vertical-align:.25em;border-block-start:1px solid;inline-size:2em;display:inline-block}.intro__links{flex-wrap:wrap;gap:.375rem 1.375rem;margin-block-start:auto;padding-block-start:1.5rem;display:flex}.settings{z-index:85;letter-spacing:.01em;color:var(--color-muted);pointer-events:none;background:0 0;gap:.5em;padding:1rem;font-size:.9375rem;line-height:1.4;transition:background-color .3s .2s;display:grid;position:fixed;inset-block-end:calc(var(--gutter) + 2.5rem);inset-inline-end:calc(var(--gutter) - 1rem)}.settings--open{background:var(--color-paper);pointer-events:auto;transition-delay:0s}.settings-trigger{z-index:85;border:1px solid var(--color-rule);background:linear-gradient(var(--color-paper) 50%, var(--color-accent) 50%) 0 0 / 100% 200%;block-size:1.75rem;inline-size:1.75rem;color:var(--color-ink);cursor:pointer;opacity:0;visibility:hidden;place-items:center;padding:0;transition:opacity .2s linear,transform .4s cubic-bezier(.7,0,.7,.3) .1s,visibility .5s,color .1s,border-color .1s,background-position .3s cubic-bezier(.3,.7,0,1);display:grid;position:fixed;inset-block-end:var(--gutter);inset-inline-end:var(--gutter);transform:translate(2rem)rotateY(-5deg)}.settings-trigger--visible{opacity:1;visibility:visible;transition:opacity .3s linear 50ms,transform .45s cubic-bezier(.3,.7,.2,1.25) 50ms,visibility,color .1s,border-color .1s,background-position .3s cubic-bezier(.3,.7,0,1);transform:none}.settings-trigger:before{content:"";background:var(--color-accent);border-radius:50%;block-size:.875rem;inline-size:.875rem;transition:background-color .3s cubic-bezier(.3,.7,0,1)}.settings-trigger:hover{border-color:var(--color-accent);background-position:0 100%}.settings-trigger:hover:before{background:var(--color-paper)}.settings-trigger[aria-expanded=true]{border-color:var(--color-accent);color:var(--color-accent)}.settings-trigger[hidden],.settings[hidden]{display:none}.settings__row{perspective:400px;visibility:hidden;border:0;justify-content:space-between;align-items:center;gap:1.375rem;min-inline-size:0;margin:0;transition:visibility .7s;display:flex;position:relative}.settings__row>:not(.settings__input){opacity:0;transform-origin:150%;transition:opacity .2s linear,transform .4s cubic-bezier(.7,0,.7,.3);transition-delay:calc(var(--rank,0) * 30ms), calc(.1s + var(--rank,0) * 30ms);transform:translate(2rem)rotateY(-5deg)}.settings--open .settings__row{visibility:visible;transition:visibility .9s}.settings--open .settings__row>:not(.settings__input){opacity:1;transition:opacity .3s linear,transform .45s cubic-bezier(.3,.7,.2,1.25);transition-delay:calc(50ms + var(--order,0) * 35ms + var(--lag,0s)), calc(50ms + var(--order,0) * 30ms + var(--lag,0s));transform:none}.settings__row>:not(.settings__name){--lag:.15s}.settings__swatches{grid-auto-flow:column;gap:.5rem;margin-inline-start:auto;display:grid}.settings .settings__row>.settings__swatches{opacity:1;transform:none}.settings__swatch{opacity:0;transition:opacity .2s linear,transform .4s cubic-bezier(.7,0,.7,.3);transition-delay:calc(var(--rank,0) * 30ms), calc(.1s + var(--rank,0) * 30ms);transform:translate(2rem)rotateY(-5deg)}.settings--open .settings__swatch{opacity:1;transition:opacity .3s linear,transform .45s cubic-bezier(.3,.7,.2,1.25);transition-delay:calc(50ms + var(--order,0) * 35ms + var(--lag,0s) + var(--step,0) * 20ms), calc(50ms + var(--order,0) * 30ms + var(--lag,0s) + var(--step,0) * 20ms);transform:none}.settings__stamp{block-size:1.75rem;inline-size:1.75rem;color:inherit;cursor:pointer;background:0 0;border:1px solid;padding:0;position:relative}.settings__stamp:hover{color:var(--color-ink)}.settings__stamp:before{content:"";background:var(--color-ink);-webkit-mask:var(--stamp) center / contain no-repeat;mask:var(--stamp) center / contain no-repeat;position:absolute;inset:2px}.settings__stamp--hole:before{border:1px solid var(--color-ink);background:0 0;border-radius:50%;inset:.375rem;-webkit-mask:none;mask:none}.settings__name{color:var(--color-ink);align-self:start}.settings__name--hidden{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.settings__toggle,.settings__swatch{cursor:pointer;position:relative}.settings__input{opacity:0;pointer-events:none;margin:0;position:absolute;inset:0}.settings__box{block-size:.875rem;inline-size:1.75rem;display:block;position:relative}.settings__box:before,.settings__box:after{content:"";transition:color .1s,border-color .1s,background-color .1s;position:absolute}.settings__box:after{border:1px solid;inset:0}.settings__box:before{z-index:1;border:1px solid;block-size:calc(.875rem - 8px);inline-size:calc(.875rem - 8px);transition:translate .25s cubic-bezier(.3,.7,0,1) .1s,inline-size .25s cubic-bezier(.3,.7,0,1) .1s,block-size .25s cubic-bezier(.3,.7,0,1) .1s,color .1s,border-color .1s,background-color .1s;inset-block-start:3px;inset-inline-start:3px}.settings__toggle:hover .settings__box{color:var(--color-ink)}.settings__toggle:has(:checked) .settings__box:after{color:var(--color-accent);background:var(--color-accent);transition:color .1s .2s,border-color .1s .2s,background-color .1s .2s}.settings__toggle:has(:checked) .settings__box:before{border-color:var(--color-paper);background:var(--color-paper);block-size:calc(.875rem - 7px);inline-size:calc(.875rem - 7px);transition:translate .25s cubic-bezier(.3,.7,0,1),inline-size .25s cubic-bezier(.3,.7,0,1),block-size .25s cubic-bezier(.3,.7,0,1),border-color .1s .2s,background-color .1s .2s;translate:calc(.875rem - .5px) -.5px}.settings__toggle:has(:focus-visible) .settings__box{outline:2px solid var(--color-muted);outline-offset:.125rem}.settings__swatch:has(:focus-visible){outline:2px solid var(--color-muted);outline-offset:.125rem}.settings__range{block-size:1.3rem;color:var(--color-muted);cursor:pointer;appearance:none;background:linear-gradient(currentColor,currentColor) 50%/100% 1px no-repeat;flex:1;margin:0}.settings__range::-webkit-slider-thumb{box-sizing:border-box;border:1px solid var(--color-ink);background:var(--color-paper);appearance:none;block-size:.5rem;inline-size:.5rem;transition:background-color .1s;rotate:45deg}.settings__range::-moz-range-thumb{box-sizing:border-box;border:1px solid var(--color-ink);background:var(--color-paper);border-radius:0;block-size:.5rem;inline-size:.5rem;transition:background-color .1s;rotate:45deg}.settings__range:focus-visible{outline:none}.settings__range:focus-visible::-webkit-slider-thumb{background:var(--color-ink)}.settings__range:active::-webkit-slider-thumb{background:var(--color-ink)}.settings__range:focus-visible::-moz-range-thumb{background:var(--color-ink)}.settings__range:active::-moz-range-thumb{background:var(--color-ink)}.settings__swatch{background:var(--swatch);border-radius:50%;block-size:.875rem;inline-size:.875rem;box-shadow:inset 0 0 0 1px #00000014}.settings__swatch:has(:checked){outline:1px solid var(--color-ink);outline-offset:2px}.settings__swatch--theme{--swatch:var(--color-accent)}.settings__swatch--pokeball{--swatch:radial-gradient(circle, #fff 0 1.5px, #000 1.5px 2.5px, transparent 2.5px), linear-gradient(#ff4100 0 43%, #000 43% 57%, #fff 57%)}.settings__swatch--cycle{--swatch:conic-gradient(in oklch longer hue, oklch(70% .2 30), oklch(70% .2 30))}.settings__swatch--poline{--swatch:var(--settings-poline)}.settings__swatch--gradient{--swatch:var(--settings-gradient)}.settings__swatch--custom{--swatch:var(--settings-custom,#00e)}.settings__picker{opacity:0;cursor:pointer;border:0;block-size:100%;inline-size:100%;padding:0;position:absolute;inset:0}@media (prefers-color-scheme:dark){.settings__swatch--theme{--swatch:var(--color-underline)}}@property --reel-side{syntax:"<number>";inherits:false;initial-value:0}@property --reel-wide{syntax:"<number>";inherits:false;initial-value:0}@property --reel-tall{syntax:"<number>";inherits:false;initial-value:0}.reel{--reel-arrow:.6875rem;--reel-reach:calc(2.25rem - var(--reel-arrow));--reel-edge:calc(100% - var(--reel-arrow));--reel-inner:calc(var(--reel-edge) - 1px);--reel-left:calc(var(--reel-edge) * (1 - var(--reel-wide)));--reel-top:calc((var(--reel-point) - var(--reel-arrow)) * (1 - var(--reel-tall)));--reel-bottom:calc(100% - (100% - var(--reel-point) - var(--reel-arrow)) * (1 - var(--reel-tall)));z-index:77;inline-size:calc(var(--reel-width) + var(--reel-arrow));opacity:0;pointer-events:none;transform:translate(calc(var(--reel-side) * (100% + 2 * var(--reel-reach)) - 100% - var(--reel-reach)), calc(-1 * var(--reel-point)));transform-origin:0 0;will-change:translate, rotate;transition:opacity .12s,--reel-wide .12s ease-in,--reel-tall .12s ease-in,--reel-side .3s cubic-bezier(.3,.7,0,1);position:fixed;inset-block-start:0;inset-inline-start:0}.reel--visible{--reel-wide:1;--reel-tall:1;opacity:1;transition:opacity 60ms,--reel-wide .3s cubic-bezier(.3,.7,0,1),--reel-tall .38s cubic-bezier(.3,.7,0,1) 70ms,--reel-side .3s cubic-bezier(.3,.7,0,1)}.reel--flipped{--reel-side:1}.reel:before{content:"";background:var(--color-accent);clip-path:polygon(var(--reel-left) var(--reel-top), var(--reel-edge) var(--reel-top), var(--reel-edge) calc(var(--reel-point) - var(--reel-arrow)), 100% var(--reel-point), var(--reel-edge) calc(var(--reel-point) + var(--reel-arrow)), var(--reel-edge) var(--reel-bottom), var(--reel-left) var(--reel-bottom));position:absolute;inset:0}.reel__frame{aspect-ratio:720/446;background:var(--color-paper);clip-path:polygon(calc(var(--reel-left) + 1px) calc(var(--reel-top) + 1px), var(--reel-inner) calc(var(--reel-top) + 1px), var(--reel-inner) calc(var(--reel-point) - var(--reel-arrow) + .41px), calc(100% - 1.41px) var(--reel-point), var(--reel-inner) calc(var(--reel-point) + var(--reel-arrow) - .41px), var(--reel-inner) calc(var(--reel-bottom) - 1px), calc(var(--reel-left) + 1px) calc(var(--reel-bottom) - 1px));position:relative;overflow:hidden}.reel--flipped:before,.reel--flipped .reel__frame,.reel--flipped .reel__track{scale:-1 1}.reel__track{translate:0 calc(var(--reel-index,0) * -100% / var(--reel-count,1));transition:translate .6s cubic-bezier(.3,.7,0,1)}.reel__video{aspect-ratio:720/446;object-fit:cover;block-size:auto;inline-size:100%;display:block}.highlight__media{display:none}.opening,.section,.highlight{gap:var(--gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.opening__text,.section__body,.highlight__text{max-inline-size:var(--measure);grid-area:1/1}.section__title,.highlight__title{grid-area:1/2}.opening{min-block-size:25.625rem;margin-block-end:5rem}.opening__aside{font-size:1rem}@supports (text-box:trim-start cap alphabetic){.intro__name,.opening__text>.copy:first-child,.opening__aside>.copy:first-child{text-box:trim-start cap alphabetic}}.highlights{padding-block-end:5rem}.highlights__title{margin-block-end:1.5625rem}.highlight{border-block-start:1px solid var(--color-rule);padding-block:1.5625rem 1.875rem}@media (width<=68.75em){.highlight{min-block-size:calc(var(--reel-height) + 3 * 1.375rem)}}.highlight__link:after{content:"↗" / "";vertical-align:.5em;margin-inline-start:.4em;font-family:system-ui;font-size:.6em;display:inline-block}.highlight__link:hover:after{color:var(--color-accent)}.section{border-block-start:1px solid var(--color-rule);padding-block:1.5625rem 8.125rem}.section:has(+.section--support){padding-block-end:5rem}@media (height<=35em) and (width>=48.8125em){.intro__links{margin-block-start:2.1875rem}}@media (width<=48.75em){.intro__role{margin-block-start:1.25rem}.intro__links{margin-block-start:1.75rem}.opening{min-block-size:0;margin-block-end:3.4375rem}}@media (width<=33.75em){.opening,.section,.highlight{grid-template-columns:1fr}.opening{gap:2rem;margin-block-end:2.875rem}.section{gap:1.125rem;padding-block-end:5.625rem}.highlight{gap:.5rem}.opening__text,.section__body,.highlight__text,.section__title,.highlight__title{grid-area:auto;max-inline-size:none}.highlight__media{margin-block:.5rem;display:block}.highlight__video{border:1px solid var(--color-rule)}}.ball__trail{z-index:-1;pointer-events:none;block-size:100dvh;inline-size:100%;position:absolute;inset-block-start:0;inset-inline-start:0}.shell:has(>.ball__trail){isolation:isolate}.shell:has(>.ball__trail) .shell__intro{z-index:-2}.ball__sphere{z-index:80;pointer-events:none;block-size:3rem;inline-size:3rem;position:fixed;inset-block-start:0;inset-inline-start:0}.ball__dock{z-index:78;border:1px solid var(--color-ink);pointer-events:none;opacity:0;border-radius:50%;block-size:calc(2.4rem - 2px);inline-size:calc(2.4rem - 2px);transition:opacity .3s;position:fixed;inset-block-start:0;inset-inline-start:0}.ball__dock--visible{opacity:1}@media (width<=33.75em){body:has(.ball__sphere) .shell{padding-inline-start:4.5rem}}.ball__shadow{z-index:79;pointer-events:none;background:radial-gradient(closest-side,#0003,#0000001a 45%,#00000008 75%,#0000);border-radius:50%;block-size:4.5rem;inline-size:4.5rem;position:fixed;inset-block-start:0;inset-inline-start:0}.ball__handle{z-index:81;cursor:pointer;background:0 0;border:0;border-radius:50%;block-size:3rem;inline-size:3rem;padding:0;position:fixed;inset-block-start:0;inset-inline-start:0}}@font-face{font-family:Libre Caslon Condensed;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/libre-caslon-condensed-400-BhNV9cKP.woff2)format("woff2")}@font-face{font-family:Libre Caslon Condensed;font-style:italic;font-weight:400;font-display:swap;src:url(/assets/libre-caslon-condensed-400-italic-CKTd21HE.woff2)format("woff2")}