[data-site][data-page=font]{--glyph-ink:var(--text-strong);--shade-alpha:22%;&,& *{--glyph-shadow:color-mix(in srgb, var(--glyph-ink) var(--shade-alpha), transparent)}--on-link:light-dark(#fff,#0c0c0c);--pad:clamp(1rem, 2.4vw, 2.5rem);--anno:11px;--hair:color-mix(in srgb, currentColor 16%, transparent);--hair-strong:color-mix(in srgb, currentColor 32%, transparent);& [data-component=content]{margin:0;padding:0}& [hidden]{display:none!important}& [data-component=bare-chrome]{top:var(--banner-offset,0px);z-index:40;position:fixed;left:0;& [data-slot=logo]{top:calc(var(--top) + max(0px, env(safe-area-inset-top,0px) - var(--banner-offset,0px)));left:calc(var(--page-offset) + var(--edge) - var(--bracket-bearing) + env(safe-area-inset-left,0px));position:absolute}& [data-slot=logo]{& [data-slot=inner]{fill:light-dark(#1f1f1f33,#eeeeee47)}& [data-slot=open]{fill:light-dark(#1f1f1fb3,#eeeeeeb8)}}& [data-slot=bare-theme]{z-index:40;left:calc(var(--page-offset) + var(--edge) + env(safe-area-inset-left,0px));bottom:calc(var(--edge) + env(safe-area-inset-bottom,0px));background:var(--bg);color:var(--text-strong);position:fixed}}& [data-anno]{font-family:var(--font-mono);font-size:var(--anno);letter-spacing:.04em;text-transform:uppercase;font-variant-numeric:tabular-nums;font-weight:400;line-height:1.35}& [data-slot=numeral]{font-family:var(--font-mono);letter-spacing:-.05em;font-variant-numeric:tabular-nums;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:400;line-height:.9;&[data-size=xl]{font-size:clamp(4rem,10vw,9rem)}&[data-size=xxl]{letter-spacing:-.07em;font-size:clamp(6rem,22vw,20rem)}}& [data-component=font-hero]{background:var(--bg);height:100svh;min-height:32rem;color:var(--glyph-ink);position:relative;& [data-slot=canvas]{cursor:text;background:var(--bg);outline:none;flex-direction:column;align-items:center;padding:clamp(88px,18vh,100px) 48px;display:flex;position:absolute;inset:0;overflow:hidden auto;container-type:inline-size}& [data-slot=top-bar]{z-index:3;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-rows:var(--logo-height);padding:var(--top) var(--github-clear) 0 var(--edge);pointer-events:none;align-items:center;display:grid;position:absolute;inset:0 0 auto}& [data-slot=top-copy]{background:var(--bg);font-family:var(--font-mono);font-size:var(--mono-size);text-align:center;white-space:nowrap;pointer-events:auto;grid-column:2;justify-self:center;margin:0;padding:9px 16px;line-height:1.2;& sup{font-size:.72em;line-height:0}}& [data-slot=tools]{pointer-events:auto;grid-column:3;justify-self:end;align-items:center;display:flex}& .gif-control{opacity:0;visibility:hidden;pointer-events:none;flex-shrink:0;margin-right:.5rem;transition:opacity .2s linear,transform .2s linear;transform:translate(8px);& [data-component=site-button]{position:relative}}& .gif-control.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:none}& [data-slot=tooltip]{background:var(--bg-strong);color:var(--text-inverted);white-space:nowrap;visibility:hidden;opacity:0;pointer-events:none;padding:.375rem .625rem;font-size:11px;line-height:1.4;transition:opacity .12s;position:absolute;top:calc(100% + 8px);right:0}& button:is(:focus-visible,[aria-busy=true]) [data-slot=tooltip]{visibility:visible;opacity:1}@media (hover:hover) and (pointer:fine){& button:hover [data-slot=tooltip]{visibility:visible;opacity:1}}& [data-component=site-button]:disabled{cursor:progress;opacity:.6}& [data-slot=download-icon]{flex-shrink:0}& [data-slot=typing-input]{opacity:0;resize:none;border:0;width:1px;height:1px;padding:0;font-size:16px;position:absolute;top:50%;left:50%;overflow:hidden}& [data-slot=confetti]{pointer-events:none;z-index:30;width:100vw;height:100vh;position:fixed;inset:0}& [data-slot=anagram-status]{z-index:3;font-family:var(--font-mono);letter-spacing:.12em;white-space:nowrap;pointer-events:none;font-size:11px;position:absolute;bottom:5rem;left:50%;transform:translate(-50%)}@media (width<=840px),(pointer:coarse){& [data-slot=top-bar]{grid-template-columns:minmax(0,1fr) auto;align-content:start;bottom:0}& [data-slot=tools]{grid-area:1/2}& [data-slot=top-copy]{top:auto;bottom:calc(var(--edge) + 2.75rem);white-space:normal;grid-area:1/1/auto/-1;width:max-content;max-width:calc(100vw - 40px);font-size:clamp(9.5px,2.8vw,11px);position:absolute;left:50%;transform:translate(-50%)}& [data-slot=anagram-status]{bottom:calc(var(--edge) + 6rem)}}@media (width<=760px){& [data-slot=canvas]{padding:88px 24px}}& [data-slot=phone-copy]{display:none}@media (pointer:coarse) and (width<=40rem){& [data-slot=top-copy]{display:none}& [data-slot=tools] [data-component=site-button]{gap:6px;height:29px;margin-top:1px;padding-inline:10px}& .letter-output{margin-block:auto 0}& [data-slot=phone-copy]{max-width:22rem;font-family:var(--font-mono);font-size:var(--fs-small);text-align:center;text-wrap:balance;flex-shrink:0;margin:24px 0 auto;line-height:1.5;display:block;& sup{font-size:.72em;line-height:0}}}}& .letter-output{--render-size:var(--glyph-size,max(49px, round(down, min(161px, (100cqw - 8px) * 42 / 234), 7px)));text-align:center;overflow-wrap:anywhere;flex-shrink:0;width:100%;margin-block:auto;line-height:0;position:relative}& .export-measurement{visibility:hidden;pointer-events:none;position:fixed;top:0;left:0}& .glyph{width:calc(var(--render-size) * 24 / 42);height:var(--render-size);margin-right:calc(var(--render-size) * 6 / 42);vertical-align:top;-webkit-user-select:none;user-select:none;display:inline-block;position:relative;& svg{z-index:1;transform-origin:50%;transform-box:border-box;width:100%;height:100%;display:block;position:relative;overflow:visible}}& .glyph:last-child{margin-right:0}& .glyph:has(+.end-caret){margin-right:0}& .glyph.space{width:calc(var(--render-size) * 18 / 42)}& .glyph.selected{background:color-mix(in srgb, var(--link) 24%, transparent)}& .glyph.break{width:0;margin:0}& .glyph.before-caret:before,& .end-caret:after{content:"";background:currentColor;width:2px;height:110%;animation:1s step-end infinite font-blink;position:absolute;top:-5%;left:-5px}& .end-caret{height:var(--render-size);vertical-align:top;width:0;display:inline-block;position:relative}& .end-caret:after{left:2px}& .letter-output:not(.focused) .end-caret:after,& .letter-output:not(.focused) .before-caret:before{display:none}& [data-slot=ink]{fill:var(--glyph-ink)}& [data-slot=shadow]{fill:var(--glyph-shadow)}& [data-slot=outline]{fill:none;stroke:var(--glyph-ink);stroke-width:1px}& [data-slot=ghost]{fill:none;stroke:var(--hair-strong);stroke-width:1px;stroke-dasharray:4 3}& [data-component=font-word]{max-width:none;width:calc(var(--m,4px) * var(--cols));height:calc(var(--m,4px) * 7);flex-shrink:0;display:block;overflow:visible}& [data-fill]{container-type:inline-size;& [data-component=font-word]{--m:calc(100cqw / var(--cols));@supports (width:round(down, 1px, 1px)){--m:round(down, calc(100cqw / var(--cols)), 1px)}}}& [data-slot=letter-tabs]{--tab-line:var(--hair);border:1px solid var(--tab-line);align-self:flex-start;display:flex;& button{place-items:center;width:2.75rem;height:3.25rem;transition:background-color .15s;display:grid;&+button{border-left:1px solid var(--tab-line)}& svg{width:12px;height:21px}&[aria-pressed=true]{background:var(--link);--glyph-ink:var(--on-link);--shade-alpha:38%}&:focus-visible{outline:2px solid var(--link);outline-offset:-2px}&[aria-pressed=true]:focus-visible{outline-color:var(--on-link);outline-offset:-4px}@media (hover:hover) and (pointer:fine){&:hover:not([aria-pressed=true]){background:var(--hair)}}&:active:not([aria-pressed=true]){background:var(--hair)}}}& [data-slot=axis]{grid-template-columns:5.5rem minmax(6rem,1fr) 3.5rem;align-items:center;gap:.75rem;display:grid;& input{width:100%;accent-color:var(--link)}& output{text-align:right}}& [data-component=specimen]{font-family:var(--font-sans)}& [data-plate]{padding:1rem var(--pad) clamp(5rem, 10vw, 9rem);background:var(--bg);color:var(--text-strong);scroll-margin-top:0;position:relative}& [data-tone=ink]{--link:light-dark(var(--link-dark),#3b5cf6);--bg:var(--bg-strong);--glyph-ink:var(--text-inverted);--shade-alpha:30%;background:var(--bg-strong);color:var(--text-inverted)}& [data-tone=blue]{--bg:var(--link);--glyph-ink:var(--on-link);--shade-alpha:38%;background:var(--link);color:var(--on-link)}& :is([data-plate],[data-slot=universe-track],[data-slot=universe-stage],[data-slot=universe-notes]){box-shadow:calc(-1 * var(--page-offset)) 0 0 var(--plate-bleed,var(--bg)), var(--page-offset-end) 0 0 var(--plate-bleed,var(--bg))}& :is([data-slot=universe-track],[data-slot=universe-stage],[data-slot=universe-notes]){--plate-bleed:var(--universe-blue)}& [data-slot=plate-head]{border-bottom:1px solid;grid-template-columns:8rem minmax(0,1fr) auto;gap:1rem;padding-bottom:.75rem;display:grid;& h2{margin:0}@media (width<=40rem){grid-template-columns:4.5rem minmax(0,1fr);& [data-slot=plate-aside]{display:none}}}& [data-slot=plate-lead]{letter-spacing:-.035em;text-wrap:balance;max-width:24ch;margin:clamp(2.5rem,5vw,4rem) 0 clamp(3rem,5vw,4rem);font-size:clamp(1.625rem,3vw,2.75rem);font-weight:400;line-height:1.04}& [data-plate] button:not([data-component=site-button],[role=gridcell],[data-slot=letter-tabs] button){font-family:var(--font-mono);font-size:var(--anno);letter-spacing:.04em;text-transform:uppercase}& [data-slot=transport],& [data-slot=anagram-controls],& [data-slot=toggles]{& button{border:1px solid var(--hair-strong);height:2rem;color:inherit;padding:0 .75rem;transition:background-color .15s;&[aria-pressed=true]{background:var(--glyph-ink);border-color:var(--glyph-ink);color:var(--bg)}&:disabled{opacity:.45;cursor:default}@media (hover:hover) and (pointer:fine){&:hover:not(:disabled,[aria-pressed=true]){background:var(--hair)}}&:active:not(:disabled,[aria-pressed=true]){background:var(--hair)}}}& [data-slot=cover]{gap:2rem var(--pad);margin-inline:calc(-1 * var(--pad));padding-top:clamp(2.5rem,6vw,5rem);padding-inline:var(--pad);grid-template-columns:repeat(12,minmax(0,1fr));display:grid;position:relative;overflow:hidden}& [data-slot=cover-copy]{z-index:1;flex-direction:column;grid-column:1/span 7;gap:2.5rem;display:flex;position:relative}& [data-slot=cover-title]{flex-direction:column;align-items:flex-start;gap:1rem;display:flex;& [data-fill]{width:100%;display:block}}& [data-slot=cover-word]{cursor:pointer;width:100%;display:block;& canvas{aspect-ratio:41/11.1;width:100%;max-width:100%;color:var(--glyph-ink);border-top-color:var(--link);outline-color:var(--text-weaker);display:block}}& [data-slot=cover-font]{font-family:var(--font-mono);letter-spacing:.02em;font-size:1.125rem;line-height:1}& [data-slot=cover-lead]{letter-spacing:-.01em;max-width:30ch;font-size:clamp(1.125rem,1.6vw,1.375rem);line-height:1.3}& [data-slot=cover-facts],& [data-slot=credits]{border-top:1px solid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:32rem;display:grid;& div{border-bottom:1px solid var(--hair);justify-content:space-between;align-items:baseline;gap:1rem;padding:.5rem 0;display:flex}& div:nth-child(odd){padding-right:1rem}}& [data-slot=contents]{z-index:1;grid-column:9/span 4;position:relative;& ol{border-top:1px solid;margin:.75rem 0 0;padding:0;list-style:none}& a{border-bottom:1px solid var(--hair);align-items:baseline;gap:1rem;padding:.4rem 0;font-size:.9375rem;transition:color .15s;display:flex;& [data-anno]{translate:0 calc(.5cap - .340781rem)}@media (hover:hover) and (pointer:fine){&:hover{color:var(--link)}}&:active{color:var(--link)}}}& [data-slot=cover-stats]{gap:var(--pad);border-top:1px solid;grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:clamp(3rem,8vw,7rem);padding-top:1rem;display:grid;& div{flex-direction:column-reverse;justify-content:flex-end;gap:.75rem;display:flex}}@media (width<=60rem){& [data-slot=cover-copy],& [data-slot=contents]{grid-column:1/-1}& [data-slot=cover-stats]{grid-template-columns:repeat(2,minmax(0,1fr))}}& [data-component=construction-figure]{width:100%;height:auto;font-family:var(--font-mono);display:block;overflow:visible;& [data-slot=grid] line{stroke:var(--hair-strong);stroke-width:.08px}& [data-slot=metrics]{& line{stroke:var(--link);stroke-width:.1px}& text{fill:var(--link);letter-spacing:.04em;text-transform:uppercase;font-size:1.15px}}& [data-slot=modules] rect{fill:var(--glyph-ink);&[data-new]{fill:var(--link)}}& [data-slot=shade] rect{fill:var(--glyph-ink);fill-opacity:.2}& [data-slot=trace]{fill:none;stroke:var(--link);stroke-width:.3px;stroke-linejoin:miter}& [data-slot=anchors] rect{fill:var(--bg);stroke:var(--link);stroke-width:1px}& [data-slot=callouts]{& path{fill:none;stroke:currentColor;stroke-width:.1px}& text{fill:currentColor;font-size:1.25px}}& [data-slot=readout]{fill:currentColor;letter-spacing:.04em;text-transform:uppercase;font-size:1.25px}}& [data-slot=construction-stage]{gap:var(--pad);grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:start;display:grid;@media (width<=60rem){grid-template-columns:minmax(0,1fr)}}& [data-slot=construction-main]{width:min(100%,61.5vh);margin-inline:auto}& [data-slot=construction-side]{flex-direction:column;gap:2rem;display:flex;& [data-slot=letter-tabs]{--tab-line:var(--hair-strong)}}& [data-slot=phases]{border-top:1px solid;margin:0;padding:0;list-style:none;& li{border-bottom:1px solid var(--hair);letter-spacing:-.01em;opacity:.55;grid-template-columns:2.5rem minmax(0,1fr) auto;align-items:baseline;gap:1rem;padding:.75rem 0;font-size:1.25rem;transition:opacity .15s;display:grid;position:relative;&[data-active],&[data-done]{opacity:1}}& [data-slot=phase-bar]{background:var(--link);transform-origin:0;width:100%;height:2px;transform:scaleX(var(--progress));position:absolute;bottom:-1px;left:0}}& [data-slot=transport]{flex-wrap:wrap;align-items:center;gap:.5rem .75rem;display:flex;& label{flex:10rem;display:flex}& input{width:100%;accent-color:var(--link)}}& [data-slot=construction-row]{gap:var(--pad);border-top:1px solid var(--hair-strong);grid-template-columns:repeat(6,minmax(0,1fr));margin-top:clamp(4rem,8vw,7rem);padding-top:1rem;display:grid;& figure{flex-direction:column;gap:.75rem;margin:0;display:flex}& [data-component=construction-figure] text{display:none}@media (width<=60rem){grid-template-columns:repeat(3,minmax(0,1fr))}}& [data-slot=gantt]{flex-direction:column;gap:.75rem;padding-left:5rem;display:flex;position:relative}& [data-slot=gantt-ticks]{border-bottom:1px solid;height:1.5rem;position:relative;& span{color:var(--text-weak);position:absolute;bottom:.375rem;transform:translate(-50%)}& span:first-child{transform:none}}& [data-slot=gantt-row]{border-bottom:1px solid var(--hair);height:3.5rem;position:relative}& [data-slot=gantt-label]{align-items:center;gap:.75rem;display:flex;position:absolute;top:0;bottom:0;left:-5rem;& svg{width:16px;height:28px}}& [data-slot=gantt-track]{position:absolute;inset:.5rem 0}& [data-slot=gantt-bar]{background:var(--text-strong);color:var(--text-inverted);visibility:hidden;transition:visibility 0s var(--delay);align-items:center;padding-left:.375rem;display:flex;position:absolute;top:0;bottom:0;overflow:hidden;&[data-phase=grid],&[data-phase=metrics]{background:var(--bg-weaker);color:var(--text-strong)}&[data-phase=modules]{background:var(--link);color:var(--on-link)}&[data-phase=shade]{background:var(--logo-inner);color:var(--text-strong)}&[data-phase=outline]{color:var(--link);box-shadow:inset 0 0 0 1px var(--link);background:0 0}& span{white-space:nowrap;font-size:10px}}& [data-slot=gantt][data-seen] [data-slot=gantt-bar]{visibility:visible}& [data-slot=gantt-playhead]{background:var(--link);opacity:0;width:1px;position:absolute;top:0;bottom:0;left:5rem}& [data-slot=gantt][data-seen] [data-slot=gantt-playhead]{opacity:1;animation:font-playhead var(--total) linear .8s infinite}& [data-slot=gantt-legend]{display:none}@media (width<=34rem){& [data-slot=gantt-bar]>span{color:#0000}& [data-slot=gantt-legend]{flex-wrap:wrap;gap:.5rem 1rem;margin:1rem 0 0;padding:0;list-style:none;display:flex;& li{align-items:center;gap:.5rem;display:flex}}& [data-slot=gantt-swatch]{background:var(--text-strong);flex:none;width:.75rem;height:.75rem;&[data-phase=grid],&[data-phase=metrics]{background:var(--bg-weaker)}&[data-phase=modules]{background:var(--link)}&[data-phase=shade]{background:var(--logo-inner)}&[data-phase=outline]{box-shadow:inset 0 0 0 1px var(--link);background:0 0}}}& [data-slot=exploded-scroll]{height:240vh;&>[data-plate]{min-height:100svh;position:sticky;top:0;overflow:hidden}& [data-slot=plate-lead]{max-width:30ch;margin-block:2rem 0;font-size:clamp(1.25rem,2.2vw,2rem)}@media (prefers-reduced-motion:reduce){height:auto;&>[data-plate]{position:relative}}}& [data-slot=exploded-stage]{gap:var(--pad);grid-template-columns:minmax(0,1fr) 20rem;align-items:end;display:grid;& svg{width:100%;max-height:72vh;display:block;overflow:visible}& [data-slot=footprint] line{stroke:var(--hair-strong);stroke-width:.3px}& [data-tone=ink]{& [data-face=top]{fill:var(--link)}& [data-face=front]{fill:var(--text-strong)}& [data-face=right]{fill:color-mix(in srgb, var(--link) 45%, var(--text-strong))}}& [data-tone=shade]{& polygon{fill:var(--text-strong);fill-opacity:.18;stroke:var(--text-strong);stroke-opacity:.35}& [data-face=top]{fill-opacity:.1}}& polygon{stroke:var(--bg);stroke-width:.25px;stroke-linejoin:round}& [data-slot=leader]{& polyline{fill:none;stroke:currentColor;stroke-width:.3px}& circle{fill:currentColor}& text{fill:currentColor;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;font-size:3px}& [data-slot=leader-sub]{fill:var(--link)}}@media (width<=60rem){grid-template-columns:minmax(0,1fr);& [data-slot=leader]{display:none}}}& [data-slot=exploded-controls]{flex-direction:column;gap:1.5rem;display:flex;& [data-slot=axis]{grid-template-columns:4.5rem minmax(0,1fr) 3rem}}& [data-slot=formula]{border-block:1px solid var(--hair);flex-direction:column;gap:.5rem;padding:.75rem 0;display:flex;& p:first-child{font-family:var(--font-mono);letter-spacing:-.01em;color:var(--link);font-size:1.25rem}& [data-anno]{color:var(--text-weak)}}& [data-slot=exploded-controls] [data-slot=toggles]{gap:.25rem;display:flex}& [data-slot=shadows] polygon{fill:var(--text-strong);stroke:none}& [data-slot=centroid] circle{fill:var(--link)}& [data-slot=exploded-stats]{border-top:1px solid;grid-template-columns:1fr 1fr;display:grid;& div{padding-top:.5rem}& dd{font-family:var(--font-mono);letter-spacing:-.04em;font-size:2.5rem}}& [data-slot=passports]{gap:var(--pad);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;@media (width<=70rem){grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=40rem){grid-template-columns:minmax(0,1fr)}}& [data-slot=passport]{border:1px solid;flex-direction:column;display:flex;&>header{background:var(--text-strong);color:var(--text-inverted);justify-content:space-between;padding:.5rem .75rem;display:flex}}& [data-slot=passport-body]{border-bottom:1px solid;grid-template-columns:40% minmax(0,1fr);display:grid}& [data-slot=passport-photo]{& [data-slot=shadow]{fill:var(--glyph-ink);fill-opacity:.2}background:var(--bg-weak);outline-offset:-3px;border-right:1px solid;padding:.75rem;& svg{width:100%;display:block;overflow:visible}& [data-slot=photo-grid] line{stroke:var(--hair-strong);stroke-width:1px;vector-effect:non-scaling-stroke}& [data-slot=photo-measure]{opacity:0;transition:opacity .2s;& line,& path{fill:none;stroke:var(--link);stroke-width:1px;vector-effect:non-scaling-stroke}& text{fill:var(--link);font-family:var(--font-mono);font-size:2.6px}}&:focus-visible [data-slot=photo-measure]{opacity:1}@media (hover:hover) and (pointer:fine){&:hover [data-slot=photo-measure]{opacity:1}}@media (hover:none),(pointer:coarse){&:focus [data-slot=photo-measure]{opacity:1}}}& [data-slot=passport-fields]{margin:0;& div{border-bottom:1px solid var(--hair);flex-direction:column;gap:.125rem;padding:.4rem .75rem;display:flex}& div:last-child{border-bottom:0}& dt{color:var(--text-weak);font-size:10px}& dd{margin:0;font-size:.875rem}}& [data-slot=points]{border-collapse:collapse;width:100%;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:11px;display:table;& caption{text-align:left;color:var(--text-weak);padding:.5rem .75rem;display:block}& thead,& tbody{display:block}& tr{grid-template-columns:2.5rem 4.5rem 1fr 1fr;display:grid}& thead{background:var(--bg);position:sticky;top:0}& th,& td{text-align:left;border-bottom:1px solid var(--hair);padding:.2rem .75rem;font-weight:400}& th{color:var(--text-weak)}}& [data-slot=mrz]{font-family:var(--font-mono);letter-spacing:.08em;white-space:nowrap;border-top:1px solid;flex-direction:column;margin-top:auto;padding:.75rem;font-size:clamp(8px,.72vw,11px);display:flex;overflow:hidden}& [data-slot=charts]{border-top:1px solid;border-left:1px solid var(--hair);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;@media (width<=70rem){grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=40rem){grid-template-columns:minmax(0,1fr)}}& [data-slot=chart]{border-right:1px solid var(--hair);border-bottom:1px solid var(--hair);flex-direction:column;gap:1.5rem;margin:0;padding:1rem 1rem 1.5rem;display:flex;&[data-wide]{grid-column:span 2;@media (width<=40rem){grid-column:auto}}&>header{justify-content:space-between;gap:1rem;display:flex}&>:not(header,figcaption){margin-block:auto}&>:is(svg,[data-slot=numerals],[data-slot=contrast],[data-slot=heatmap],[data-slot=matrix]){align-self:center}& figcaption{color:var(--text-weak);text-wrap:pretty;font-size:.875rem;line-height:1.4}}& [data-slot=mini]{width:10px;height:17.5px;display:block}& [data-slot=bars],& [data-slot=symmetry]{flex-direction:column;gap:.5rem;display:flex;&>div{grid-template-columns:1rem minmax(0,1fr) 4.5rem;align-items:center;gap:.75rem;display:grid}& [data-anno]{text-align:right}}& [data-slot=symmetry]>div{grid-template-columns:1rem minmax(0,1fr) minmax(0,1fr) 6rem}& [data-slot=bar-track]{background:var(--bg-weak);height:.875rem;display:flex}& [data-slot=bar]{visibility:hidden;height:100%;transition:visibility 0s calc(var(--i,0) * 90ms);&[data-tone=ink]{background:var(--link)}&[data-tone=shade]{background:var(--logo-inner)}&[data-tone=dark]{background:var(--text-strong)}}& [data-slot=charts][data-seen] [data-slot=bar]{visibility:visible}& [data-slot=numerals]{grid-template-columns:repeat(6,minmax(0,1fr));gap:1rem;display:grid;& div{border-top:1px solid;flex-direction:column;gap:.5rem;padding-top:.5rem;display:flex}& [data-slot=numeral]{font-size:clamp(1.75rem,3.6vw,3.5rem)}@media (width<=40rem){grid-template-columns:repeat(3,minmax(0,1fr))}}& [data-slot=scatter]{width:100%;font-family:var(--font-mono);overflow:visible;& [data-slot=axis-line]{stroke:var(--hair);stroke-width:.3px}& [data-slot=axis]{stroke:currentColor;stroke-width:.4px}& [data-slot=trend]{stroke:var(--link);stroke-width:.4px;stroke-dasharray:1.5 1}& rect{fill:var(--link)}& text{fill:currentColor;font-size:3.6px}}& [data-slot=contrast]{color:var(--link);flex-direction:column;gap:.75rem;display:flex}& [data-slot=heatmap],& [data-slot=matrix]{flex-direction:column;align-self:start;gap:2px;display:flex;&>div{gap:2px;display:flex}& [role=cell]{background:color-mix(in srgb, var(--link) calc(var(--heat) * 70%), var(--bg-weak));width:2.25rem;height:2.25rem;color:var(--text-strong);font-family:var(--font-mono);place-items:center;font-size:.75rem;display:grid}}& [data-slot=matrix]{&>div>span{place-items:center;width:2rem;height:2rem;display:grid}& [role=cell]{width:2rem;height:2rem}}& [data-slot=columns]{grid-template-columns:repeat(6,minmax(0,1fr));align-items:end;gap:.75rem;height:12rem;display:grid;&>div{flex-direction:column;justify-content:flex-end;align-items:center;gap:.5rem;height:100%;display:flex}}& [data-slot=column-bar]{width:100%;height:calc(var(--value) * 100%);background:var(--link);color:var(--on-link);visibility:hidden;transition:visibility 0s calc(var(--i) * 90ms);justify-content:center;align-items:flex-start;padding-top:.25rem;display:flex}& [data-slot=charts][data-seen] [data-slot=column-bar]{visibility:visible}& [data-slot=kerning]{--kern-cell:round(down, clamp(2.5rem, 6vw, 5rem), 1px);gap:var(--pad);grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid;container-type:inline-size;@media (width<=60rem){grid-template-columns:minmax(0,1fr)}}@media (width>=60.0625rem){& [data-slot=kerning]:not([data-share] *){--kern-m:round(down, calc((100cqw - 7 * var(--kern-cell) - var(--pad)) / 9), 1px);--kern-offset:round(calc(4 * var(--kern-cell) - 3.5 * var(--kern-m)), 1px);& [data-slot=kern-table]{margin-top:max(0px, -1 * var(--kern-offset))}& [data-slot=kern-pair]{margin-top:max(0px, var(--kern-offset))}}}& [data-slot=kern-table]{flex-direction:column;display:flex;&>div{display:flex}&>div>span,& button{width:var(--kern-cell);height:var(--kern-cell);place-items:center;display:grid}& button{border:1px solid var(--hair);font-family:var(--font-mono);letter-spacing:-.04em;color:inherit;margin:0 -1px -1px 0;font-size:clamp(1.25rem,3vw,2.5rem);transition:background-color .12s;&[aria-selected=true]{background:var(--link);color:var(--on-link)}}}& [data-slot=kern-pair]{flex-direction:column;gap:1.5rem;display:flex;container-type:inline-size;& [data-component=font-word]{--m:round(down, calc(100cqw / 9), 1px)}}& [data-slot=kern-gap]{width:11.1111cqw;border-top:1px solid var(--link);width:round(down,11.1111cqw,1px);height:0;color:var(--link);margin-top:-1rem;margin-left:round(down,44.4444cqw,1px);position:relative;& span{font-family:var(--font-mono);font-size:.75rem;position:absolute;top:.25rem;left:50%;transform:translate(-50%)}}& [data-slot=kern-total]{grid-column:1/-1;grid-template-columns:subgrid;align-items:last baseline;margin-top:clamp(3rem,8vw,6rem);display:grid;&>div{align-items:last baseline;gap:1.5rem;display:flex}&>div:nth-child(2) [data-slot=numeral]{color:var(--link)}@media (width<=60rem){gap:0 var(--pad);flex-wrap:wrap;display:flex}}& [data-slot=performance]{gap:var(--pad);grid-template-columns:minmax(0,2fr) minmax(0,1fr);display:grid;@media (width<=60rem){grid-template-columns:minmax(0,1fr)}}& [data-slot=stats]{border-top:1px solid;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;&>div{border-bottom:1px solid var(--hair);flex-direction:column;gap:.5rem;padding:1rem 1rem 1.5rem 0;display:flex}& dd{flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;margin:0;display:flex}& dt{color:var(--text-weak);font-size:.875rem}@media (width<=24rem){grid-template-columns:minmax(0,1fr)}}& [data-slot=benchmark]{background:var(--link);color:var(--on-link);flex-direction:column;align-items:flex-start;gap:1rem;padding:1rem;display:flex;& [data-component=site-button]{margin-top:auto}}& [data-slot=points-table]{gap:var(--pad);grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,2fr);display:grid;& table{border-collapse:collapse;width:100%;font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:.8125rem}& caption{text-align:left;padding-bottom:.5rem}& th,& td{text-align:left;border-bottom:1px solid var(--hair);padding:.4rem .75rem .4rem 0;font-weight:400}& thead th{color:var(--text-weak);border-bottom-color:currentColor}@media (width<=60rem){grid-template-columns:minmax(0,1fr)}}& [data-slot=poster]{flex-direction:column;gap:clamp(1.5rem,4vw,3rem);margin-top:3rem;padding:clamp(2rem,5vw,4rem);display:flex;position:relative}& [data-slot=crop]{width:0;height:0;position:absolute;&:before,&:after{content:"";background:currentColor;position:absolute}&:before{width:1.25rem;height:1px}&:after{width:1px;height:1.25rem}&[data-corner=tl]{top:0;left:0}&[data-corner=tr]{top:0;right:0}&[data-corner=bl]{bottom:0;left:0}&[data-corner=br]{bottom:0;right:0}&:is([data-corner=tl],[data-corner=bl]):before{right:.5rem}&:is([data-corner=tr],[data-corner=br]):before{left:.5rem}&:is([data-corner=tl],[data-corner=tr]):after{bottom:.5rem}&:is([data-corner=bl],[data-corner=br]):after{top:.5rem}}& [data-slot=registration]{fill:none;stroke:currentColor;stroke-width:.8px;width:1.5rem;position:absolute;top:-.75rem;left:50%;transform:translate(-50%,-50%)}& [data-slot=poster-line]{flex-direction:column;gap:.75rem;display:flex;container-type:inline-size;&[data-align=end]{flex-direction:column-reverse;align-items:flex-end}& [data-component=font-word]{--m:round(down, calc(100cqw / var(--cols)), 1px)}}& [data-slot=poster-row]{grid-template-columns:1fr 1fr;gap:clamp(1rem,3vw,3rem);display:grid;&>div{container-type:inline-size}& [data-component=font-word]{--m:round(down, calc(100cqw / var(--cols)), 1px)}}& [data-slot=colour-bar]{align-items:center;gap:0;display:flex;& span[data-swatch]{border:1px solid;width:2rem;height:1rem}& [data-swatch=paper]{background:light-dark(var(--bg),#fff)}& [data-swatch=ink]{background:#141414}& [data-swatch=blue]{background:var(--link)}& [data-swatch=shade]{background:#cecece}& [data-anno]{margin-left:1rem}}& [data-slot=waterfall]{margin:0 calc(-1 * var(--pad));border-top:1px solid;padding:0;list-style:none;& li{min-height:4.5rem;padding:max(1.5rem, calc(var(--m) * 1.5)) 0 max(1.5rem, calc(var(--m) * 1.5)) var(--pad);border-bottom:1px solid var(--hair);grid-template-columns:12rem minmax(0,1fr);align-items:center;display:grid;@media (width<=40rem){padding-block:max(1.5rem, calc(var(--m) * .75));grid-template-columns:minmax(0,1fr);gap:12px}}}& [data-slot=waterfall-scale]{flex-direction:column;gap:.5rem;min-width:0;padding-right:1rem;display:flex;overflow:hidden;& [data-anno]{color:var(--text-weak);white-space:nowrap}@media (width<=40rem){padding-right:var(--pad);flex-direction:row;align-items:center;gap:12px}}& [data-slot=ruler]{display:flex;& span{width:var(--m);height:var(--m);box-shadow:inset 0 0 0 1px var(--link);flex-shrink:0}& span:nth-child(odd){background:var(--link)}}& [data-slot=waterfall-line]{overflow:hidden}& [data-slot=anagram]{gap:2rem var(--pad);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid;@media (width<=60rem){grid-template-columns:minmax(0,1fr)}}& [data-slot=anagram-counter]{align-items:baseline;gap:1rem;display:flex}& [data-slot=anagram-word]{border-block:1px solid var(--hair-strong);grid-column:1/-1;padding-block:2rem;container-type:inline-size;& [data-component=font-word]{--m:round(down, calc(100cqw / 39), 1px)}&[data-real]{--glyph-ink:var(--link)}}& [data-slot=anagram-controls]{flex-wrap:wrap;align-self:start;align-items:center;gap:.5rem;display:flex;&>[data-anno]{flex-basis:100%;margin-bottom:.5rem}}& [data-slot=anagram-words]{grid-column:1/-1;& ul{--m:4px;flex-wrap:wrap;gap:1.5rem 2.5rem;margin:1.25rem 0 0;padding:0;list-style:none;display:flex}}& [data-slot=field]{margin-inline:calc(-1 * var(--pad));padding-block:1px;& canvas{cursor:crosshair;touch-action:pan-y;color:var(--text-strong);background-color:var(--bg);border-top-color:var(--link);outline-color:var(--text-weakest);display:block}}& [data-tone=night]{--bg:#0c0c0c;--link:var(--link-dark);--glyph-ink:#fff;--shade-alpha:30%;--text-weak:#9e9e9e;color:#f2f2f2;background:#0c0c0c;border-top:1px solid #ffffff1f}& [data-slot=loupe-stage]{cursor:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;padding-block:clamp(2rem,6vw,5rem) 3rem;position:relative}& [data-slot=loupe-word]{width:100%;display:block}& [data-slot=loupe-lens]{--size:clamp(160px, 22vw, 280px);width:var(--size);height:var(--size);pointer-events:none;opacity:0;border-top-color:#3b5cf6;transition:opacity .15s;position:absolute;top:0;left:0;&[data-shown]{opacity:1}& canvas{border-radius:50%;width:100%;height:100%;display:block;box-shadow:0 0 0 1px #fff6}}& [data-slot=reticle]{opacity:.35;background:linear-gradient(#fff,#fff) top/1px 38% no-repeat,linear-gradient(#fff,#fff) bottom/1px 38% no-repeat,linear-gradient(#fff,#fff) 0/38% 1px no-repeat,linear-gradient(#fff,#fff) 100%/38% 1px no-repeat;border-radius:50%;position:absolute;inset:0}& [data-slot=loupe-readout]{color:#fff;white-space:nowrap;background:#3b5cf6;padding:.125rem .375rem;position:absolute;top:calc(100% + .5rem);left:50%;transform:translate(-50%)}& [data-slot=loupe-hint]{color:var(--text-weak);margin-top:1.5rem}@media (prefers-reduced-motion:reduce){& [data-slot=loupe-lens]{transition:none}}& [data-slot=tester]{border:1px solid}& [data-slot=tester-controls]{border-bottom:1px solid;flex-wrap:wrap;align-items:center;gap:1rem 2rem;padding:1rem;display:flex;& [data-slot=axis]{flex:0 15rem;grid-template-columns:4.5rem minmax(4rem,1fr) 2.75rem}}& [data-slot=toggles]{gap:.25rem;display:flex}& [data-slot=tester-preview]{align-content:flex-start;column-gap:calc(var(--m) * var(--gap));row-gap:calc(var(--m) * var(--leading));min-height:26rem;padding:calc(var(--m) * 2);cursor:none;flex-wrap:wrap;display:flex;position:relative;overflow:hidden;&[data-over-text]{cursor:text}&[data-focused]{outline:2px solid var(--link);outline-offset:-2px}& [data-slot=selection]{fill:var(--link);fill-opacity:.22}&[data-grid]{background-image:linear-gradient(to right, var(--hair) 1px, transparent 1px), linear-gradient(to bottom, var(--hair) 1px, transparent 1px);background-size:var(--m) var(--m);& [data-slot=shadow]{fill:var(--glyph-ink);fill-opacity:.2}}& svg{flex-shrink:0;overflow:visible}}& [data-slot=tester-input]{opacity:0;pointer-events:none;border:0;width:1px;height:1px;padding:0;font-size:16px;position:absolute}& [data-slot=tester-caret]{width:var(--m);height:calc(var(--m) * 7);background:var(--link);pointer-events:none;animation:1s step-end infinite font-blink;position:absolute;@media (prefers-reduced-motion:reduce){animation:none}}& [data-slot=snap]{width:var(--m);height:var(--m);outline:1px solid var(--link);background:color-mix(in srgb, var(--link) 18%, transparent);pointer-events:none;position:absolute;&:before,&:after{content:"";background:color-mix(in srgb, var(--link) 50%, transparent);position:absolute}&:before{width:1px;top:-100vh;bottom:-100vh;left:50%}&:after{height:1px;top:50%;left:-100vw;right:-100vw}& span{background:var(--link);color:var(--on-link);white-space:nowrap;z-index:1;padding:.125rem .25rem;position:absolute;top:calc(100% + 4px);left:calc(100% + 6px)}}& [data-slot=tester-footer]{border-top:1px solid;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}& [data-slot=presets]{flex-wrap:wrap;gap:.25rem 1rem;display:flex;& button{text-underline-offset:.25em;text-decoration:underline;text-decoration-thickness:1px;@media (hover:hover) and (pointer:fine){&:hover{color:var(--link)}}&:active{color:var(--link)}}}& [data-plate=universe]{--universe-blue:light-dark(var(--link),#3b5cf6);padding-bottom:0}& [data-slot=universe]{margin-top:2rem;display:grid}& [data-slot=universe-track]{margin-inline:calc(-1 * var(--pad));background:var(--universe-blue);height:420vh;@media (width<=40rem){height:320vh}}& [data-slot=universe-stage]{--story-top:calc(var(--top) + var(--logo-height) + 9rem);height:100svh;padding:var(--story-top) var(--pad) 0;background:var(--universe-blue);color:#fff;align-content:start;display:grid;position:sticky;top:0;overflow:hidden;@media (width<=40rem){--story-top:calc(var(--top) + var(--logo-height) + 7.5rem)}}& [data-slot=universe-nesting]{width:100%;height:100%;position:absolute;inset:0}& [data-slot=universe-counter]{top:calc(var(--top) + var(--logo-height) + 1.5rem);left:var(--pad);opacity:0;pointer-events:none;flex-direction:column;gap:.375rem;display:flex;position:absolute}& [data-slot=universe-power]{font-family:var(--font-mono);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:1.75rem;line-height:1;& sup{vertical-align:.8em;font-size:.55em;line-height:0}}& [data-slot=universe-story]{letter-spacing:-.035em;align-items:start;font-size:clamp(2rem,4.6vw,4.5rem);font-weight:400;line-height:1.06;display:grid;position:relative;@media (width<=40rem){font-size:1.75rem;line-height:1.12}&[data-editing]{flex-direction:column;gap:.5em;display:flex}}& [data-slot=universe-sentence]{text-wrap:balance;opacity:0;max-width:min(18ch,50vw);transition:opacity .25s var(--ease-out);will-change:opacity;grid-area:1/1;margin:0;&[data-active],[data-editing]>&{opacity:1}@media (width<=40rem){max-width:none}}& [data-slot=universe-word][data-number]{font-variant-numeric:tabular-nums;font-weight:600}@media (prefers-reduced-motion:reduce){& [data-slot=universe-track]{height:auto}& [data-slot=universe-stage]{gap:2rem var(--pad);grid-template-columns:minmax(0,3fr) minmax(0,2fr);grid-template-areas:"counter nesting""story nesting";height:auto;padding-block:clamp(4rem,8vw,6rem);position:relative;@media (width<=40rem){grid-template-columns:minmax(0,1fr);grid-template-areas:"counter""story""nesting"}}& [data-slot=universe-nesting]{aspect-ratio:1;grid-area:nesting;align-self:center;width:100%;max-width:28rem;height:auto;position:static}& [data-slot=universe-counter]{opacity:1;grid-area:counter;position:static}& [data-slot=universe-story]{grid-area:story;font-size:clamp(1.625rem,3vw,2.75rem);display:block}& [data-slot=universe-sentence]{opacity:1;max-width:none;transition:none;display:inline;&:after{content:" "}}}& [data-slot=universe-notes]{margin-inline:calc(-1 * var(--pad));padding:2rem var(--pad) clamp(5rem, 10vw, 9rem);background:var(--universe-blue);color:#fff}& [data-slot=universe-working]{text-transform:none;border-top:1px solid #fff6;flex-direction:column;gap:.25rem;max-width:34rem;margin:0;padding-top:.75rem;display:flex}& [data-slot=colophon]{gap:3rem var(--pad);grid-template-columns:minmax(0,1fr) auto;align-items:end;display:grid;@media (width<=40rem){grid-template-columns:minmax(0,1fr)}}& [data-slot=credits]{max-width:56rem;& div:nth-child(odd){padding-right:0;padding-inline-end:.75rem}& div:nth-child(2n){padding-inline-start:.75rem}& dt{opacity:.75}@media (width<=24rem){grid-template-columns:minmax(0,1fr);& div:nth-child(odd),& div:nth-child(2n){padding-inline:0}}}& [data-slot=colophon-action] [data-component=site-button]{background:var(--text-inverted);height:3rem;color:var(--text-strong);padding:0 1.5rem}& [data-slot=colophon-word]{margin-top:calc(clamp(2rem, 6vw, 5rem) + var(--snap,0px));grid-column:1/-1;overflow:hidden;container-type:inline-size;& [data-component=font-word]{--m:round(down, calc(100cqw / var(--cols)), 1px);margin:0 auto calc(-1 * var(--m))}}& [data-plate=colophon]{padding-bottom:0}& [data-slot=search-status]{position:fixed;top:0}}@keyframes font-blink{50%{opacity:0}}@keyframes font-playhead{0%{left:5rem}to{left:100%}}@media (prefers-reduced-motion:reduce){[data-site][data-page=font]{& .glyph.before-caret:before,& .end-caret:after,& [data-slot=gantt-playhead]{animation:none!important}& [data-slot=bar],& [data-slot=column-bar],& [data-slot=gantt-bar],& .gif-control{transition:none}}}[data-site][data-page=font] [data-plate=film]{font-family:var(--font-sans);& [data-slot=film-screen]{margin:0;position:relative;& video{aspect-ratio:16/9;background:#0c0c0c;width:100%;height:auto;display:block}& figcaption{border-top:1px solid var(--hair-strong);justify-content:flex-end;gap:1rem;margin-top:.75rem;padding-top:.75rem;display:flex;& a{color:inherit;text-underline-offset:.2em}}}& [data-slot=film-play]{aspect-ratio:16/9;cursor:pointer;background:0 0;outline:none;place-items:center;width:100%;display:grid;position:absolute;inset:0 0 auto;& [data-slot=film-play-square]{background:#0c0c0cb3;place-items:center;width:80px;height:80px;transition:background-color .15s;display:grid;box-shadow:inset 0 0 0 1px #ffffff47;@media (width<=40rem){width:56px;height:56px}}& svg{fill:#fff;width:62%;height:62%}@media (hover:hover) and (pointer:fine){&:hover [data-slot=film-play-square]{background:#0c0c0cd9}}&:active [data-slot=film-play-square]{background:#0c0c0cd9}&:focus-visible [data-slot=film-play-square]{outline:2px solid var(--link);outline-offset:3px}}& [data-started] [data-slot=film-play]{display:none}@media (prefers-reduced-motion:reduce){& [data-slot=film-play-square]{transition:none}}}[data-site][data-page=font] [data-component=bare-chrome]>:is([data-slot=bare-theme],[data-slot=logo],[data-component=github-link]){transition:opacity .15s ease-out,visibility linear}[data-site][data-page=font][data-film-playing] [data-component=bare-chrome]>:is([data-slot=bare-theme],[data-slot=logo],[data-component=github-link]){opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease-out,visibility 0s linear .15s}@media (prefers-reduced-motion:reduce){[data-site][data-page=font] [data-component=bare-chrome]>:is([data-slot=bare-theme],[data-slot=logo],[data-component=github-link]){transition:none}}