.b-wrap{display:grid;gap:clamp(2.5rem,6vw,5rem);padding-block:clamp(2rem,6vw,5rem)}.b-head{display:grid;gap:1.25rem;max-width:60ch}.b-head .k-lede{max-width:48ch}.b-group{display:grid;gap:clamp(1.25rem,3vw,2rem)}.b-group-h{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.75rem 2rem;border-top:1px solid var(--k-ink);padding-top:.9rem}.k-on-ink .b-group-h,.k-on-mag .b-group-h{border-top-color:#efeae166}.k .b-group-h h3{font-size:clamp(1.15rem,1.8vw,1.5rem)}.b-group-h .k-fine{max-width:52ch}.b-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(15rem,100%),1fr));gap:clamp(1.25rem,2.5vw,2rem)}.b-grid-wide{grid-template-columns:repeat(auto-fill,minmax(min(19rem,100%),1fr))}.b-tile{position:relative;display:grid;gap:.75rem;align-content:start}.b-art{position:relative;display:grid;place-items:center;aspect-ratio:4 / 3;border:1px solid var(--k-stock-2)}.b-art[data-on=ink]{background:var(--k-ink);border-color:var(--k-ink)}.b-art[data-on=magenta]{background:var(--k-mag);border-color:var(--k-mag)}.b-art[data-on=stock]{background:var(--k-stock)}.k-on-ink .b-art[data-on=stock]{border-color:var(--k-stock)}.b-art svg{display:block;width:62%;height:auto;max-height:70%}.b-art[data-kind=monogram] svg,.b-art[data-kind=monogram-tile] svg{width:38%}.b-art[data-kind=square] svg{width:52%}.b-art[data-kind=landscape] svg{width:82%}.b-art[data-kind=portrait] svg{width:auto;height:82%;max-height:82%}.b-art[data-kind=square] svg,.b-art[data-kind=landscape] svg,.b-art[data-kind=portrait] svg{outline:1px solid rgba(20,17,22,.12)}.b-art[data-on=ink] [data-kind] svg{outline-color:#efeae129}.b-tile-meta{display:grid;gap:.3rem}.k .b-tile-meta h4,.k .b-tile-meta .b-tile-t{font-weight:700;font-size:.95rem;letter-spacing:-.01em;line-height:1.2;margin:0}.b-tile-meta .k-fine{font-size:.8rem}.b-dim{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--k-ink-2);font-variant-numeric:tabular-nums}.k-on-ink .b-dim,.k-on-mag .b-dim,.k-on-ink .b-tile-meta .k-fine,.k-on-mag .b-tile-meta .k-fine{color:#efeae1a8}.b-rail{position:absolute;inset:auto .6rem .6rem .6rem;display:flex;flex-wrap:wrap;gap:.4rem;opacity:0;transform:translateY(6px);transition:opacity .35s var(--k-ease),transform .45s var(--k-ease);pointer-events:none}.b-tile:hover .b-rail,.b-tile:focus-within .b-rail{opacity:1;transform:none;pointer-events:auto}@media (hover: none){.b-rail{opacity:1;transform:none;pointer-events:auto}}@media (prefers-reduced-motion: reduce){.b-rail{transition:none}}.k .b-chip,.b-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--k-ink);background:var(--k-stock);color:var(--k-ink);font:inherit;font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;line-height:1;padding:.5rem .65rem;border-radius:9999px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:.35rem;transition:background .3s var(--k-ease),color .3s var(--k-ease),border-color .3s var(--k-ease)}.k .b-chip:hover,.k .b-chip:focus-visible,.b-chip:hover,.b-chip:focus-visible{background:var(--k-ink);color:var(--k-stock);border-color:var(--k-ink);outline:none}.b-chip:focus-visible{box-shadow:0 0 0 3px var(--k-mag)}.k .b-chip[data-copied=true],.b-chip[data-copied=true]{background:var(--k-mag);border-color:var(--k-mag);color:var(--k-stock)}.b-chip [data-copy-done]{display:none}.b-chip[data-copied=true] [data-copy-done]{display:inline}.b-chip[data-copied=true] [data-copy-idle]{display:none}.b-rail-static{display:flex;flex-wrap:wrap;gap:.5rem}.b-swatch{aspect-ratio:5 / 4;border:1px solid var(--k-stock-2);position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:1rem}.k-on-ink .b-swatch{border-color:#efeae133}.b-swatch b{font-weight:900;font-size:clamp(1.15rem,1.6vw,1.5rem);letter-spacing:-.03em;line-height:1}.b-swatch code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem;letter-spacing:.04em}.b-contrast{display:flex;flex-wrap:wrap;gap:.35rem .9rem;font-size:.72rem;letter-spacing:.06em;color:var(--k-ink-2);font-variant-numeric:tabular-nums}.b-contrast i{display:inline-block;width:.6rem;height:.6rem;border-radius:9999px;border:1px solid rgba(20,17,22,.25);vertical-align:-1px;margin-right:.3rem;font-style:normal}.b-faces{display:grid}.b-face{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem 2rem;align-items:baseline;padding:1.25rem 0 1.5rem;border-top:1px solid var(--k-stock-2)}.k-on-ink .b-face{border-top-color:#efeae147}@media (min-width: 60rem){.b-face{grid-template-columns:13rem minmax(0,1fr)}.b-face .b-rail{inset:auto 0 1.25rem auto}}.b-face-n{display:grid;gap:.3rem;align-content:start}.k .b-face-n b{font-weight:700;font-size:.95rem}.b-face-s{font-size:clamp(2rem,5.2vw,4.6rem);line-height:1;letter-spacing:-.03em;overflow-wrap:anywhere;padding-right:0}.b-face{padding-bottom:3.4rem}@media (min-width: 60rem){.b-face{padding-bottom:1.5rem}.b-face-s{padding-right:20rem}}.b-roles{display:grid}.b-role{position:relative;display:grid;gap:.6rem;padding:1.25rem 0 3.2rem;border-top:1px solid var(--k-stock-2)}.k-on-ink .b-role{border-top-color:#efeae147}.b-role .b-rail{inset:auto 0 1.25rem auto}.b-role-s{color:inherit;overflow-wrap:anywhere}.b-role-s i{font-style:italic;color:var(--k-mag)}.k-on-ink .b-role-s i{color:var(--k-mag-text-on-ink)}.b-role code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem;color:var(--k-ink-2);overflow-wrap:anywhere}.k-on-ink .b-role code{color:#efeae1a8}.b-blocks{display:grid;gap:clamp(1.5rem,3vw,2.5rem)}.b-block{position:relative;display:grid;gap:.75rem;border-top:1px solid var(--k-stock-2);padding-top:1rem}.k-on-ink .b-block{border-top-color:#efeae147}.b-block-h{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem 1.5rem}.k .b-block-h h3{font-size:clamp(1.1rem,1.6vw,1.35rem)}.b-block pre{margin:0;max-height:24rem;overflow:auto;border:1px solid var(--k-stock-2);padding:1rem 1.1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.78rem;line-height:1.55;-moz-tab-size:2;-o-tab-size:2;tab-size:2;color:var(--k-ink);background:#14111608;scrollbar-width:thin}.k-on-ink .b-block pre{border-color:#efeae133;background:#efeae10d;color:var(--k-stock)}.b-block .b-rail-static{justify-content:flex-start}.b-rules{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(18rem,100%),1fr));gap:1rem 2.5rem}.b-rules li{border-top:1px solid var(--k-stock-2);padding-top:.75rem;font-size:.9rem;color:var(--k-ink-2)}.b-rules li b{color:var(--k-ink);font-weight:700;display:block;margin-bottom:.2rem}.k-on-ink .b-rules li{border-top-color:#efeae147;color:#efeae1b8}.k-on-ink .b-rules li b{color:var(--k-stock)}.k-on-ink .b-head .k-lede,.k-on-ink .b-group-h .k-fine{color:#efeae1b8}.k-on-ink .b-contrast{color:#efeae1a8}.b-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.b-menu{position:relative}.b-menu>summary{list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.b-menu>summary::-webkit-details-marker{display:none}.b-caret{width:.45em;height:.45em;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-.15em) rotate(45deg);transition:transform .3s var(--k-ease)}.b-menu[open]>summary .b-caret{transform:translateY(.1em) rotate(225deg)}.k .b-menu[open]>summary,.b-menu[open]>summary{background:var(--k-ink);color:var(--k-stock);border-color:var(--k-ink)}.b-menu-list{position:absolute;z-index:5;left:0;bottom:calc(100% + .4rem);min-width:15rem;max-width:min(22rem,calc(100vw - 3rem));margin:0;padding:.35rem;list-style:none;background:var(--k-stock);color:var(--k-ink);border:1px solid var(--k-ink);display:grid;box-shadow:0 12px 30px -12px #14111659}.b-menu[data-align=right] .b-menu-list{left:auto;right:0}.b-menu[data-drop=down] .b-menu-list{bottom:auto;top:calc(100% + .4rem)}.k .b-menu-list a,.b-menu-list a,.b-menu-list button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;width:100%;text-align:left;font:inherit;font-size:.8rem;color:inherit;cursor:pointer;text-decoration:none;display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.55rem .7rem;border-top:1px solid var(--k-stock-2);transition:color .25s var(--k-ease),background .25s var(--k-ease)}.b-menu-list li:first-child a,.b-menu-list li:first-child button{border-top:0}.k .b-menu-list a:hover,.k .b-menu-list a:focus-visible,.b-menu-list a:hover,.b-menu-list button:hover,.b-menu-list a:focus-visible,.b-menu-list button:focus-visible{color:var(--k-mag-text);background:#e81b760f;outline:none}.b-menu-list a:focus-visible,.b-menu-list button:focus-visible{box-shadow:inset 0 0 0 2px var(--k-mag)}.b-menu-list small{font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--k-ink-2);white-space:nowrap}.b-menu-list button [data-copy-done]{display:none}.b-menu-list button[data-copied=true] [data-copy-done]{display:inline;color:var(--k-mag-text)}.b-menu-list button[data-copied=true] [data-copy-idle]{display:none}.b-tile:has(.b-menu[open]) .b-rail,.b-face:has(.b-menu[open]) .b-rail,.b-role:has(.b-menu[open]) .b-rail{opacity:1;transform:none;pointer-events:auto}.b-tile:has(.b-menu[open]),.b-face:has(.b-menu[open]),.b-role:has(.b-menu[open]){z-index:6}.b-tag{display:inline-block;margin-left:.5rem;padding:.15rem .45rem;border:1px solid currentColor;border-radius:9999px;font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;vertical-align:1px}.b-nav-rail{display:none}.b-nav-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(12rem,100%),1fr));gap:.5rem 2rem}.b-nav-list a{display:flex;align-items:baseline;gap:.75rem;padding:.7rem 0;border-top:1px solid var(--k-stock-2);font-weight:700;transition:color .3s var(--k-ease)}.b-nav-list a:hover,.b-nav-list a:focus-visible{color:var(--k-mag-text)}.b-nav-n{font-size:.65rem;letter-spacing:.28em;color:var(--k-mag-text);font-variant-numeric:tabular-nums}@media (min-width: 90rem){.b-nav-inflow{display:none}.b-nav-rail{display:grid;gap:.2rem;position:fixed;z-index:38;left:var(--k-pad);top:50%;transform:translateY(calc(-50% + var(--b-nav-shift, 0px)));width:10.5rem;font-family:Refoke,system-ui,sans-serif;color:var(--k-ink);transition:color .5s var(--k-ease)}.b-nav-rail[data-over=ink],.b-nav-rail[data-over=mag],.b-nav-rail[data-over=magenta]{color:var(--k-stock)}.b-nav-rail .b-ref{font-size:.6rem;letter-spacing:.32em;text-transform:uppercase;opacity:.55;margin-bottom:.6rem}.b-nav-rail a{display:flex;align-items:baseline;gap:.6rem;padding:.3rem 0;font-size:.85rem;font-weight:700;letter-spacing:-.01em;opacity:.55;transition:opacity .3s var(--k-ease),color .3s var(--k-ease),transform .4s var(--k-ease)}.b-nav-rail a:hover,.b-nav-rail a:focus-visible,.b-nav-rail a[aria-current=true]{opacity:1;transform:translate(3px)}.b-nav-rail a[aria-current=true] .b-nav-n,.b-nav-rail a:hover .b-nav-n{color:var(--k-mag)}.b-nav-rail[data-over=ink] a[aria-current=true] .b-nav-n,.b-nav-rail[data-over=ink] a:hover .b-nav-n{color:var(--k-mag-text-on-ink)}.b-nav-rail[data-over=mag] .b-nav-n,.b-nav-rail[data-over=magenta] .b-nav-n{color:var(--k-ink)}.b-nav-rail a:focus-visible{outline:2px solid var(--k-mag);outline-offset:3px}.b-nav-rail .b-nav-n{color:var(--k-ink-2)}.b-nav-rail[data-over=ink] .b-nav-n{color:#efeae199}}@media (prefers-reduced-motion: reduce){.b-nav-rail a,.b-nav-list a,.b-caret{transition:none}}