@layer component{.info-box{--padding: min(var(--margin), .5lh);--border: 1px solid;--gap: 1lh;display:grid;grid-template-columns:1fr;grid-column:popout;border-radius:var(--radius-3);background-color:#c2c2c2;padding:var(--padding);font-family:var(--font-mono);text-wrap:pretty}.info-box .source{grid-column:1 / -1}.info-box h2{font-size:var(--text-sm);font-family:inherit;text-decoration:underline;text-decoration-thickness:1px}.info-box>*{font-size:var(--text-sm)}@media (max-width: 639px){.info-box p{-webkit-hyphens:auto;hyphens:auto}}}@layer component{.gallery{touch-action:pan-y}.gallery-slide{display:contents}.gallery-controls{display:flex;grid-column:popout;justify-content:center;align-items:center;gap:1ch;margin-top:1rem;margin-inline:auto;border-radius:var(--round);background-color:var(--color-panel);padding-inline:.5em;width:fit-content;height:2rem;color:var(--color-bg);line-height:1.3;font-variant-numeric:tabular-nums}.gallery-controls span{text-box:trim-both cap alphabetic}.gallery-controls button[aria-disabled=true]{opacity:.3}}@layer component{.document{--gap: 1rem;--page-scale: 1.5;--pages-padding: 1rem;--height: calc(100svh - 2 * var(--nav-height));--page-width: calc(100cqh / var(--page-scale) * var(--min-page-ratio));--z-current: 100;display:grid;position:relative;isolation:isolate}.document[data-full-page]{grid-template-rows:minmax(0,1fr) auto auto;--height: 100%}.document-pages{display:flex;position:relative;grid-row:1;grid-column:full;align-items:center;gap:var(--gap);box-sizing:border-box;container-type:size;background-color:var(--color-black);padding-block:var(--pages-padding);height:var(--height);overflow-x:scroll;overflow-y:clip;scroll-behavior:smooth;scroll-snap-type:x mandatory}.document-backdrop{grid-row:1;grid-column:full;opacity:0;z-index:99;transition:opacity .3s;background-color:var(--color-black);pointer-events:none}.document-spacer{flex-shrink:0;width:calc((100% - var(--page-width)) / 2);height:1px}.document-page{flex-shrink:0;transition:transform .3s,translate .3s;cursor:pointer;border-right:1px solid #00000026;border-left:1px solid #00000026;width:var(--page-width);height:auto;scroll-snap-align:center}.document-page[aria-current=true]{cursor:zoom-in}.document-controls{display:flex;position:relative;grid-column:main;justify-content:center;gap:1ch;margin-top:1rem;line-height:1.3}.document-nav{display:flex;justify-content:center;align-items:center;gap:1ch;border-radius:var(--round);background-color:var(--color-panel);padding-inline:.5em;height:2rem;color:var(--color-bg);font-variant-numeric:tabular-nums}.document-nav span{text-box:trim-both cap alphabetic}.document-nav button:disabled{opacity:.3}.document-zoom{display:grid;place-content:center;border-radius:var(--round);background-color:var(--color-panel);width:2rem;height:2rem;color:var(--color-white)}.document-zoom[aria-pressed=true]{background-color:var(--color-highlight);color:var(--color-highlight-contrast)}.document[data-zoomed=true] .document-pages{cursor:move;overflow:hidden;overscroll-behavior:none;scroll-behavior:auto;scroll-snap-type:none;touch-action:none;user-select:none;-webkit-user-select:none}.document[data-zoomed=true] .document-page{touch-action:none;-webkit-user-drag:none}.document[data-zoomed=true] .document-backdrop{opacity:1}.document[data-zoomed=true] .document-page[aria-current=false]{pointer-events:none}.document[data-zoomed=true] .document-page[aria-current=true]{transform:scale(calc(var(--zoom) / var(--page-scale)));transform-origin:center;translate:var(--pan-x, 0px) var(--pan-y, 0px);scale:var(--page-scale);transition:transform .3s;cursor:zoom-out}.document[data-zoomed=true][data-zoom-transitioning=true] .document-page[aria-current=true]{transition:transform .3s,translate .3s}@supports (animation-timeline: view()){.document-page{animation:center-scale linear both;animation-timeline:view(inline);animation-range:contain 0% contain 100%}}@supports not (animation-timeline: view()){.document-page{transition:scale .3s,transform .3s,translate .3s}.document-page[aria-current=true]{scale:var(--page-scale);z-index:var(--z-current)}}@keyframes center-scale{0%{scale:1;z-index:1}50%{scale:var(--page-scale);z-index:var(--z-current)}to{scale:1;z-index:1}}}@layer component{.graph{scroll-margin-top:1lh;--panel-height: 60svh}.graph[data-full-page]{grid-template-rows:1fr auto;--panel-height: 100%}.graph-content{display:grid;grid-template-columns:subgrid;row-gap:1lh;grid-column:full;flex-direction:column}[data-full-page] .graph-content{overflow:hidden}@media (max-aspect-ratio: 1.4){[data-full-page] .graph-content{grid-template-rows:1fr auto 1fr}}@media (min-aspect-ratio: 1.4){.graph-content{display:grid;grid-template-columns:1fr 1fr;column-gap:1lh;grid-column:full;margin-inline:1lh;height:var(--panel-height)}}.graph-sigma{position:relative;grid-column:feature;border-radius:var(--radius-3);background-color:#fff;background-color:var(--color-black);width:100%;height:var(--panel-height)}@media (min-aspect-ratio: 1.4){.graph-sigma{grid-column:auto}}.graph-sigma canvas{border-radius:var(--radius-3)}.graph-panel{display:grid;grid-template-columns:subgrid;row-gap:1lh;grid-column:full;flex-direction:column;overflow:hidden}@media (max-aspect-ratio: 1.4){[data-full-page] .graph-panel{display:contents}}@media (min-aspect-ratio: 1.4){.graph-panel{display:flex;grid-column:auto}}.graph-toggles{grid-column:main}.graph-zoom{display:flex;position:absolute;bottom:1rem;left:1rem;flex-direction:column;gap:.12em;z-index:1;border-radius:var(--round);background:var(--color-bg);padding-inline:.2em .14em;padding-block:.3em;line-height:1.3}.graph-browser{display:flex;grid-column:feature;flex-direction:column;border-radius:var(--radius-3);background-color:#c2c2c2;width:100%;max-height:var(--panel-height);font-size:clamp(.85rem,.6rem + .625vw,1rem)}.source:not([data-full-page]) .graph-browser{aspect-ratio:4/3}@media (min-aspect-ratio: 1.4){.graph-browser{aspect-ratio:unset;width:100%;height:100%}}.graph-browser-header{display:flex;flex-direction:column;gap:.3em;border-bottom:1px solid var(--color-black);padding:.4em .5em .5em}.graph-browser-tab{display:flex;flex-direction:row;justify-content:space-between;gap:1ch}.graph-browser-title{display:flex;flex-direction:row;gap:.3em;overflow:hidden}.graph-browser-title p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.graph-browser-url{display:block;border-radius:var(--radius-1);background:#fff;padding-inline:.5ch;max-width:100%;overflow:clip;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.graph-browser-website{display:grid;flex:1;place-items:center;background-color:#c2c2c2}.graph-browser-website,.graph-browser-website iframe{border-bottom-right-radius:var(--radius-3);border-bottom-left-radius:var(--radius-3)}.graph-browser-website iframe{border:none;width:100%;height:100%}.graph-browser-date{white-space:nowrap}.graph-search{display:flex;grid-column:popout;flex-direction:column;gap:1lh;max-height:var(--panel-height);overflow:hidden}.graph-filter{display:flex;grid-column:popout;flex-direction:column;gap:1lh;max-height:var(--panel-height);overflow-y:auto}.graph-filter-list{--grid-column-count: 3;--grid-item-min-width: 14ch;--gap-count: calc(var(--grid-column-count) - 1);--total-gap-width: calc(var(--gap-count) * 1ch);--grid-item-max-width: calc( (100% - var(--total-gap-width)) / var(--grid-column-count) );display:grid;grid-template-columns:repeat(auto-fill,minmax(max(var(--grid-item-min-width),var(--grid-item-max-width)),1fr));gap:1ch;padding:0;list-style:none}.graph-filter-item label{display:flex;align-items:center;gap:.5em;cursor:pointer;border-radius:var(--round);background-color:var(--color);padding-inline:1ch;line-height:var(--leading-relaxed);text-transform:capitalize}.graph-filter-item input{accent-color:currentColor}}@layer component{.icon{height:1lh;overflow:visible}.icon p{vector-effect:non-scaling-stroke}}@layer component{.image-anchor{position:absolute;anchor-name:--image-anchor;top:var(--y);left:var(--x);width:var(--width);height:var(--height);pointer-events:none}.image-marker{position:absolute;top:var(--y);left:var(--x);transition:opacity .3s;outline:2px solid var(--color-white);border:2px solid var(--color-black);border-radius:var(--radius-2);width:var(--width);height:var(--height)}.image-marker:focus-visible{outline:3px solid var(--color-black);outline-offset:3px;box-shadow:0 0 0 3px var(--color-white)}.image-popovers:has(.image-popover:is(:hover,:focus-within):not([data-dismissed])) .image-popover:not(:is(:hover,:focus-within)) .image-marker{opacity:0;pointer-events:none}.image-info{position:absolute;position-anchor:--image-anchor;position-area:right;position-try-fallbacks:left,bottom,top;visibility:hidden;opacity:0;z-index:var(--z-float);transition:opacity .2s,visibility 0s linear .2s;margin:1em;border-radius:var(--radius-1);border-radius:var(--radius-3);background:var(--color-black);padding:1em;width:fit-content;min-width:20ch;max-width:min(80%,calc(100vw - 2em));color:var(--color-gray);font-size:clamp(.75rem,.3333rem + 1.0417vw,1rem);line-height:1.6;line-height:var(--leading-snug);text-box:trim-both cap alphabetic;-webkit-hyphens:auto;hyphens:auto;text-wrap:pretty}@supports not (position-try-fallbacks: flip-inline){.image-info{position-area:bottom;justify-self:anchor-center}}.image-popover:is(:hover,:focus-within):not([data-dismissed]) .image-info{visibility:visible;opacity:1;transition-delay:0s}@media (prefers-reduced-motion: reduce){.image-marker,.image-info{transition:none}}}@layer component{:root{--dpr: 1}.image img{border-radius:var(--radius-3);width:100%;height:auto}.image{--max-width: 100%}.image-wrapper,.image .source-caption{--width: min(var(--max-width), calc(var(--image-width) / var(--dpr)));grid-column:popout;margin-inline:auto;width:var(--width)}@supports (width: round(down,1.5px,1px)){.image-wrapper,.image .source-caption{--width: min( var(--max-width), round(down, calc(var(--image-width) / var(--dpr)), 1px) )}}.image-wrapper{position:relative}.image .source-caption{width:min(100%,max(60ch,var(--width)))}@media (min-width: 500px){[data-size=small]{--max-width: 50%}}}.intro{--intro-width: 1884;--intro-height: 1816;--ratio: calc(var(--intro-width) / var(--intro-height));--parallax-scale: 1;--t: .5;--overshoot: 1.5;--max-width: min(1600px, 100svh * var(--ratio) * var(--overshoot));--vw: min(100vw, var(--max-width))}@supports (width: calc(tan(atan2(1px,2px))*1px)){.intro{--t: clamp(0, tan(atan2(var(--vw) - 375px, 1225px)), 1)}}.intro{position:relative;grid-column:full;justify-self:center;view-timeline:--intro-visible block;margin-top:min(.5lh,4rem);margin-bottom:.75lh;aspect-ratio:var(--ratio);width:min(100%,var(--max-width));overflow-x:clip;overflow-y:visible;font-size:calc(4.5rem + 8.5rem * var(--t));font-family:var(--font-serif);white-space:nowrap}@media (prefers-reduced-motion: no-preference){@supports (animation-timeline: --foo){.intro .intro-collage-item{animation:parallax linear both;animation-timeline:--intro-visible;animation-range:cover 0% cover 100%}}}.intro .intro-text-item{--x: calc(var(--x-min) + (var(--x-max) - var(--x-min)) * var(--t));--y: calc(var(--y-min) + (var(--y-max) - var(--y-min)) * var(--t));position:absolute;top:var(--y);left:var(--x)}.intro .intro-collage-item{--contrast: 1.15;position:absolute;top:calc(var(--y) / var(--intro-height) * 100%);left:calc(var(--x) / var(--intro-width) * 100%);width:calc(var(--width) / var(--intro-width) * 100%);height:calc(var(--height) / var(--intro-height) * 100%)}:is(.intro .intro-collage-item) img,:is(.intro .intro-collage-item) canvas{position:absolute;top:0;right:0;bottom:0;left:0;image-rendering:pixelated;width:100%;height:100%}:is(.intro .intro-collage-item) img{visibility:hidden}@keyframes parallax{0%{translate:0 calc(var(--parallax, 0) * var(--parallax-scale) * -1%)}to{translate:0 calc(var(--parallax, 0) * var(--parallax-scale) * 1%)}}.language-switch{font-size:.95em;font-family:var(--font-mono);white-space:nowrap}@layer component{.masonry{display:flex;flex-direction:column;gap:var(--masonry-gap)}@media (min-width: 640px){@supports (display: grid-lanes){.masonry{display:grid-lanes;grid-template-columns:repeat(auto-fit,minmax(min(30rem,100% / 3),1fr))}}}.masonry[data-enabled=true]{display:grid}.masonry-column{display:flex;flex-direction:column;gap:var(--masonry-gap)}}@layer component{.nav{--nav-bg: var(--color-bg);display:grid;position:sticky;top:0;z-index:var(--z-menu);height:var(--nav-height);color:var(--nav-color)}.nav[data-border=true]:after{position:absolute;top:100%;left:var(--gap);--gap: min(var(--margin), 1rem);border-bottom:1px solid currentColor;width:calc(100% - 2 * var(--gap));content:""}.nav a{display:flex;align-items:center;gap:1ch;text-decoration:none}.nav-default{display:flex;grid-area:1/1;align-items:center;background:var(--nav-bg);padding-left:1em;height:100%;font-size:var(--text-lg);font-family:var(--font-serif);text-box:trim-both cap alphabetic}.nav-logo{flex:1}.nav-actions{display:flex;flex-shrink:0;align-items:center;margin-left:auto}.nav-actions>*{padding-inline:.25rem;height:var(--nav-height)}.nav-actions>*:first-child{padding-left:.5rem}.nav-actions>*:last-child{padding-right:1rem}.nav-back{display:flex;grid-area:1/1;justify-content:center;align-items:center;z-index:2;transition:opacity .5s,display .5s allow-discrete;background-color:var(--nav-bg);width:100%;height:100%}@starting-style{.nav-back{opacity:0}}body:not(:has(.source[data-active=true])) .nav-back{display:none;opacity:0}}[data-protected]{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}[data-protected] img{pointer-events:none}@layer component{@media (max-width: 767px){.read-more[data-open=false] [data-read-more-rest]{display:none}}.read-more-toggle{display:block;font-style:italic;font-size:var(--text-md);--gap: .25lh}@media (min-width: 768px){.read-more-toggle{display:none}}}@layer component{.search{justify-self:center;box-sizing:border-box;width:80ch;max-width:100%;min-height:100dvh;font-size:var(--text-lg);font-family:var(--font-sans)}.search .search-bar{display:grid;flex-shrink:0;place-items:center;box-sizing:border-box;padding-inline:var(--nav-height);padding-block:1.75rem;width:100%}.search .search-field{position:relative;width:min(100%,50ch)}.search .search-input{border-radius:var(--round);padding-inline:.75em;width:100%;line-height:1.7}.search .search-spinner{position:absolute;top:50%;right:.5em;translate:0 -50%;opacity:0;animation:search-spin .8s linear infinite;transition:opacity .2s;will-change:rotate;fill:var(--color-black);width:2rem;height:2rem;height:1.2em}.search:has(.search-results[aria-busy=true]) .search-spinner{opacity:1;transition-delay:.4s}.search .search-results{display:flex;flex-direction:column;gap:min(var(--margin),1rem);margin:min(var(--margin),1rem);margin-top:0;padding:0;overflow-y:auto;color:var(--color-black)}.search .search-result{border:1px solid;border-radius:var(--radius-4);background-color:var(--color-bg);padding:var(--size-3);line-height:1.6}:is(.search .search-result) a{display:flex;flex-direction:column;gap:var(--size-3);text-decoration:none}:is(.search .search-result) h2{font-size:var(--text-xl);line-height:1.1;font-family:var(--font-serif);text-box:ex alphabetic;text-wrap-style:pretty}:is(.search .search-result) p{font-size:clamp(1rem,.5833rem + 1.0417vw,1.25rem);line-height:1.4}:is(.search .search-result) em{background-color:#ff0;font-style:inherit}.search-content{display:flex;flex-direction:column;min-height:100dvh}.search-close{display:grid;position:fixed;right:0;place-items:center;aspect-ratio:1/1;height:var(--nav-height);color:var(--color-white);font-size:var(--text-lg)}@keyframes search-spin{to{rotate:1turn}}}.source-caption{grid-column:main;padding-inline:clamp(0rem,-1.6667rem + 4.1667vw,1rem);padding-block:1rem;font-size:var(--text-sm);font-family:var(--font-mono);text-box:trim-both cap alphabetic;text-wrap:pretty}.source:not([data-full-page]) .source-caption{padding-bottom:0}.source:has(+.source-profile) .source-caption{display:none}@layer component{.source-profile{--padding: min(var(--margin), .5lh);--border: 1px solid;--gap: 1lh;border-radius:var(--radius-3);background-color:#c2c2c2;font-family:var(--font-mono);text-wrap:pretty}.source-profile>*{font-size:var(--text-sm)}.source-profile .source-profile-jump{padding-block:.6em;text-box:trim-both cap alphabetic;white-space:nowrap}.source-profile h2{font-size:inherit;font-family:inherit;text-decoration:underline;text-decoration-thickness:1px}.source-profile dl{display:grid;grid-template-columns:max-content 1fr;margin:0;border-top:var(--border)}.source-profile dt,.source-profile dd{margin:0;padding-block:.5em}.source-profile dt{border-inline-end:var(--border);padding-inline:var(--padding) 1em}.source-profile dd{padding-inline:1em var(--padding)}.source-profile :is(dt,dd):not(:nth-last-child(-n+2)){border-block-end:var(--border)}}@layer component{.story-gallery-frame{display:grid;isolation:isolate;width:100vw;height:var(--height)}.story-gallery-frame>*{grid-area:1 / 1}.story-gallery-image{place-self:center;opacity:0;mix-blend-mode:plus-lighter;transition:opacity .6s;width:min(100vw,calc(var(--height) * var(--ratio)));height:auto}.story-gallery-image[aria-current=true]{opacity:1}}@layer component{.story{display:grid;grid-template-columns:subgrid;grid-column:full;isolation:isolate;--height: calc(100lvh - var(--nav-height))}.story[data-full-page]{--height: 100lvh}.story:has(+.story) .story-caption-wrapper{background:#000;padding-bottom:1.5rem;color:var(--color-gray)}.story+.story{margin-top:0}.story-caption-wrapper{display:grid;grid-template-columns:subgrid;grid-column:full}.story-stack{display:grid;grid-column:full}.story-stack>*{grid-area:1 / 1}.story-sticky{display:grid;position:sticky;top:var(--nav-height);place-items:center;background-color:#000;height:var(--height)}.story[data-full-page] .story-sticky{top:0}.story-frame{position:relative}.story-image{width:min(100vw,calc(var(--height) * var(--ratio)));height:auto}.story-masks{position:absolute;opacity:.8;mix-blend-mode:multiply;transition:opacity .5s;top:0;right:0;bottom:0;left:0;background-color:#000}.story-masks:not(:has(.story-mask[aria-current=true])){opacity:0}.story-mask{position:absolute;top:var(--y);left:var(--x);transition:opacity .5s;border-radius:var(--radius-2);background-color:#fff;width:var(--width);height:var(--height);pointer-events:none}.story-mask[aria-current=false]{opacity:0}.story-chapters{z-index:1;padding-top:calc(var(--height) / 2)}.story-chapter{display:grid;align-content:center;height:var(--height)}.story-text{justify-self:var(--justify, left);box-sizing:border-box;margin-inline:2rem;border:1px solid black;border-radius:var(--radius-2);background-color:var(--color-gray);padding:var(--size-1);width:fit-content;max-width:min(40ch,50vw);font-size:clamp(.75rem,.3333rem + 1.0417vw,1rem);line-height:var(--leading-snug);text-box:trim-both cap alphabetic;-webkit-hyphens:auto;hyphens:auto;text-wrap:pretty}}@layer component{.video{display:grid;grid-template-columns:subgrid;grid-column:feature}.video video{grid-column:feature;border-radius:var(--radius-2);background-color:var(--color-black);max-height:100%}.video .source-search-input{grid-column:full;margin-top:1rem;margin-inline:auto;width:min(100%,40ch)}.video .source-search-results{grid-column:popout;margin-top:1rem;max-height:15rem}.video-search-result button{display:grid!important;grid-template-columns:1fr max-content;align-items:center;gap:1ch}:is(.video-search-result button) span{overflow:hidden;text-overflow:ellipsis}}@layer component{.website{display:grid;grid-template-columns:subgrid;grid-column:full}.website video{display:block;grid-column:feature;border-radius:var(--radius-2);background-color:var(--color-black);width:100%}.website .website-warning{grid-column:main;border-radius:var(--radius-2);background-color:#c2c2c2;padding:1rem;font-size:.85rem;text-box:cap alphabetic;text-wrap-style:pretty}.info-box :is(.website .website-warning){background-color:var(--color-bg);font-size:inherit}.website .website-video-wrapper{position:relative;grid-column:feature;margin-top:1lh;border-radius:var(--radius-2);overflow:hidden}.website .website-play-overlay{position:absolute;top:50%;left:50%;translate:-50% -50%;cursor:pointer;border-radius:var(--round);background-color:var(--color-black);padding:1rem;color:var(--color-white)}:is(.website .website-play-overlay) svg{width:4rem;height:4rem}.website .website-controls{display:flex;grid-column:popout;align-items:center;gap:1ch;margin-top:1lh;border-radius:var(--round);background-color:var(--color-panel);padding-inline:.5em;height:2rem;color:var(--color-white);line-height:1.3}:is(.website .website-controls)>*{font-size:var(--text-md)}.website .website-scrubber{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:transparent;width:100%;color:#fff;--color-track: color-mix(in srgb, var(--color-white) 30%, transparent);--color-progress: var(--color-highlight);--track-height: 5px;--thumb-size: 14px}:is(.website .website-scrubber)::-webkit-slider-runnable-track{border:none;border-radius:var(--round);background:linear-gradient(to right,var(--color-progress) var(--progress, 0%),var(--color-track) var(--progress, 0%));height:var(--track-height)}:is(.website .website-scrubber)::-moz-range-track{border:none;border-radius:var(--round);background:linear-gradient(to right,var(--color-progress) var(--progress, 0%),var(--color-track) var(--progress, 0%));height:var(--track-height)}:is(.website .website-scrubber)::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:-5.5px;border:none;border-radius:var(--round);background:var(--color-progress);width:var(--thumb-size);height:var(--thumb-size)}:is(.website .website-scrubber)::-moz-range-thumb{border:none;border-radius:var(--round);background:var(--color-progress);width:var(--thumb-size);height:var(--thumb-size)}.website .website-date{flex-shrink:0;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";text-box:trim-both cap alphabetic}.website .website-url{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}