.skip{left:var(--pp-space-lg);top:calc(var(--pp-space-4xl) * -1);z-index:1;padding:var(--pp-space-md) var(--pp-space-lg);background:var(--pp-color-surface);color:var(--pp-color-fg);position:absolute}.skip:focus{top:calc(var(--pp-space-4xl) + var(--pp-space-xl))}.site-header{justify-content:space-between;align-items:center;gap:var(--pp-space-lg);padding-block:var(--pp-space-xl);flex-wrap:wrap;display:flex}.site-header ul{gap:var(--pp-space-xl);font-size:var(--pp-font-size-sm);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.site-header nav a{color:var(--pp-color-muted);text-decoration:none}.site-header nav a:hover{color:var(--pp-color-fg)}.logo-link{text-decoration:none}.logo{align-items:baseline;gap:var(--pp-space-sm);color:var(--pp-color-fg);font-family:var(--pp-font-display);font-size:var(--pp-font-size-lg);font-weight:var(--pp-font-weight-bold);display:inline-flex}.logo b{font-family:var(--pp-font-mono);font-weight:var(--pp-font-weight-medium);color:var(--pp-color-accent-2)}.hero{padding-block:var(--pp-space-4xl)}.hero h1{margin-block:var(--pp-space-lg);font-size:clamp(var(--pp-font-size-2xl), 5.6vw, var(--pp-font-size-4xl));line-height:var(--pp-line-height-display)}.hero p{color:var(--pp-color-muted);font-size:var(--pp-font-size-lg)}.ctas{gap:var(--pp-space-lg);margin-top:var(--pp-space-xl);flex-wrap:wrap;display:flex}.section-head{justify-content:space-between;align-items:baseline;gap:var(--pp-space-lg);margin-bottom:var(--pp-space-xl);padding-bottom:var(--pp-space-md);border-bottom:var(--pp-space-pixel) dotted var(--pp-color-line);flex-wrap:wrap;display:flex}.section-head h2{font-size:var(--pp-font-size-xl);margin:0}.type-rows{gap:var(--pp-space-xl);display:grid}.type-row{gap:var(--pp-space-xl);grid-template-columns:11rem 1fr;align-items:baseline;display:grid}.type-row>*{min-width:0}.sample-display{font-family:var(--pp-font-display);font-size:var(--pp-font-size-3xl);font-weight:var(--pp-font-weight-bold);letter-spacing:var(--pp-letter-spacing-display);line-height:var(--pp-line-height-display)}.sample-heading{font-family:var(--pp-font-display);font-size:var(--pp-font-size-xl);font-weight:var(--pp-font-weight-bold);line-height:var(--pp-line-height-heading)}.scale{align-items:baseline;gap:var(--pp-space-lg);margin-top:var(--pp-space-2xl);flex-wrap:wrap;display:flex}.swatches{gap:var(--pp-space-xl);margin-bottom:var(--pp-space-2xl);grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));display:grid}.swatch i{border:1px solid var(--pp-color-line);height:3.75rem;display:block}.swatch div{gap:var(--pp-space-xs);padding:var(--pp-space-md);font-size:var(--pp-font-size-sm);display:grid}.gallery{gap:var(--pp-space-xl);grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));display:grid}.card{align-content:start;gap:var(--pp-space-lg);padding:var(--pp-space-xl);display:grid}.row{align-items:center;gap:var(--pp-space-lg);flex-wrap:wrap;display:flex}.cli{padding:var(--pp-space-xl);font-size:var(--pp-font-size-sm);margin:0;line-height:1.8;overflow-x:auto}.table-scroll{overflow-x:auto}.voice-table{border-collapse:collapse;width:100%;min-width:40rem;font-size:var(--pp-font-size-sm)}.voice-table th,.voice-table td{padding:var(--pp-space-md);border-bottom:1px solid var(--pp-color-line);text-align:left;vertical-align:top}.download-list{gap:var(--pp-space-xl);margin:0 0 var(--pp-space-2xl);grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));padding:0;list-style:none;display:grid}.download-list li{gap:var(--pp-space-sm);padding:var(--pp-space-lg);display:grid}code{padding:0 var(--pp-space-xs);background:var(--pp-color-surface)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cli-figure{margin:0}.group-hint{color:var(--pp-color-muted);font-size:var(--pp-font-size-sm);margin-top:0}.preview{height:7rem;padding:var(--pp-space-md);border:var(--pp-space-pixel) solid var(--pp-color-line);place-items:center;display:grid}.preview img{object-fit:contain;max-width:100%;max-height:5rem}.preview-pixel img{width:4rem;height:4rem;image-rendering:pixelated}.download-list-wide{grid-template-columns:repeat(auto-fill,minmax(min(24rem,100%),1fr))}.preview-wide{aspect-ratio:1200/630;height:auto;padding:0}.preview-wide img{width:100%;height:100%;max-height:none}.site-footer{justify-content:space-between;gap:var(--pp-space-lg);padding-block:var(--pp-space-3xl);color:var(--pp-color-muted);flex-wrap:wrap;display:flex}@media (width<=47.5rem){.type-row{gap:var(--pp-space-xs);grid-template-columns:1fr}}