@font-face{font-family:Inter;src:url(/_astro/InterVariable.DiVDrmQJ.woff2)format("woff2");font-weight:100 900;font-display:swap}:root{--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.4, .64, 1);--tracking-tight:-.033em;--gutter:max(clamp(1.25rem, 5vw, 4rem), (100vw - 88rem) / 2);--measure:38rem;color-scheme:light}*,:before,:after{box-sizing:border-box}html{scroll-padding-top:5rem}body{font-feature-settings:"cv11", "ss01";color:var(--color-ink);background:var(--color-paper);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,system-ui,sans-serif;font-size:1.0625rem;line-height:1.6;overflow-x:clip}h1,h2,h3{letter-spacing:var(--tracking-tight);text-wrap:balance;margin:0;font-weight:600;line-height:1.05}p{text-wrap:pretty;margin:0}a{color:inherit}:focus-visible{outline:3px solid var(--color-brand-fg);outline-offset:3px;border-radius:2px}.skip{left:var(--gutter);background:var(--color-ink);color:var(--color-white);z-index:20;padding:.5rem 1rem;position:absolute;top:-4rem}.skip:focus-visible{top:1rem}.nav{z-index:10;padding:1rem var(--gutter);background:color-mix(in srgb, var(--color-paper) 82%, transparent);backdrop-filter:blur(12px)saturate(1.4);border-bottom:1px solid color-mix(in srgb, var(--color-ink) 8%, transparent);justify-content:space-between;align-items:center;gap:2rem;display:flex;position:sticky;top:0}.nav-logo{height:1.75rem;display:block}.nav-logo img{width:auto;height:100%;display:block}.nav-links{gap:1.5rem;margin:0;padding:0;font-size:.9375rem;font-weight:500;list-style:none;display:flex}.nav-links a{background:linear-gradient(var(--color-brand), var(--color-brand)) 0 100% / 0 2px no-repeat;padding-bottom:2px;text-decoration:none}.nav-links a:hover{background-size:100% 2px}@media (width<=52rem){.nav-links li:not(:last-child){display:none}}.hero{min-height:calc(100svh - 4rem);padding:clamp(2.5rem, 8vh, 6rem) var(--gutter) clamp(3rem, 8vh, 5rem);align-content:center;gap:clamp(2.5rem,6vh,4.5rem);display:grid}.hero-art{width:min(100%,60rem);position:relative}.lockup{width:100%;height:auto;display:block;overflow:visible}.lockup-ground{fill:var(--color-ink);opacity:.12}.hero-copy{gap:2rem;width:min(100%,60rem);display:grid}.hero-head,.hero-body{align-content:start;gap:1.25rem;display:grid}@media (width>=60rem){.hero-copy{grid-template-columns:1fr 1fr;gap:4rem}.hero-body{padding-top:2.25rem}}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--color-brand-fg);font-size:.8125rem;font-weight:600}.hero-title{font-size:clamp(2rem,4.4vw,3.5rem)}.lede{color:var(--color-ink-2);font-size:clamp(1.125rem,1.6vw,1.3125rem)}.actions{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}.button{border-radius:999px;align-items:center;gap:.5rem;min-height:3rem;padding:0 1.375rem;font-weight:600;text-decoration:none;display:inline-flex}.button-primary{background:var(--color-ink);color:var(--color-white);box-shadow:0 0 0 0 var(--color-brand)}.button-primary:hover{box-shadow:0 6px 0 0 var(--color-brand)}.button-quiet{box-shadow:inset 0 0 0 1.5px var(--color-ink)}.button-quiet:hover{background:var(--color-white)}.footer{padding:4rem var(--gutter);background:var(--color-ink);color:var(--color-paper);gap:1rem;font-size:.9375rem;display:grid}.footer p{max-width:var(--measure)}.footer a{color:var(--color-white);text-underline-offset:3px}.section{padding:clamp(4rem, 12vh, 8rem) var(--gutter)}.tone-white{background:var(--color-white)}.tone-ink{background:var(--color-ink);color:var(--color-paper)}.section-head{grid-template-columns:auto 1fr;align-items:end;gap:1rem;max-width:60rem;margin-bottom:clamp(2.5rem,6vh,4rem);display:grid}.section-mark{background:var(--color-brand);transform-origin:50% 100%;grid-row:1;width:.75rem;height:2.25rem}.section-number{font-variant-numeric:tabular-nums;color:var(--color-ink-3);grid-row:1;font-size:.875rem;font-weight:600}.tone-ink .section-number{color:var(--color-brand-200)}.section-head h2{grid-column:1/-1;font-size:clamp(2.25rem,5.5vw,4.5rem)}.section-intro{max-width:var(--measure);color:var(--color-ink-2);grid-column:1/-1;font-size:clamp(1.0625rem,1.4vw,1.25rem)}.tone-ink .section-intro{color:var(--color-paper)}.subhead{margin:clamp(3rem,8vh,5rem) 0 1.5rem;font-size:clamp(1.5rem,2.4vw,2rem)}.note{max-width:var(--measure);color:var(--color-ink-2);margin-bottom:1.5rem}code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.9em}.names{border-top:1px solid color-mix(in srgb, var(--color-ink) 15%, transparent);margin:0;padding:0;list-style:none;display:grid}.name-row{border-bottom:1px solid color-mix(in srgb, var(--color-ink) 15%, transparent);grid-template-columns:10rem 1fr 1fr;align-items:center;gap:2rem;padding:1.75rem 0;display:grid}.name-where{color:var(--color-ink-3);font-size:.875rem;font-weight:600}.name-example{letter-spacing:var(--tracking-tight);font-size:clamp(1.75rem,3.4vw,2.75rem);font-weight:600;line-height:1.1}.name-example img{width:auto;height:1.6em;display:block}.name-example code{font-size:.8em;font-weight:500}.name-note{color:var(--color-ink-2)}@media (width<=48rem){.name-row{grid-template-columns:1fr;gap:.5rem}}.logo-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,30rem),1fr));gap:1.25rem;display:grid}.panel{border-radius:1.25rem;align-content:space-between;gap:1.5rem;min-height:20rem;margin:0;padding:clamp(1.5rem,3vw,2.5rem);display:grid}.panel img{width:100%;height:auto;display:block}.panel figcaption{color:var(--color-ink-2);font-size:.9375rem}.panel-paper{background:var(--color-paper)}.panel-ink{background:var(--color-ink)}.panel-ink figcaption{color:var(--color-paper)}.on-light,.on-dark{max-width:22rem;margin:auto}.anatomy{flex-wrap:wrap;gap:.5rem 1.25rem;margin:0;padding:0;font-size:.9375rem;font-weight:500;list-style:none;display:flex}.anatomy span,.pin{background:var(--color-ink);width:1.5rem;height:1.5rem;color:var(--color-white);border-radius:50%;place-items:center;margin-right:.25rem;font-size:.75rem;font-weight:600;display:inline-grid}.anatomy-art{position:relative}.pin{left:var(--x);top:var(--y);box-shadow:0 0 0 3px var(--color-paper);margin:0;position:absolute;translate:-50% -50%}.clear-space{padding:var(--pad);background:repeating-linear-gradient(-45deg, color-mix(in srgb, var(--color-brand) 16%, transparent) 0 6px, transparent 6px 12px);outline:1.5px dashed color-mix(in srgb, var(--color-brand-fg) 60%, transparent);outline-offset:-1px}.clear-space img{background:var(--color-paper)}.min-size{background:var(--color-paper);border-radius:1.25rem;flex-wrap:wrap;align-items:center;gap:1.5rem 2.5rem;margin-top:1.25rem;padding:1.5rem clamp(1.5rem,3vw,2.5rem);display:flex}.min-size-art{align-items:center;gap:1.5rem;display:flex}.min-size p{max-width:var(--measure);color:var(--color-ink-2)}.donts{grid-template-columns:repeat(auto-fill,minmax(min(100%,13rem),1fr));gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}.dont{background:var(--color-paper);border-radius:1rem;align-content:start;gap:1rem;padding:1.25rem;display:grid;overflow:clip}.dont img{object-fit:contain;width:100%;height:6.5rem;padding:.5rem;display:block}.dont p{padding-left:1.75rem;font-size:.9375rem;font-weight:500;position:relative}.dont p:before{content:"";background:linear-gradient(45deg, transparent 45%, var(--color-white) 45% 55%, transparent 55%), linear-gradient(-45deg, transparent 45%, var(--color-white) 45% 55%, transparent 55%), #c62828;border-radius:50%;width:1.1rem;height:1.1rem;position:absolute;top:.2em;left:0}.dont-stretch{justify-self:center;width:70%;transform:scale(1.3,.75)}.dont-recolour{filter:hue-rotate(150deg)saturate(1.4)}.dont-rotate{transform:rotate(-12deg)}.dont-effect{filter:drop-shadow(4px 6px 3px #00000073)blur(.4px)}.dont-green img{background:var(--color-brand);border-radius:.5rem}.icon-row{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));align-items:end;gap:2rem;display:grid}.icon-row figure{gap:1rem;margin:0;display:grid}.icon-row figcaption{color:var(--color-ink-2);font-size:.9375rem}.icon-large{border-radius:1.25rem;width:12rem;height:auto;box-shadow:0 20px 40px -20px #00000059}.icon-small-grid{background:var(--color-white);border-radius:1rem;align-items:end;gap:1.25rem;padding:1.5rem;display:flex}.tab{background:var(--color-white);width:min(100%,15rem);box-shadow:0 -1px 0 color-mix(in srgb, var(--color-ink) 10%, transparent) inset;border-radius:.75rem .75rem 0 0;align-items:center;gap:.5rem;padding:.6rem .9rem;font-size:.8125rem;display:flex}.tab-close{color:var(--color-ink-3);margin-left:auto}.safe-zone{width:10rem;position:relative}.safe-zone img{border-radius:50%;width:100%;height:auto;display:block}.safe-zone:after{content:"";border:1.5px dashed var(--color-white);border-radius:50%;position:absolute;inset:10%}.swatches{grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));gap:2rem 1.25rem;margin:0 0 2.5rem;padding:0;list-style:none;display:grid}.swatch{align-content:start;gap:.25rem;display:grid}.swatch-chip{height:9rem;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-ink) 10%, transparent);color:var(--color-ink);transform-origin:50% 100%;border-radius:1rem;align-items:end;margin-bottom:.75rem;padding:.875rem 1rem;display:flex}.swatch-dark{color:var(--color-white)}.swatch-chip:not(.swatch-dark) .swatch-hex{color:var(--color-ink)}.swatch-hex{font-variant-numeric:tabular-nums;text-transform:uppercase;font-size:.875rem;font-weight:600}.swatch-name{font-weight:600}.swatch-token{color:var(--color-ink-3);font-size:.8125rem}.swatch-use{color:var(--color-ink-2);font-size:.9375rem}.pairs{grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.pair{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-ink) 10%, transparent);border-radius:.875rem;grid-template-columns:auto 1fr;align-items:center;gap:0 1rem;padding:1rem 1.25rem;display:grid}.pair-sample{letter-spacing:var(--tracking-tight);grid-row:span 2;font-size:2rem;font-weight:600}.pair-names{font-size:.875rem;font-weight:500}.pair-ratio{font-variant-numeric:tabular-nums;font-size:.875rem}.type-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));align-items:start;gap:clamp(2rem,5vw,5rem);display:grid}.specimen{background:var(--color-white);border-radius:1.25rem;padding:clamp(1.5rem,3vw,2.5rem)}.specimen-glyphs{letter-spacing:-.05em;font-size:clamp(7rem,16vw,13rem);font-weight:600;line-height:.9;display:block}.specimen-name{margin-top:1rem;font-size:1.5rem;font-weight:600}.specimen-set{color:var(--color-ink-2);word-break:break-all;margin-top:.5rem}.type-rules{gap:2rem;margin:0;display:grid}.type-rules div{border-bottom:1px solid color-mix(in srgb, var(--color-ink) 15%, transparent);gap:.5rem;padding-bottom:2rem;display:grid}.type-rules dt{color:var(--color-ink-3);font-size:.875rem;font-weight:600}.type-rules dd{color:var(--color-ink-2);margin:0}.type-heading{letter-spacing:var(--tracking-tight);font-size:clamp(1.75rem,3vw,2.5rem);font-weight:600;line-height:1.1;color:var(--color-ink)!important}.type-body{font-size:1.125rem;color:var(--color-ink)!important}.voice{background:color-mix(in srgb, var(--color-paper) 18%, transparent);border-radius:1.25rem;grid-template-columns:1fr;gap:1px;margin:0;padding:0;list-style:none;display:grid;overflow:hidden}@media (width>=40rem){.voice{grid-template-columns:repeat(2,1fr)}}@media (width>=64rem){.voice{grid-template-columns:repeat(3,1fr)}}.voice-item{background:var(--color-ink);align-content:start;gap:.75rem;padding:clamp(1.5rem,3vw,2.5rem);display:grid}.voice-number{color:var(--color-brand);font-size:.875rem;font-weight:600}.voice-item h3{font-size:clamp(1.5rem,2.4vw,2rem)}.voice-item p{color:var(--color-paper)}.downloads{grid-template-columns:repeat(auto-fit,minmax(min(100%,16rem),1fr));gap:1.25rem;display:grid}.download{background:var(--color-paper);border-radius:1.25rem;align-content:start;gap:1rem;padding:1.5rem;display:grid}.download-preview{background:var(--color-white);border-radius:.875rem;place-items:center;height:8rem;display:grid}.download-preview img{width:auto;max-width:70%;height:auto;max-height:5rem}.download h3{font-size:1.375rem}.download ul{margin:0;padding:0;list-style:none;display:grid}.download a{border-top:1px solid color-mix(in srgb, var(--color-ink) 12%, transparent);justify-content:space-between;align-items:center;gap:1rem;min-height:2.75rem;padding:.5rem 0;font-size:.9375rem;font-weight:500;text-decoration:none;display:flex}.download a:hover>span:first-child{text-underline-offset:3px;text-decoration:underline}.download-file{color:var(--color-ink-3);font-size:.8125rem;font-weight:400;display:block}.download-size{font-variant-numeric:tabular-nums;color:var(--color-ink-3);flex:none;font-size:.8125rem}.footer-logo{width:8.5rem;height:auto;margin-bottom:1rem}.not-found{min-height:100svh;padding:var(--gutter);place-content:center;justify-items:start;gap:2rem;display:grid}.not-found h1{font-size:clamp(2rem,5vw,3.5rem)}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}.nav-links a{transition:background-size .3s var(--ease-out)}.button{transition:transform .3s var(--ease-out), background-color .2s, box-shadow .3s var(--ease-out)}.button:hover{transform:translateY(-2px)}.button .arrow{transition:transform .3s var(--ease-out)}.button:hover .arrow{transform:translateY(2px)}.lockup-ground{transform-box:fill-box;transform-origin:0;animation:draw .9s var(--ease-out) both}.lockup-block{transform-box:fill-box;transform-origin:50% 100%;animation:rise 1s .25s var(--ease-out) both}.lockup-rupee{transform-box:fill-box;transform-origin:50% 100%;animation:drop .8s .8s var(--ease-spring) both}.lockup-letter{transform-box:fill-box;animation:surface .9s calc(.9s + var(--i) * 90ms) var(--ease-out) both}.hero-copy>*{animation:fade-up .9s calc(1.5s + var(--step,0) * .12s) var(--ease-out) both}@supports (animation-timeline:view()){.section-mark{animation:linear both rise view();animation-range:entry 20% entry 80%}.reveal{animation:linear both fade-up view();animation-range:entry entry 60%}.swatch-chip{animation:linear both rise view();animation-range:entry 10% entry 90%}}.download,.panel{transition:transform .4s var(--ease-out)}.download:hover{transform:translateY(-4px)}@keyframes draw{0%{transform:scaleX(0)}}@keyframes rise{0%{transform:scaleY(0)}}@keyframes drop{0%{opacity:0;transform:translateY(-35%)scale(.92)}}@keyframes surface{0%{transform:translateY(105%)}}@keyframes fade-up{0%{opacity:0;transform:translateY(1rem)}}}