.home{background-color:var(--bg-color);color:var(--text-color);min-height:calc(100dvh - 57px)}.home__list{list-style:none;margin:0;padding:0}.home__face{border-bottom:1px solid var(--border-color);padding:2rem 2.5rem 2.25rem;cursor:default;transition:background-color .2s ease;overflow:hidden}.home__face:hover,.home__face.is-hovered{background-color:var(--bg-hover-color)}.home__meta{display:flex;justify-content:space-between;align-items:center;gap:2.75rem;margin-bottom:1rem}.home__index{font-size:.6875rem;color:var(--link-color);letter-spacing:.04em;font-variant-numeric:tabular-nums;min-width:1.75ch;font-family:VerumSans,sans-serif}.home__name{font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;height:1rem;color:var(--text-color);font-family:VerumSans,sans-serif}.home__styles{font-size:.6875rem;color:var(--link-color);letter-spacing:.06em;text-transform:uppercase;font-family:VerumSans,sans-serif;white-space:nowrap}.home__specimen{line-height:1.2;letter-spacing:-.02em;font-feature-settings:"liga" 1,"calt" 1;font-variation-settings:"wdth" 470;color:var(--text-color);margin-bottom:1.25rem;outline:none;cursor:text;caret-color:var(--text-color);transform:translate(0);transition:transform .4s cubic-bezier(.16,1,.3,1),color .2s ease}.home__face.is-hovered .home__specimen{transform:translate(.35rem);color:var(--text-hover-color)}.home__specimen:empty:before{content:"Type here…";color:var(--border-color)}.home__slider-wrap{display:flex;max-width:292px;align-items:center;gap:.625rem;flex:1}.home__slider-label{font-family:VerumSans,sans-serif;font-size:.6875rem;color:var(--link-color);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;-webkit-user-select:none;user-select:none}.home__slider-value{font-family:VerumSans,sans-serif;font-size:.6875rem;color:var(--link-color);letter-spacing:.04em;min-width:3.5ch;text-align:right;-webkit-user-select:none;user-select:none}.home__slider{-webkit-appearance:none;appearance:none;flex:1;height:1px;background:var(--border-color);border-radius:1px;outline:none;cursor:pointer;transition:background .2s}.home__face.is-hovered .home__slider{background:var(--text-color)}.home__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:10px;border-radius:50%;background:var(--text-color);cursor:pointer;transition:transform .15s ease}.home__slider::-webkit-slider-thumb:hover{transform:scale(1.3)}.home__slider::-moz-range-thumb{width:10px;height:10px;border:none;border-radius:50%;background:var(--text-color);cursor:pointer}.home__pangram{font-size:.9375rem;line-height:1.5;color:var(--link-color);letter-spacing:.01em;transition:color .2s ease;font-feature-settings:"liga" 1,"calt" 1;font-variation-settings:"wdth" 470}.home__face.is-hovered .home__pangram{color:var(--text-color)}.home__footer{padding:1.5rem 2.5rem;font-size:.6875rem;color:var(--link-color);letter-spacing:.06em;text-transform:uppercase;font-family:VerumSans,sans-serif;border-top:1px solid var(--border-color)}@media (max-width: 768px){.home__face{padding:1.5rem 1.75rem 1.75rem}}@media (max-width: 480px){.home__face{padding:1.25rem 1.25rem 1.5rem}.home__meta{gap:.5rem}.home__specimen{letter-spacing:-.015em;margin-bottom:1rem}.home__slider{width:64px}.home__slider-wrap{max-width:fit-content}.home__face.is-hovered .home__specimen{transform:none}.home__pangram{font-size:.875rem}.home__footer{padding:1.25rem}}nav.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;border-bottom:1px solid var(--border-color);background-color:var(--bg-color);color:var(--link-color);font-family:VerumSans,sans-serif;position:sticky;top:0;z-index:100}.home__mark{font-size:.75rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--text-color)}.nav-left{flex:1}.nav-left a{display:flex;align-items:center;text-decoration:none}.nav-center{flex:1;display:flex;justify-content:center;gap:1.5rem}.nav-right{flex:1;display:flex;justify-content:flex-end;align-items:center;gap:1.5rem}nav.navbar a{text-decoration:none;color:var(--link-color);transition:color .3s}nav.navbar a:hover{color:var(--text-color)}.nav-logo{height:24px;object-fit:contain;transition:filter .3s ease}[data-theme=dark] .nav-logo{filter:invert(0)}.theme-toggle{--size: 1.1rem;--icon-fill: hsl(210 10% 30%);--icon-fill-hover: hsl(210 10% 10%);background:none;border:none;padding:0;width:var(--size);height:var(--size);aspect-ratio:1;border-radius:50%;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;outline-offset:5px;flex-shrink:0}.theme-toggle:focus{outline:none}.theme-toggle:focus-visible{outline:2px solid var(--border-color)}[data-theme=dark] .theme-toggle{--icon-fill: hsl(210 10% 70%);--icon-fill-hover: hsl(210 15% 90%)}.theme-toggle:is(:hover,:focus-visible){--icon-fill: var(--icon-fill-hover)}@media (hover: none){.theme-toggle{--size: 1.55rem}}.theme-toggle>svg{width:100%;height:100%;stroke-linecap:round}.sun-and-moon>.moon,.sun-and-moon>.sun,.sun-and-moon>.sun-beams{transform-origin:center center}.sun-and-moon>.sun,.sun-and-moon>.moon{fill:var(--icon-fill)}.sun-and-moon>.sun-beams{stroke:var(--icon-fill);stroke-width:2px}[data-theme=dark] .sun-and-moon>.sun{transform:scale(1.75)}[data-theme=dark] .sun-and-moon>.sun-beams{opacity:0}[data-theme=dark] .sun-and-moon>.moon>circle{transform:translate(-7px)}@supports (cx: 1px){[data-theme=dark] .sun-and-moon>.moon>circle{transform:translate(0);cx:17px}}@media (prefers-reduced-motion: no-preference){.sun-and-moon>.sun{transition:transform .5s cubic-bezier(.5,1.25,.75,1.25)}.sun-and-moon>.sun-beams{transition:transform .5s cubic-bezier(.5,1.5,.75,1.25),opacity .5s cubic-bezier(.25,0,.3,1)}.sun-and-moon>.moon>circle{transition:transform .5s cubic-bezier(.25,0,.3,1)}@supports (cx: 1px){.sun-and-moon>.moon>circle{transition:cx .5s cubic-bezier(.25,0,.3,1)}}[data-theme=dark] .sun-and-moon>.sun{transition-timing-function:cubic-bezier(.25,0,.3,1);transition-duration:.25s}[data-theme=dark] .sun-and-moon>.sun-beams{transform:rotate(-25deg);transition-duration:.15s}}.nav-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;padding:4px;background:transparent;border:none;cursor:pointer;flex-shrink:0}.nav-burger span{display:block;height:1.5px;width:100%;background-color:var(--text-color);border-radius:2px;transition:transform .25s ease,opacity .25s ease;transform-origin:center}.nav-burger.is-open span:first-child{transform:translateY(3.25px) rotate(45deg)}.nav-burger.is-open span:last-child{transform:translateY(-3.25px) rotate(-45deg)}.nav-drawer{position:fixed;top:0;right:0;height:100dvh;width:min(75vw,280px);background-color:var(--bg-color);border-left:1px solid var(--border-color);display:flex;flex-direction:column;padding:6.25rem 2rem 2rem;gap:2rem;z-index:99;transform:translate(100%);transition:transform .3s cubic-bezier(.16,1,.3,1)}.nav-drawer.is-open{transform:translate(0)}.nav-drawer a{font-family:VerumSans,sans-serif;font-size:.75rem;letter-spacing:.07em;text-transform:uppercase;text-decoration:none;color:var(--text-color)}.nav-drawer a:hover{color:var(--link-color)}.nav-overlay{position:fixed;inset:0;background:#0000000d;z-index:98;cursor:pointer}.nav-tester{display:flex;align-items:center;text-decoration:none;flex-shrink:0}.nav-tester-icon{height:1.4rem;width:1.4rem;object-fit:contain;transition:rotate .5s ease-out}[data-theme=light] .nav-tester-icon{filter:invert(0)}.nav-tester:hover .nav-tester-icon{filter:drop-shadow(1px 2px 2px #99999900);rotate:-10deg;transition:rotate .2s ease-in-out}[data-theme=dark] .nav-tester-icon{filter:none}[data-theme=dark] .nav-tester:hover .nav-tester-icon{filter:drop-shadow(1px 2px 2px #99999900)}@media (max-width: 640px){nav.navbar{padding:1rem 1.25rem}.nav-center{display:none}.nav-burger{display:flex}.home__mark{display:none}}@font-face{font-family:Edmund Italic;src:url(/fonts/Edmund-Italic.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Edmund;src:url(/fonts/Edmund-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:VerumSans;src:url(/fonts/VerumSans-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ElimText;src:url(/fonts/ElimtextVF.woff) format("woff");font-weight:400;font-display:swap}@font-face{font-family:NerVariable;src:url(/fonts/IDCNerVariableVF.woff2) format("woff2");font-variation-settings:"wdth" 470;font-display:swap}*{margin:0;padding:0;box-sizing:border-box}.page_container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100dvh - 57px);padding:2rem 1.25rem;text-align:center}@media (max-width: 480px){.page_container{padding:3rem 1rem 1.5rem;justify-content:flex-start}}:root{font-family:VerumSans,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=light]{--bg-color: #ffffff;--bg-hover-color: #f7f7f7;--text-color: #000000;--text-hover-color: #1a1a1a;--link-color: grey;--border-color: lightgray;--button-bg-color: #f0f0f0}[data-theme=dark]{--bg-color: #111111;--bg-hover-color: #1a1a1a;--text-color: #f4f4f4;--text-hover-color: #e0e0e0;--link-color: grey;--border-color: rgb(74, 74, 74);--button-bg-color: #252525}body{background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s,color .3s;margin:0;padding:0}*{margin:0;padding:0}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:var(--text-color)}h1{font-family:Edmund,sans-serif;font-size:2.5rem;color:var(--text-color);margin-bottom:1rem}p{font-family:Edmund,sans-serif;font-size:1.2rem;color:var(--text-color);line-height:1.6;letter-spacing:.01em}button{border-radius:8px;text-transform:uppercase;border:1px solid transparent;padding:.7em 1.2em .5em;font-size:1em;font-weight:500;font-family:Edmund,serif;letter-spacing:.05rem;background-color:var(--bg-color);cursor:pointer;color:var(--link-color);transition:border-color .25s}button:hover{border-color:var(--border-color);color:var(--text-color)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:var(--button-bg-color)}}
