.ts-sr{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}.ts-visual{display:block}.ts-line,.ts-inner,.ts-mask,.ts-char{transition-property:none}.ts-line{display:block;position:relative;width:max-content;max-width:100%;overflow:hidden;padding-bottom:.035em}.ts-inner{display:block}.ts-mask{position:absolute;inset:0;z-index:2;background:currentColor;transform-origin:left center;pointer-events:none}.ts-word{display:inline-block;white-space:nowrap}.ts-char{position:relative;display:inline-block;overflow:hidden;vertical-align:bottom}.ts-char:after{content:"";position:absolute;inset:0;background:currentColor;opacity:var(--char-block,0);pointer-events:none}.ts-measure-word{display:inline-block;white-space:nowrap}.type-demo{--type-accent:var(--ink)}.type-demo .specimen-meta{top:18px;left:24px;right:24px}.type-sheet{position:absolute;inset:11% 12% 12%;color:var(--type-accent);background:var(--object);border-radius:var(--r-lg);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column}.type-top{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--hair);padding:16px 24px;font:500 10px/1.3 var(--mono);letter-spacing:.06em;font-variant-numeric:tabular-nums}.type-top>span:last-child{color:var(--ink-3);white-space:nowrap}.type-main{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:center;gap:24px;padding:clamp(18px,3.2vw,40px)}.demo.is-specimen.type-demo h1{max-width:6.4em;color:var(--type-accent);font-size:clamp(40px,6.2vw,76px);line-height:1.05;letter-spacing:-.03em;font-weight:600;text-wrap:initial}.type-drawing{width:100%;max-height:220px;color:var(--ink-3)}.type-drawing .face{fill:#17181a14;stroke:none}.type-drawing .face-top{fill:#17181a29}.type-drawing .pin{fill:var(--accent);stroke:none}.type-foot{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--hair)}.type-foot section{padding:16px 24px 18px}.type-foot section+section{border-left:1px solid var(--hair)}.demo.is-specimen.type-demo .type-foot h2{max-width:none;color:var(--type-accent);font:500 10px/1.3 var(--mono);letter-spacing:.06em;font-variant-numeric:tabular-nums}.demo.is-specimen.type-demo .type-foot p{margin:18px 0 0;color:var(--ink-2);font-size:13px;line-height:1.3}.type-demo[data-mode=preview] .specimen-meta{display:none}.type-demo[data-mode=preview] .type-sheet{inset:12%}.demo.is-specimen.type-demo[data-mode=preview] .type-foot p{font-size:12px}@media(max-height:430px){.type-top{padding:10px 20px}.type-main{padding:16px 24px}.type-foot section{padding:12px 20px}.demo.is-specimen.type-demo .type-foot p{margin-top:10px;font-size:12px}.type-drawing{max-height:150px}}@media(max-width:540px){.type-sheet{inset:44px 12px 12px}.type-top{font-size:8px;padding:14px}.type-main{grid-template-columns:1fr;padding:22px}.type-drawing{display:none}.demo.is-specimen.type-demo h1{font-size:clamp(40px,11vw,58px)}.type-foot section{padding:14px 10px}.demo.is-specimen.type-demo .type-foot h2{font-size:9px}.demo.is-specimen.type-demo .type-foot p{font-size:11px;margin-top:16px}}