.ty{--ty-ink:#333;--ty-brand:#13527c;--ty-navy:#0e3c5c;--ty-line:#ccc;color:var(--ty-ink);font-family:Inter,Arial,sans-serif;scroll-margin-top:110px}.ty *{box-sizing:border-box}.ty__header{align-items:flex-end;display:flex;flex-wrap:wrap;gap:20px 40px;justify-content:space-between;margin-bottom:40px}.ty__intro-wrap{max-width:640px}.ty__title{color:var(--ty-brand);font-family:inherit;font-size:clamp(1.75rem,2.6vw,2.25rem);font-weight:700;line-height:1.15;margin:0 0 12px}.ty__intro,.ty__intro p{font-size:1rem;line-height:1.6;margin:0}.ty__btn{align-items:center;background:var(--ty-brand);border-radius:999px;color:#fff;display:inline-flex;font-family:inherit;font-size:.95rem;font-weight:600;gap:8px;line-height:1;padding:12px 20px;text-decoration:none;transition:background-color .15s ease}.ty__btn:focus-visible,.ty__btn:hover{background:var(--ty-navy);color:#fff;text-decoration:none}.ty__btn:focus-visible{outline:3px solid #2374bb;outline-offset:3px}.ty__btn-icon{flex:none;height:16px;width:16px}.ty__specimen{align-items:center;background:var(--ty-brand);border-radius:16px;color:#fff;display:grid;gap:40px;grid-template-columns:minmax(180px,280px) 1fr;margin-bottom:48px;padding:40px 48px}.ty__glyph{color:#c6ce2d;font-size:clamp(6rem,12vw,10rem);font-weight:700;letter-spacing:-.03em;line-height:.9}.ty__font-name{font-size:2rem;font-weight:700;margin:0 0 12px}.ty__chars{font-size:1.15rem;letter-spacing:.04em;line-height:1.6;margin:0 0 24px;opacity:.95;word-break:break-all}.ty__weights{border-top:1px solid hsla(0,0%,100%,.25);display:flex;flex-wrap:wrap;gap:10px 28px;list-style:none;margin:0;padding:20px 0 0}.ty__weights li{font-size:1.05rem;margin:0}.ty__weights li:before{content:none}.ty__weights span{font-size:.8rem;font-weight:400;margin-left:4px;opacity:.75}.ty__scale{border-top:1px solid var(--ty-line);list-style:none;margin:0;padding:0}.ty__row{align-items:center;border-bottom:1px solid var(--ty-line);display:grid;gap:16px 48px;grid-template-columns:minmax(200px,280px) 1fr;margin:0;padding:28px 0}.ty__row:before{content:none}.ty__role{font-size:1rem;font-weight:600;margin:0 0 6px}.ty__specs{margin:0 0 4px}.ty__specs,.ty__usage{font-size:.85rem;line-height:1.5}.ty__usage{font-style:italic;margin:0}.ty__sample{font-family:inherit;margin:0}.ty__sample--h1{font-size:48px;line-height:1.15}.ty__sample--h1,.ty__sample--h2{color:var(--ty-brand);font-weight:700}.ty__sample--h2{font-size:36px;line-height:1.2}.ty__sample--h3{color:var(--ty-ink);font-size:24px;font-weight:600;line-height:1.3}.ty__sample--sub{color:var(--ty-brand);font-size:14px;font-weight:500;letter-spacing:.15em;text-transform:uppercase}.ty__sample--body{color:var(--ty-ink);font-size:16px;font-weight:400;line-height:1.6;max-width:640px}.ty__sample--caption{color:var(--ty-ink);font-size:13px;font-weight:400;line-height:1.5}.ty__note{background:#fff;border-left:4px solid #94b03d;border-radius:0 10px 10px 0;margin-top:32px;padding:20px 24px}.ty__note p{font-size:.95rem;line-height:1.6;margin:0}@media (max-width:800px){.ty__specimen{gap:16px;padding:32px 24px}.ty__row,.ty__specimen{grid-template-columns:1fr}.ty__row{gap:12px}.ty__sample--h1{font-size:36px}.ty__sample--h2{font-size:30px}}@media (prefers-reduced-motion:reduce){.ty__btn{transition:none}}