@font-face{font-family:EB Garamond Variable;font-style:normal;font-display:swap;font-weight:400 800;src:url(/assets/eb-garamond-cyrillic-ext-wght-normal-Bt3rCdHq.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:EB Garamond Variable;font-style:normal;font-display:swap;font-weight:400 800;src:url(/assets/eb-garamond-cyrillic-wght-normal-DBa2mnKT.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:EB Garamond Variable;font-style:normal;font-display:swap;font-weight:400 800;src:url(/assets/eb-garamond-greek-ext-wght-normal-CW-BywWH.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:EB Garamond Variable;font-style:normal;font-display:swap;font-weight:400 800;src:url(/assets/eb-garamond-greek-wght-normal-DCPER7xl.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:EB Garamond Variable;font-style:normal;font-display:swap;font-weight:400 800;src:url(/assets/eb-garamond-vietnamese-wght-normal-DvUmmjCN.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:EB Garamond Variable;font-style:normal;font-display:swap;font-weight:400 800;src:url(/assets/eb-garamond-latin-ext-wght-normal-B6IpcvL2.woff2) format("woff2-variations");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:EB Garamond Variable;font-style:normal;font-display:swap;font-weight:400 800;src:url(/assets/eb-garamond-latin-wght-normal-CRpggXlh.woff2) format("woff2-variations");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{--bg: #111;--ink: #e2e2e2;--ink-2: #8c8c8c;--ink-3: #4c4c4c;--serif: "EB Garamond Variable", "EB Garamond", Garamond, Georgia, serif;--sans: "Helvetica Neue", Helvetica, Inter, Arial, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, monospace;--size: 20px;--leading: 1.45;--line: calc(var(--size) * var(--leading));--label: 13px;--gutter: clamp(24px, 6vw, 112px);--column-gap: calc(var(--line) * 2);--max: 1280px;color-scheme:dark}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;color:var(--ink);font-family:var(--serif);font-size:var(--size);line-height:var(--leading);font-kerning:normal;font-variant-ligatures:none;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}body:not(.ready) main{visibility:hidden}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:.15em}h1,h2,p{margin:0}:focus-visible{outline:none;text-decoration:underline;text-underline-offset:.2em}.sans{font-family:var(--sans);font-size:var(--label);line-height:var(--line);color:var(--ink-2)}#app{max-width:var(--max);margin:0 auto;padding:0 var(--gutter) calc(var(--line) * 4)}.masthead{display:flex;justify-content:space-between;padding:var(--line) 0}.masthead .wordmark{color:var(--ink)}.demo,.closing{display:grid;row-gap:var(--line);padding-top:calc(var(--line) * 4)}.demo.hero-demo{padding-top:calc(var(--line) * 3)}.name{color:var(--ink)}.columns{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));column-gap:var(--column-gap);row-gap:calc(var(--line) * 2);align-items:start}.columns[style*="--n: 2"],.columns[style*="--n:2"]{max-width:calc(2 * 30em + var(--column-gap))}.column{min-width:0}.column .state{margin-bottom:0}.stage{position:relative}.stage.narrow{width:min(100%,14em)}.stage .guide{position:absolute;top:-.3em;bottom:-.3em;width:1px;background:var(--ink-3);pointer-events:none;display:none}.stage.guides .guide{display:block}.stage .guide.left{left:0}.stage .guide.right{right:0}.prose{position:relative;white-space:pre;hyphens:manual}.prose .w{position:absolute;left:0;top:0}.measure-host{position:absolute;left:-100000px;top:0;visibility:hidden;white-space:pre;pointer-events:none}.measure-host span{display:block;width:max-content}.content{display:grid;row-gap:var(--line)}pre.code{margin:0;font-family:var(--mono);font-size:var(--label);line-height:var(--line);color:var(--ink);overflow-x:auto}pre.code .c{color:var(--ink-3)}pre.code .k,pre.code .p{color:var(--ink-2)}pre.code .s{color:var(--ink)}pre.code:focus-visible{text-decoration:none}@media(max-width:900px){.columns{grid-template-columns:minmax(0,1fr)}.columns[style*=--n]{max-width:30em}}