@font-face{font-family:"Instrument Serif";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-ext-400-normal-C2je3j2s.woff2) format("woff2"),url(/assets/instrument-serif-latin-ext-400-normal-CFCUzsTy.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Instrument Serif";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-400-normal-DnYpCC2O.woff2) format("woff2"),url(/assets/instrument-serif-latin-400-normal-BVbkICAY.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Instrument Serif";font-style:italic;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-ext-400-italic-C9HzH3YL.woff2) format("woff2"),url(/assets/instrument-serif-latin-ext-400-italic-D7-lnxEk.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Instrument Serif";font-style:italic;font-display:swap;font-weight:400;src:url(/assets/instrument-serif-latin-400-italic-DKMiL14s.woff2) format("woff2"),url(/assets/instrument-serif-latin-400-italic-u__WvvIK.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper: #f2eee5;--ink: #1c1b19;--ease: cubic-bezier(.16, 1, .3, 1);--left: clamp(28px, 3.2vw, 52px);color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}html{touch-action:manipulation;-webkit-touch-callout:none;overscroll-behavior:none}body{background:var(--paper);color:var(--ink);font-family:"Instrument Serif",Iowan Old Style,Georgia,serif;font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow:hidden;user-select:none;-webkit-user-select:none}main{position:fixed;inset:0}main.intro{cursor:pointer}button{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:1px solid color-mix(in srgb,var(--ink) 40%,transparent);outline-offset:4px;border-radius:2px}ul{list-style:none;margin:0;padding:0}.glow,.dots,.grain{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}.glow{z-index:0}.stage{position:fixed;z-index:1;left:max(410px,33vw);right:6vw;top:13vh;bottom:15vh}.dots{z-index:2}.grain{z-index:8;opacity:.2;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.11  0 0 0 0 0.1  0 0 0 0 0.09  0 0 0 0.6 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}.wordmark{position:fixed;z-index:6;left:var(--left);top:calc(var(--left) * .72);font-size:30px;line-height:1;letter-spacing:-.01em;transform-origin:50% 50%;opacity:0;pointer-events:none}.intro .wordmark{transform:translate(var(--dx, 0),var(--dy, 0)) scale(var(--s, 4.2))}.ready .wordmark{animation:unblur 2.2s cubic-bezier(.33,1,.68,1) .15s both}.entered .wordmark{transition:transform 1.25s var(--ease)}@keyframes unblur{0%{opacity:0;filter:blur(6px)}to{opacity:1;filter:blur(0)}}.index{position:fixed;z-index:5;left:var(--left);top:50%;transform:translateY(-50%)}.intro .index{pointer-events:none}.index li,.ladder{opacity:0;transform:translateY(10px);filter:blur(6px);transition:opacity .9s var(--ease),transform .9s var(--ease),filter .9s var(--ease);transition-delay:calc(.45s + var(--i) * 38ms)}.entered .index li,.entered .ladder{opacity:1;transform:none;filter:none}.meanings li{display:flex;align-items:center;height:clamp(32px,4.6vh,42px)}.meanings .name{width:176px;text-align:left;font-size:clamp(25px,3.4vh,31px);line-height:1;letter-spacing:-.005em;transition:opacity .35s var(--ease),transform .45s var(--ease)}[data-active] .meanings li:not(.on) .name,[data-active] .motifs li:not(.on) .word{opacity:.42}.meanings li.on .name{font-style:italic;opacity:1!important;transform:translate(5px)}.sizes{display:flex;align-items:center;gap:4px}.size{position:relative;width:22px;height:22px;display:grid;place-items:center}.size:after{content:"";width:var(--d);height:var(--d);border-radius:50%;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 38%,transparent);transition:transform .4s var(--ease),background-color .25s,box-shadow .25s}.s1{--d: 5px}.s2{--d: 8px}.s3{--d: 11px}.index li .size.on:after{background:var(--c);box-shadow:inset 0 0 0 1px var(--c),0 0 12px 2px color-mix(in srgb,var(--c) 45%,transparent);transform:scale(1.35)}.motifs{margin-top:clamp(22px,4.2vh,40px);display:grid;grid-template-columns:repeat(2,128px);row-gap:2px}.motifs li{display:flex;align-items:center}.motifs .word{width:74px;text-align:left;font-size:clamp(18px,2.4vh,21px);font-style:italic;opacity:.72;transition:opacity .3s var(--ease)}.motifs li.on .word{opacity:1!important}.ladder{margin-top:clamp(26px,4.6vh,44px);display:flex;align-items:flex-end;height:52px}.ladder button{width:20px;height:52px;position:relative}.ladder button:after{content:"";position:absolute;left:50%;bottom:calc((var(--n) - 1) * 5px + 4px);width:7px;height:7px;margin-left:-3.5px;border-radius:50%;background:color-mix(in srgb,var(--ink) 78%,transparent);transition:transform .45s var(--ease),background-color .25s,box-shadow .25s}.ladder button.on:after{background:var(--c);transform:scale(1.6);box-shadow:0 0 14px 3px color-mix(in srgb,var(--c) 45%,transparent)}@media(hover:hover){.meanings .name:hover{font-style:italic;opacity:1!important;transform:translate(5px)}.index li:hover .size:not(.on):after{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 75%,transparent)}.index li .size:not(.on):hover:after{background:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);transform:scale(1.25)}.motifs .word:hover{opacity:1!important}.ladder button:not(.on):hover:after{background:var(--c);transform:scale(1.6);box-shadow:0 0 14px 3px color-mix(in srgb,var(--c) 45%,transparent)}}@media(max-width:760px){main{display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top) + 20px) 22px calc(env(safe-area-inset-bottom) + 10px)}.wordmark{position:relative;left:auto;top:auto;order:0;align-self:flex-start;font-size:24px}.stage{position:relative;inset:auto;order:1;flex:1;min-height:150px;margin:12px 0 28px;touch-action:none}.index{position:relative;left:auto;top:auto;order:2;transform:none;touch-action:none}.meanings{display:grid;grid-template-columns:repeat(3,1fr);column-gap:6px;row-gap:4px}.meanings li{display:block;height:auto}.meanings .name{display:block;width:auto;padding-top:2px;font-size:22px}.meanings li.on .name{transform:none}.sizes{gap:0;margin-left:-12px}.size{width:34px;height:34px}.s1{--d: 6px}.s2{--d: 9px}.s3{--d: 12px}.motifs{grid-template-columns:repeat(3,1fr);column-gap:6px;row-gap:0;margin-top:12px}.motifs .size{display:none}.motifs .word{width:auto;padding:7px 0;font-size:19px}.ladder{margin-top:6px;height:46px}.ladder button{flex:1;height:46px}.ladder button:after{bottom:calc((var(--n) - 1) * 3px + 10px);width:8px;height:8px;margin-left:-4px}}@media(max-height:560px)and (min-width:761px){.meanings li{height:27px}.meanings .name{font-size:21px}.motifs{margin-top:10px}.motifs .word{font-size:16px}.ladder{display:none}}@media(prefers-reduced-motion:reduce){.ready .wordmark{animation-duration:.01s}.wordmark,.index li,.ladder{transition-duration:.01s;transition-delay:0s}}