@font-face{font-family:Bojeng;src:url(/fonts/bojeng-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Drip Tags;src:url(/fonts/drip-tags-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Madison Grafitty;src:url(/fonts/madison-grafitty-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Marker Queen;src:url(/fonts/marker-queen-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Nightfate Graffiti;src:url(/fonts/nightfate-graffiti-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Rolex;src:url(/fonts/rolex-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Rune;src:url(/fonts/rune-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Southsider;src:url(/fonts/southsider-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Stone Cold Crazy;src:url(/fonts/stone-cold-crazy-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Tagster;src:url(/fonts/tagster-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:The Overcook;src:url(/fonts/the-overcook-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Trigger Graffiti;src:url(/fonts/trigger-graffiti-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Trigger Graffiti Outline 1";src:url(/fonts/trigger-graffiti-outline-1-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Trigger Graffiti Outline 2";src:url(/fonts/trigger-graffiti-outline-2-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Urban Slash;src:url(/fonts/urban-slash-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Madison;src:url(/fonts/madison-grafitty-400.woff2)format("woff2");font-display:swap}.design-hero-floats[data-astro-cid-aej7ursm]{pointer-events:none;position:absolute;inset:0}.design-hero-floats__tag[data-astro-cid-aej7ursm]{pointer-events:auto;cursor:default;white-space:nowrap;line-height:1;position:absolute}.design-hero-floats__tag-ink[data-astro-cid-aej7ursm]{rotate:var(--tag-rotate,0deg);display:inline-block}.design-hero-floats__tag[data-astro-cid-aej7ursm]:hover .design-hero-floats__tag-ink[data-astro-cid-aej7ursm]{animation:.45s cubic-bezier(.34,1.56,.64,1) design-hero-tag-nudge}@keyframes design-hero-tag-nudge{0%,to{margin-top:0;margin-left:0}30%{margin-top:-3px;margin-left:-4px}65%{margin-top:1px;margin-left:3px}}.design-hero-floats__tag--remix[data-astro-cid-aej7ursm]{--tag-rotate:-5deg;top:52%;left:26%}.design-hero-floats__tag--future[data-astro-cid-aej7ursm]{--tag-rotate:4deg;top:46%;right:6%}.design-hero-floats__tag--love[data-astro-cid-aej7ursm]{--tag-rotate:-3deg;top:72%;left:14%}.design-hero-floats__tag--archive[data-astro-cid-aej7ursm]{--tag-rotate:7deg;top:3%;left:50%}.design-hero-floats__tag--crunk[data-astro-cid-aej7ursm]{--tag-rotate:-8deg;top:63%;left:55%}@media (width<=900px){.design-hero-floats__tag--archive[data-astro-cid-aej7ursm],.design-hero-floats__tag--crunk[data-astro-cid-aej7ursm],.design-hero-floats__tag--future[data-astro-cid-aej7ursm]{display:none}.design-hero-floats__tag-ink[data-astro-cid-aej7ursm]{font-size:.72em}}@media (prefers-reduced-motion:reduce){.design-hero-floats__tag[data-astro-cid-aej7ursm]:hover .design-hero-floats__tag-ink[data-astro-cid-aej7ursm]{animation:none}}.design-secondary-hero{--secondary-hero-theme-accent:var(--family-accent);--secondary-hero-theme-accent-rgb:var(--family-accent-rgb);--secondary-hero-theme-rule:var(--rule);--secondary-hero-theme-surface:var(--family-paper)}.design-secondary-hero--design{--secondary-hero-theme-surface-grain-opacity:1;--secondary-hero-surface-grain-position:right center}@media (width<=900px){.design-secondary-hero--design{--secondary-hero-surface-grain-position:left center}}.design-secondary-hero--flush-after-nav,.design-secondary-hero--design{padding-bottom:0}.design-spray{--spray-ink:#ff8ec8;--spray-ink-rgb:255, 142, 200;--spray-text:#f1ead8ad;--spray-rule:#f1ead82e;display:none}@media (hover:hover) and (pointer:fine){.design-spray{display:block}}.design-spray__ghost,.design-spray__stuck{aspect-ratio:1;width:clamp(3.25rem,6vw,5rem);mask:var(--mark) center/contain no-repeat;pointer-events:none;translate:-50% -50%}.design-spray__stuck{z-index:45;background:var(--mark-ink);animation:.26s ease-out both design-spray-mark;position:absolute}.design-spray__ghost{z-index:46;background:color-mix(in srgb, var(--mark-ink) 35%, transparent);display:none;position:fixed;top:0;left:0}html[data-design-spraying][data-design-aiming] .design-spray__ghost{display:block}@keyframes design-spray-mark{0%{scale:.8}to{scale:1}}html[data-design-spraying],html[data-design-spraying] *{cursor:var(--design-spray-cursor)!important}html[data-design-spraying] .design-spray__can,html[data-design-spraying] .design-spray__can *{cursor:pointer!important}.design-spray__can{z-index:50;bottom:1.25rem;left:calc(50% + var(--design-spray-dock-shift,0px));border:1px solid var(--spray-rule);background:#0b0a0af0;border-radius:.2rem;grid-auto-flow:column;align-items:center;gap:.35rem;padding:.45rem .6rem;display:grid;position:fixed;translate:-50%;box-shadow:0 .6rem 1.8rem #0000008c}.design-spray__can button{color:var(--spray-text);cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;padding:0;display:grid}.design-spray__can button:focus-visible{outline:2px solid var(--spray-ink);outline-offset:1px}.design-spray__arm{grid-auto-flow:column;gap:.45rem;margin-right:.3rem;padding:.4rem .75rem!important}.design-spray__arm[aria-pressed=true]{border-color:var(--spray-ink)!important;background:rgba(var(--spray-ink-rgb), .14)!important}.design-spray__icon svg{width:1.9rem;height:1.9rem;display:block}.design-spray__label,.design-spray__clear{letter-spacing:.08em;font-family:IBM Plex Mono,Consolas,SF Mono,monospace;font-size:.78rem}.design-spray__mark{width:2.9rem;height:2.9rem}.design-spray__mark[aria-pressed=true]{border-color:var(--spray-ink)!important}.design-spray__swatch{background:var(--mark-ink);width:72%;height:72%;mask:var(--mark) center/contain no-repeat;display:block}.design-spray__clear{margin-left:.3rem;border-left:1px solid var(--spray-rule)!important;color:var(--spray-ink)!important;padding:.4rem .2rem .4rem .75rem!important}@media (prefers-reduced-motion:reduce){.design-spray__stuck{animation:none}}body:has(>main.design-family--design){background-color:#121211}.design-page.design-family{--section-hero-follow-space:clamp(3.5rem, 6vw, 5rem);--ink:#f1ead8;--ink-faint:#f1ead8ad;--ink-quiet:#f1ead870;--rule:#f1ead82e;--rule-soft:#f1ead81a;--family-accent:#ff8ec8;--family-accent-rgb:255, 142, 200;--family-secondary:#be90ff;--family-paper:#030303;--family-panel:#f5f7e805;isolation:isolate;min-height:100vh;color:var(--ink);background:url(https://imagedelivery.net/N0yzL3A0hXDpPs2xfDHV2Q/d83d0174-9198-4a34-695b-4a74565e8e00/tile) 0 0/800px 800px,#121211;padding:0 clamp(1.15rem,4vw,3rem) clamp(4rem,7vw,6.5rem);position:relative;overflow:clip}@media (resolution>=1.25x){.design-page.design-family{background-size:640px 640px}}@media (resolution>=1.5x){.design-page.design-family{background-size:533px 533px}}@media (resolution>=2x){.design-page.design-family{background-size:400px 400px}}@media (resolution>=3x){.design-page.design-family{background-size:267px 267px}}.design-page.design-family.design-family--design{--ember:var(--family-accent);--wine:#ff5cad;--mustard:var(--family-secondary);--sage:#d7bdff;--lilac:#ad72ff}.design-page.design-family .design-family-overview,.design-page.design-family .design-family-content,.design-page.design-family .notes{z-index:1;width:min(100%,1400px);margin-inline:auto;position:relative}.design-page.design-family .family-card-label{letter-spacing:.04em;text-transform:uppercase;color:var(--family-accent);font-family:IBM Plex Mono,Consolas,SF Mono,monospace;font-size:.82rem;font-weight:700}.design-page.design-family .design-family-overview,.design-page.design-family .design-family-content{padding-top:var(--section-hero-follow-space);gap:clamp(1.5rem,3vw,2.5rem);display:grid}.design-page.design-family .family-card-grid{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1rem;display:grid}.design-page.design-family .family-card,.design-page.design-family .family-panel{border:1px solid var(--rule);background:var(--family-panel);position:relative}.design-page.design-family.design-family--design .family-card:after,.design-page.design-family.design-family--design .family-panel:after{content:"";border-right:1px solid rgba(var(--family-accent-rgb), .55);border-bottom:1px solid rgba(var(--family-accent-rgb), .55);pointer-events:none;width:.38rem;height:.38rem;position:absolute;bottom:.55rem;right:.55rem}.design-page.design-family .family-card{min-height:15rem;color:var(--ink);gap:.85rem;padding:clamp(1.15rem,2.5vw,1.7rem);text-decoration:none;transition:border-color .15s,transform .15s;display:grid}.design-page.design-family .family-card:hover,.design-page.design-family .family-card:focus-visible{border-color:var(--family-accent);color:var(--ink);transform:translateY(-2px)}.design-page.design-family .family-card h2,.design-page.design-family .family-panel h2{color:var(--ink);margin:0;font-family:Prox Variable,Segoe UI,Roboto,Helvetica,sans-serif;font-size:clamp(1.45rem,2vw,2rem);line-height:1.1}.design-page.design-family .family-card p,.design-page.design-family .family-panel p{color:var(--ink-faint);margin:0;font-family:Prox Variable,Segoe UI,Roboto,Helvetica,sans-serif;line-height:1.6}.design-page.design-family .family-card-arrow{color:var(--family-accent);align-self:end;font-family:IBM Plex Mono,Consolas,SF Mono,monospace}.design-page.design-family .family-panel{gap:1rem;padding:clamp(1.3rem,3vw,2.1rem);display:grid}.design-page.design-family .family-panel--open-access{text-align:center;justify-items:center}.design-page.design-family .family-panel--open-access h2{font-size:clamp(1.8rem,3vw,2.65rem)}.design-page.design-family .family-panel--open-access p{font-size:clamp(.95rem,.25vw + .9rem,1.08rem)}@media (width<=760px){.design-page.design-family .family-card-grid{row-gap:3.5rem}}@media (prefers-reduced-motion:reduce){.design-page.design-family .family-card{transition:none}}.design-page.design-family--design :is(.design-family-overview,.design-family-content):before{content:"";z-index:-3;opacity:.58;pointer-events:none;background:url(/design/graffiti/speckle-field.webp) 50%/contain no-repeat;width:clamp(18rem,24vw,25rem);height:18rem;display:none;position:absolute;top:-3rem;left:clamp(-15rem,-12vw,-8rem);transform:rotate(17deg)}@media (width>=1101px){.design-page.design-family--design :is(.design-family-overview,.design-family-content):before{display:block}}.design-page.design-family--design .family-card:has(.design-paint-stroke)>:not(.design-paint-stroke){z-index:1;position:relative}.design-page.design-family--design .design-paint-stroke{z-index:0;opacity:.54;pointer-events:none;background:url(/design/graffiti/dry-brush.webp) 50%/contain no-repeat;width:min(15rem,68%);height:4.2rem;position:absolute;top:-1.55rem;right:-1.3rem;transform:rotate(2deg)}.design-page.design-family--design{--design-display:"Fraunces", Georgia, serif;--design-display-axes:"wght" 500, "opsz" 144, "SOFT" 100, "WONK" 1}.design-page.design-family--design .design-sheet__head h2,.design-page.design-family--design .design-sheet .family-card h2,.design-page.design-family--design .family-panel--open-access h2,.design-page.design-family--design .design-principles h3{font-family:var(--design-display);font-variation-settings:var(--design-display-axes);font-weight:500}.design-page.design-family--design .design-sheet{--design-torn:polygon(0 0, 100% 0, 100% calc(100% - 3px), 88% 100%, 71% calc(100% - 4px), 52% 100%, 33% calc(100% - 3px), 14% 100%, 0 calc(100% - 5px));gap:clamp(1.25rem,2.5vw,2rem);padding:clamp(1.25rem,3vw,2.5rem);display:grid;position:relative}.design-page.design-family--design .design-sheet:before{content:"";z-index:-2;clip-path:var(--design-torn);pointer-events:none;background:url(https://imagedelivery.net/N0yzL3A0hXDpPs2xfDHV2Q/3e76334f-932c-4d4b-ec0e-247d7fa90e00/hero) 50%/cover no-repeat,#080707;position:absolute;inset:0}.design-page.design-family--design .design-sheet--plate-1:before{background:url(https://imagedelivery.net/N0yzL3A0hXDpPs2xfDHV2Q/3e76334f-932c-4d4b-ec0e-247d7fa90e00/hero) 50%/cover no-repeat,#080707}.design-page.design-family--design .design-sheet--plate-2:before{background:url(https://imagedelivery.net/N0yzL3A0hXDpPs2xfDHV2Q/bc26800e-6b41-4781-fee4-f07ed9cf4400/hero) 50%/cover no-repeat,#080707}.design-page.design-family--design .design-sheet--plate-3:before{background:url(https://imagedelivery.net/N0yzL3A0hXDpPs2xfDHV2Q/769e0733-6add-471d-952f-73cdeac9c000/hero) 50%/cover no-repeat,#080707}.design-page.design-family--design .family-panel--open-access:before{content:"";z-index:-2;pointer-events:none;background:url(https://imagedelivery.net/N0yzL3A0hXDpPs2xfDHV2Q/769e0733-6add-471d-952f-73cdeac9c000/hero) 50%/cover no-repeat,#080707;position:absolute;inset:0}.design-page.design-family--design .design-sheet .family-card{background:#080707d1}.design-page.design-family--design .design-sheet .family-card .family-card-label{font-size:.8rem}.design-page.design-family--design .design-sheet .family-card h2{font-size:clamp(1.45rem,1.3rem + .5vw,1.7rem)}.design-page.design-family--design .design-sheet .family-card p:not(.family-card-label){font-size:clamp(1.05rem,1rem + .2vw,1.15rem);line-height:1.5}.design-page.design-family--design .design-tag{z-index:-1;font-size:var(--tag-size);white-space:nowrap;pointer-events:none;user-select:none;line-height:1;position:absolute}@media (width<=900px){.design-page.design-family--design .design-tag{display:none}}.design-page.design-family--design .design-tag--in-panel{--tag-size:clamp(5rem, 9vw, 8.5rem);bottom:.08em;right:clamp(1rem,3vw,3rem)}.design-page.design-family--design .design-sheet__head{gap:.65rem;max-width:48rem;display:grid}.design-page.design-family--design .design-sheet__head h2{color:var(--ink);margin:0;font-size:clamp(2rem,1.4rem + 2vw,3rem);line-height:1.05}.design-page.design-family--design .design-kicker{color:var(--family-accent);letter-spacing:.04em;text-transform:capitalize;margin:0;font-family:IBM Plex Mono,Consolas,SF Mono,monospace;font-size:.82rem;font-weight:500}.design-page.design-family--design .design-lede{color:var(--ink-faint);margin:0;font-size:clamp(1.05rem,1rem + .3vw,1.25rem);line-height:1.5}