@font-face{font-family:"Placeholder Tri";src:url("/assets/fonts/placeholder-tri.woff") format("woff");font-display:swap}body.typefaces-hub{background:var(--tube);color:var(--phos)}.tfs{padding:var(--s-2) var(--gut) var(--s-6);font-family:var(--font-read)}.tfs a{color:inherit}.tfs__top{display:flex;gap:var(--s-2);font-size:var(--t-small)}.tfs__top a{text-decoration:none}.tfs__top a:hover,.tfs__top a:focus-visible{text-decoration:underline;text-underline-offset:3px}.tfs__top span{color:var(--phos-dim)}.tfs__title{margin-top:var(--s-5);font-size:clamp(3rem,11vw,10rem);font-weight:400;line-height:.9;letter-spacing:-.03em;text-transform:uppercase}.tfs__title span{color:var(--phos-dim)}.tfs__intro{max-width:34ch;margin:var(--s-3) 0 var(--s-6) auto;font-size:var(--t-small);line-height:1.45;text-transform:uppercase}.tf{border-top:1px solid var(--phos-faint);padding-top:var(--s-2)}.tf + .tf{margin-top:var(--s-6)}.tf__head{display:grid;grid-template-columns:minmax(80px,12%) 1fr;align-items:baseline}.tf__id{font-family:var(--font-read);font-size:var(--t-small);color:var(--phos-dim)}.tf__name{font-family:inherit;font-weight:400;font-size:clamp(3.25rem,13vw,12rem);line-height:1;letter-spacing:-.01em;overflow-wrap:anywhere}.tf__try{display:block;margin-top:var(--s-5)}.tf__label,.tf__meta dt{display:block;font-family:var(--font-read);font-size:.75rem;text-transform:uppercase;letter-spacing:var(--track);color:var(--phos-dim)}.tf__input{display:block;width:100%;margin-top:var(--s-1);padding:0 0 var(--s-1);border:0;border-bottom:1px solid var(--phos-faint);background:none;color:var(--phos);caret-color:var(--phos);font:inherit;font-size:clamp(2rem,6vw,5rem);line-height:1.15;resize:none;overflow:hidden;outline:none}.tf__input:focus{border-bottom-color:var(--phos)}.tf__input::selection{background:var(--phos);color:var(--tube)}.tf__body{display:grid;grid-template-columns:1fr 1fr auto;gap:var(--s-4);align-items:start;margin-top:var(--s-4);font-family:var(--font-read)}.tf__note{max-width:46ch;font-size:var(--t-base);line-height:1.5}.tf__meta{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2) var(--s-3)}.tf__meta dd{margin-top:2px;font-size:var(--t-small)}.tf__get{display:inline-flex;flex-direction:column;gap:4px;padding:var(--s-2) var(--s-3);background:var(--phos);color:var(--tube) !important;text-decoration:none;font-size:var(--t-base);white-space:nowrap}.tf__get span{font-size:.75rem;letter-spacing:var(--track);text-transform:uppercase;opacity:.6}.tf__get:hover,.tf__get:focus-visible{background:var(--phos-dim)}.gi{display:grid;grid-template-columns:1fr 1fr;margin-top:var(--s-6);border-top:1px solid var(--phos-faint);font-family:var(--font-read)}.gi__head{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:baseline;padding:var(--s-2) 0;border-bottom:1px solid var(--phos-faint);font-size:clamp(1.25rem,2.2vw,2rem)}.gi__face span,.gi__get span{color:var(--phos-dim)}.gi__get{text-decoration:none}.gi__get:hover,.gi__get:focus-visible{text-decoration:underline;text-underline-offset:4px}.gi__view{position:sticky;top:0;align-self:start;height:100svh;display:flex;flex-direction:column;padding:var(--s-3) var(--s-2) var(--s-3) 0}.gi__stage{position:relative;flex:1;min-height:0}.gi__svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.gi__svg line{stroke:var(--phos-faint);stroke-width:1;vector-effect:non-scaling-stroke}.gi__svg text{fill:#d6d6d2;font-family:var(--gi-face)}.gi__line{position:absolute;left:0;right:0;display:flex;justify-content:space-between;padding-top:6px;font-size:.75rem;color:var(--phos-dim);pointer-events:none}.gi__info{display:grid;gap:2px;margin-top:var(--s-3);font-size:var(--t-small)}.gi__info div{display:grid;grid-template-columns:9.5em 1fr}.gi__info dt{color:var(--phos-dim)}.gi__set{border-left:1px solid var(--phos-faint);padding:var(--s-3) 0 var(--s-5)}.gi__block{padding:0 0 var(--s-2) var(--s-2);font-size:var(--t-base);font-weight:400}.gi__block span{color:var(--phos-dim)}.gi__grid{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));border-top:1px solid var(--phos-faint)}.gi__grid li{border-right:1px solid var(--phos-faint);border-bottom:1px solid var(--phos-faint)}.gi__grid button{display:grid;place-items:center;width:100%;aspect-ratio:1;padding:0;border:0;background:none;color:var(--phos);font:inherit;font-family:var(--gi-face);font-size:2rem;line-height:1;cursor:pointer}.gi__grid button[aria-pressed="true"]{background:#d6d6d2;color:var(--tube)}.gi__grid button:focus-visible{outline:1px solid var(--phos);outline-offset:-4px}@media (max-width:860px){.tf__body{grid-template-columns:1fr}.tf__head{grid-template-columns:1fr}.gi{grid-template-columns:1fr}.gi__view{z-index:2;height:62svh;background:var(--tube);border-bottom:1px solid var(--phos-faint);padding-right:0}.gi__info{margin-top:var(--s-2);font-size:.75rem}.gi__set{border-left:0}.gi__block{padding-left:0}.gi__grid{grid-template-columns:repeat(auto-fill,minmax(48px,1fr))}.gi__grid button{font-size:1.5rem}}