.dl-subnav{border-bottom:.5px solid var(--rule);text-transform:uppercase;letter-spacing:.06em;grid-template-columns:1fr auto 1fr;align-items:center;height:44px;padding:0 24px;font-size:12px;display:grid}.dl-subnav .nav-link{color:var(--fg);text-decoration:none;transition:opacity .15s}.dl-subnav .nav-link:hover{opacity:.5}.dl-subnav .nav-center{letter-spacing:.14em;text-align:center;color:var(--muted);font-size:10px;font-weight:700}.dl-subnav .nav-right-link{text-align:right}.dl-wrapper{border-top:none;grid-template-columns:1fr 280px;align-items:start;display:grid}.dl-content{border-right:.5px solid var(--rule)}.specimen-hero{border-bottom:.5px solid var(--rule);background:color-mix(in srgb, var(--rule) 8%, transparent);padding:48px 32px 40px}.specimen-label{margin-bottom:32px}.specimen-display{letter-spacing:-.03em;color:var(--fg);margin-top:0;margin-bottom:32px;font-size:clamp(48px,7vw,96px);font-weight:400;line-height:1}.specimen-pangram{color:var(--muted);margin-bottom:16px;font-size:clamp(14px,2vw,18px);font-weight:400;line-height:1.5}.specimen-numbers{color:var(--muted);letter-spacing:.1em;font-size:22px}.hero-cinema{border-bottom:.5px solid var(--rule);aspect-ratio:16/7;background:#111;width:100%;position:relative;overflow:hidden}.hero-cinema img{object-fit:cover;filter:saturate(.92);width:100%;height:100%;display:block}.hero-cinema:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000,#000000ad);position:absolute;inset:35% 0 0}.hero-font-name{z-index:2;color:#fff;overflow-wrap:anywhere;text-shadow:0 1px 18px #00000059;font-size:clamp(42px,7vw,96px);line-height:.95;position:absolute;bottom:28px;left:32px;right:32px}.info-block{border-bottom:.5px solid var(--rule);padding:32px}.block-label{margin:0 0 16px;font-size:10px}.info-text{color:var(--muted);max-width:560px;font-size:14px;line-height:1.7}.weights-block{border-bottom:.5px solid var(--rule);padding:32px}.weight-specimen-row{border-bottom:.5px solid var(--rule);align-items:baseline;gap:24px;padding:16px 0;display:flex}.weight-specimen-row:last-child{border-bottom:none}.weight-name{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;flex-shrink:0;min-width:48px;font-size:10px}.weight-specimen-text{color:var(--fg);letter-spacing:-.01em;font-size:20px;line-height:1.4}.charmap-block{padding:32px}.dl-sidebar{top:var(--nav-h,64px);align-self:start;padding:0;position:sticky}.spec-sheet{border-bottom:.5px solid var(--rule)}.spec-row{border-bottom:.5px solid var(--rule);justify-content:space-between;align-items:center;padding:14px 24px;font-size:12px;display:flex}.spec-row.last{border-bottom:none}.spec-key{color:var(--muted)}.spec-val{color:var(--fg);text-align:right;font-size:12px}.btn-download{background:var(--fg);height:56px;color:var(--bg);text-transform:uppercase;letter-spacing:.1em;border-bottom:.5px solid var(--rule);justify-content:space-between;align-items:center;padding:0 24px;font-size:11px;font-weight:700;text-decoration:none;transition:opacity .15s;display:flex}.btn-download:hover{opacity:.85}.btn-arrow{font-size:18px;font-weight:400}.mobile-primary-actions{display:none}.btn-test{text-transform:uppercase;letter-spacing:.08em;height:44px;color:var(--muted);border-bottom:.5px solid var(--rule);justify-content:space-between;align-items:center;padding:0 24px;font-size:11px;font-weight:500;text-decoration:none;transition:color .15s;display:flex}.btn-test:hover{color:var(--fg)}@media (width<=840px){.dl-wrapper{grid-template-columns:1fr}.dl-content{border-right:none}.dl-sidebar{border-top:.5px solid var(--rule);position:static}.specimen-display{font-size:clamp(36px,10vw,72px)}.specimen-hero{padding:32px 20px}.hero-font-name{font-size:clamp(34px,11vw,64px);bottom:20px;left:20px;right:20px}.info-block,.weights-block,.charmap-block{padding:24px 20px}.mobile-primary-actions{border-bottom:.5px solid var(--rule);grid-template-columns:1fr 1fr;display:grid}.mobile-action{min-height:52px;color:var(--fg);text-transform:uppercase;letter-spacing:.1em;border-right:.5px solid var(--rule);justify-content:space-between;align-items:center;padding:0 20px;font-size:10px;font-weight:700;display:flex}.mobile-action:last-child{border-right:none}.mobile-action.primary{background:var(--fg);color:var(--bg)}}