.font-header{display:flex;justify-content:space-between;align-items:center;padding-block:24px;border-bottom:1px solid var(--line)}
.font-intro{padding-block:86px 70px}.font-intro h1{font-size:clamp(48px,8.8vw,112px);letter-spacing:-.06em;overflow-wrap:anywhere}.font-lead{font:400 36px/1.2 BrowseDisplay,Geist,sans-serif;letter-spacing:-.04em;margin-top:32px}.font-description{max-width:570px;color:var(--muted);font-size:16px;margin-top:24px}.font-actions{display:flex;flex-wrap:wrap;gap:26px;margin-top:30px}.font-intro .download-note{margin-top:18px}
.font-try{background:#eef0e8;border:1px solid var(--line);border-radius:12px;padding:32px}.try-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.try-head h2{font-size:25px}.try-head label{font-size:12px;color:var(--muted)}select{font:inherit;margin-left:8px;min-height:44px;padding:8px 32px 8px 12px;background:var(--paper);color:var(--ink);border:1px solid #c7cbc0;border-radius:6px}.sample-label{display:block;margin-top:28px;font-size:12px;color:var(--muted)}#font-sample{display:block;width:100%;min-height:180px;resize:vertical;margin-top:10px;background:transparent;border:0;color:var(--ink);font:400 clamp(36px,6vw,76px)/1.12 BrowseDisplay,Geist,sans-serif;letter-spacing:-.045em;padding:6px 0}.font-note{font-size:12px;color:var(--muted);margin-top:15px}.font-note a,.font-license a:not(.text-link){text-decoration:underline;text-underline-offset:4px}
.font-details,.font-license{display:grid;grid-template-columns:1fr 1.3fr;gap:70px;padding-block:76px;border-bottom:1px solid var(--line)}.font-details h2,.font-license h2{font-size:34px;margin-top:15px}.font-details p:not(.eyebrow):not(.letter-proof),.font-license p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.8}.font-details p+p,.font-license p+p{margin-top:20px}.letter-proof{font:400 68px/1.3 BrowseDisplay;margin-top:30px;letter-spacing:.01em}.font-license{border:0}.font-license .credit{font-size:12px!important}.source-note{margin-top:30px;padding-top:25px;border-top:1px solid var(--line)}h3{font-size:16px;font-weight:500;margin:0 0 10px}.source-note .text-link{margin-top:12px}
@media(max-width:650px){.font-intro{padding-block:50px}.font-intro h1{font-size:clamp(38px,10.4vw,64px)}.font-lead{font-size:30px}.font-description{font-size:14px}.font-try{padding:20px}.try-head{display:block}.try-head label{display:block;margin-top:15px}.font-details,.font-license{grid-template-columns:1fr;gap:26px;padding-block:45px}.letter-proof{font-size:52px}.font-header .text-link{font-size:11px}}

.font-comparison{padding-bottom:64px;--split:50%}
.compare-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:28px}.compare-heading h2{font-size:32px;margin-top:12px;max-width:480px}.compare-heading>p{font-size:13px;color:var(--muted);line-height:1.8}.compare-labels{display:flex;justify-content:space-between;gap:16px;font-size:12px;color:var(--muted);margin-bottom:12px}
.compare-stage{border:1px solid #d7e0e5;border-radius:12px;overflow:hidden;position:relative;isolation:isolate}.compare-pane{padding:36px 40px;color:#242821;background:#faf9f6}.compare-after{background:#edf2f5;font-family:BrowseDisplay,Geist,sans-serif}.compare-before{font-family:Geist,sans-serif}.compare-glyphs{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));align-items:baseline;text-align:center;font-size:clamp(62px,10vw,136px);font-weight:400;line-height:1.15;letter-spacing:0;font-synthesis:none}.compare-pane>p{font-family:inherit;font-size:clamp(25px,4vw,48px);font-weight:400;line-height:1.3;letter-spacing:-.035em;text-align:center;margin-top:28px;white-space:nowrap}.compare-divider{display:none}
.is-interactive .compare-stage{cursor:ew-resize;touch-action:pan-y;user-select:none}.is-interactive .compare-after{position:absolute;inset:0;clip-path:inset(0 0 0 var(--split))}.is-interactive .compare-divider{display:block;position:absolute;top:0;bottom:0;left:var(--split);width:1px;background:#6d7e89;pointer-events:none}.compare-divider span{position:absolute;top:50%;left:0;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--paper);border:1px solid #6d7e89;color:#344b59;font:400 23px Geist,sans-serif;box-shadow:0 2px 8px #28353e18}
.compare-controls:not([hidden]){display:flex;align-items:center;gap:18px;margin-top:18px}.compare-controls label,.compare-controls output{font-size:12px;color:var(--muted)}.compare-controls output{min-width:128px;text-align:right;font-variant-numeric:tabular-nums}#font-reveal{flex:1;min-width:0;min-height:44px;accent-color:#526b7a;cursor:ew-resize}.font-comparison:has(#font-reveal:focus-visible) .compare-stage{outline:3px solid #805d2d;outline-offset:4px}
@media(max-width:650px){.font-comparison{padding-bottom:42px}.compare-heading{display:block}.compare-heading h2{font-size:28px}.compare-heading>p{margin-top:16px}.compare-pane{padding:28px 12px}.compare-glyphs{font-size:clamp(44px,12.5vw,80px)}.compare-pane>p{font-size:clamp(21px,6.2vw,32px);margin-top:22px}.compare-controls:not([hidden]){flex-wrap:wrap;gap:0 12px}.compare-controls label{flex-basis:100%}.compare-labels{font-size:11px}}

.font-comparison:not(.is-interactive) #compare-help{display:none}