/* A small motion vocabulary: settle, open, and drift. */
.editorial-edition{--flow-ease:cubic-bezier(.22,1,.36,1)}
html:has(.editorial-edition){scrollbar-gutter:auto;scrollbar-width:none}
html:has(.editorial-edition)::-webkit-scrollbar{display:none}
.editorial-edition ::selection{background:#ead51a;color:#434343}
.site-intro{position:fixed;inset:0;z-index:100;background:var(--paper);color:var(--ink);display:grid;place-items:center;transition:transform .36s cubic-bezier(.76,0,.24,1);overflow:hidden}
.site-intro[hidden]{display:none}
.intro-active{overflow:hidden}
.intro-active .landing-track{animation-play-state:paused}
.intro-emblem{width:clamp(72px,7vw,96px);transition:opacity .16s,transform .3s var(--flow-ease)}
.intro-emblem svg{display:block;width:100%;height:auto}
.intro-trace-ring,.intro-trace-stem{fill:none;stroke:#fff;stroke-dasharray:100;stroke-linecap:butt}
.intro-trace-ring{stroke-width:300;stroke-dashoffset:var(--intro-ring-offset,100)}
.intro-trace-stem{stroke-width:120;stroke-dashoffset:var(--intro-stem-offset,100)}
.intro-trace-finish{opacity:var(--intro-finish,0)}
.intro-footer{position:absolute;left:var(--pad);right:var(--pad);bottom:calc(var(--pad) + 24px);display:flex;align-items:baseline;justify-content:space-between;font-family:"Slim Sans",Arial,sans-serif}
.intro-name{font-size:11px;letter-spacing:.015em}
.intro-count{font:12px/1.2 "Courier New",monospace;font-variant-numeric:tabular-nums;letter-spacing:-.03em}
.intro-rule{position:absolute;left:var(--pad);right:var(--pad);bottom:var(--pad);height:2px;background:var(--line);overflow:hidden}
.intro-rule>span{display:block;width:100%;height:100%;background:var(--signal,#ead51a);transform:scaleX(var(--intro-progress,0));transform-origin:left center}
.site-intro.is-complete{transform:translateY(-100%)}
.site-intro.is-complete .intro-emblem{opacity:0;transform:translateY(-3px)}
[data-flow-reveal]{transition:opacity .8s var(--flow-ease) var(--flow-delay,0ms),transform .9s var(--flow-ease) var(--flow-delay,0ms)}
[data-flow-reveal].is-pending{opacity:0;transform:translateY(18px)}
.flow-frame[data-flow-reveal]{clip-path:inset(0);transition-property:opacity,clip-path}
.flow-frame[data-flow-reveal].is-pending{transform:none;clip-path:inset(0 0 6% 0)}
.flow-drift{transform:translate3d(0,var(--flow-y,0px),0) scale(var(--flow-scale,1));transform-origin:center}
.notebook-media>img,.notebook-media>video{transform:translate3d(0,var(--scroll-drift,0px),0) scale(calc(var(--image-zoom,1) * var(--scroll-scale,1)));transform-origin:center}
.notebook-media>img{font-kerning:normal}
.notebook-panel.has-switched .notebook-media{transition:none;clip-path:none;opacity:1}
.notebook-panel.has-switched .notebook-media>img,.notebook-panel.has-switched .notebook-media>video{transform:scale(var(--image-zoom,1));transition:none;animation:none}
@media(max-width:700px){
 .intro-footer{left:22px;right:22px;bottom:47px}.intro-rule{left:22px;right:22px;bottom:22px}
 [data-flow-reveal]:not(.flow-frame).is-pending{transform:translateY(12px)}
}
@media(prefers-reduced-motion:reduce){
 .site-intro{display:none}
 [data-flow-reveal],[data-flow-reveal].is-pending{opacity:1;transform:none;transition:none}
 .flow-frame[data-flow-reveal].is-pending{clip-path:none}
 .flow-drift{transform:none}
 .notebook-media>img,.notebook-media>video{transform:scale(var(--image-zoom,1))}
}