@font-face{font-family:Plus Jakarta Sans Variable;font-style:normal;font-weight:200 800;font-display:swap;src:url(/_astro/plus-jakarta-sans-latin-wght-normal.eXO_dkmS.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color-scheme:light;--font-sans:"Plus Jakarta Sans Variable", "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;--coral-50:#fff2ef;--coral-300:#ff836b;--coral-400:#f16046;--coral-600:#b43722;--coral-700:#912d1c;--navy-300:#99aecc;--navy-500:#6180ad;--navy-600:#476a9c;--navy-800:#1d3f70;--navy-900:#0c2b57;--navy-950:#02193c;--teal-100:#b6e8df;--teal-700:#196057;--teal-800:#134a42;--neutral-500:#857d7b;--canvas:#fdf8f7;--surface:#fffdfc;--ink:var(--navy-900);--muted:var(--navy-600);--action:var(--coral-600);--action-hover:var(--coral-700);--on-action:var(--canvas);--chip:var(--teal-100);--chip-ink:var(--navy-900);--border:var(--neutral-500);--header:color-mix(in srgb, var(--canvas) 86%, transparent);--hover:color-mix(in srgb, var(--navy-900) 6%, transparent);--glow:color-mix(in srgb, var(--coral-400) 18%, transparent);--focus:var(--navy-900);--shadow:0 1px 2px #0c2b570d, 0 10px 28px #0c2b5712;--shadow-hover:0 2px 6px #0c2b570f, 0 18px 40px #0c2b571f;--max:76rem;--radius:1.25rem;--radius-lg:1.5rem}@media (prefers-color-scheme:dark){:root{color-scheme:dark;--canvas:var(--navy-950);--surface:var(--navy-800);--ink:#fdf8f7;--muted:var(--navy-300);--action:var(--coral-400);--action-hover:var(--coral-300);--on-action:var(--navy-950);--chip:var(--teal-800);--chip-ink:var(--teal-100);--border:var(--navy-500);--header:color-mix(in srgb, var(--navy-950) 84%, transparent);--hover:#fdf8f714;--glow:color-mix(in srgb, var(--coral-400) 22%, transparent);--focus:#fdf8f7;--shadow:0 1px 2px #00000047, 0 14px 32px #00000059;--shadow-hover:0 2px 8px #00000052, 0 20px 44px #00000073}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;overflow-x:clip}body{background-color:var(--canvas);background-image:radial-gradient(ellipse 55% 38% at 100% -8%, var(--glow), transparent 68%);min-height:100vh;color:var(--ink);font-family:var(--font-sans);letter-spacing:-.014em;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background-repeat:no-repeat;flex-direction:column;margin:0;font-size:1.0625rem;font-weight:500;line-height:1.6;display:flex}::selection{background:color-mix(in srgb, var(--coral-400) 32%, transparent);color:var(--ink)}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}img{max-width:100%;height:auto}[hidden]{display:none!important}h1,h2,h3,p{margin:0}.skip{z-index:40;background:var(--canvas);color:var(--ink);border-radius:999px;padding:.45rem .75rem;font-weight:700;position:absolute;top:.75rem;left:1rem;transform:translateY(-160%)}.skip:focus{transform:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header{z-index:30;background:var(--header);box-shadow:0 1px 0 color-mix(in srgb, var(--ink) 8%, transparent);backdrop-filter:blur(16px)saturate(1.2);position:sticky;top:0}.header-inner,.footer-inner,.page{width:min(100% - 2.5rem, var(--max));margin-inline:auto}.header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.35rem 1.25rem;min-height:4.5rem;display:flex}.logo{min-height:2.75rem;color:inherit;white-space:nowrap;flex:none;align-items:center;gap:.6rem;text-decoration:none;display:inline-flex}.logo .mark{width:2rem;height:2rem}.mark-pin{fill:var(--ink)}.mark-star{fill:var(--coral-400)}.mark-light .mark-pin{fill:var(--navy-900)}.mark-dark .mark-pin{fill:#fdf8f7}.mark-light .mark-star,.mark-dark .mark-star{fill:var(--coral-400)}.logo-word,.display .brand-name{letter-spacing:-.045em;font-weight:800;line-height:1}.logo-word{font-size:1.3125rem}.logo-points{color:var(--ink)}.logo-plot{color:var(--coral-400)}.nav{flex-wrap:wrap;flex:auto;justify-content:flex-end;align-items:center;gap:.15rem;display:flex}.nav a{min-height:2.75rem;color:var(--muted);letter-spacing:-.015em;border-radius:999px;align-items:center;padding:0 .9rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:color .18s,background-color .18s,transform .18s;display:inline-flex}.nav a:hover,.nav a[aria-current=page]{color:var(--ink);background:var(--hover)}.nav a.nav-cta{background:var(--action);color:var(--on-action);box-shadow:var(--shadow);margin-left:.25rem;font-weight:700}.nav a.nav-cta:hover,.nav a.nav-cta[aria-current=page]{background:var(--action-hover);color:var(--on-action)}.menu-button{background:var(--surface);width:2.75rem;height:2.75rem;color:var(--ink);box-shadow:var(--shadow);cursor:pointer;border:0;border-radius:999px;place-items:center;padding:0;display:none}.menu-sheet{background:0 0;border:0;padding:0}.menu-sheet[open]{width:100%;max-width:none;height:100%;max-height:none;margin:0;position:fixed;inset:0;overflow:hidden}.menu-sheet::backdrop{background:color-mix(in srgb, var(--navy-950) 46%, transparent);animation:.18s menu-fade}.menu-panel{background:var(--canvas);width:min(22.5rem,100% - 2.75rem);height:100%;box-shadow:var(--shadow-hover);border-radius:1.5rem 0 0 1.5rem;flex-direction:column;margin-left:auto;padding:.65rem 1rem 1.5rem;animation:.18s menu-in;display:flex}.menu-top{justify-content:space-between;align-items:center;min-height:4.5rem;display:flex}.menu-nav{flex-direction:column;gap:.35rem;margin-top:1.25rem;display:flex}.menu-nav a{min-height:3.5rem;color:var(--ink);letter-spacing:-.03em;border-radius:1rem;align-items:center;padding:.35rem 1.05rem;font-size:1.45rem;font-weight:750;text-decoration:none;display:flex}.menu-nav a[aria-current=page]{background:var(--hover)}.menu-nav a.nav-cta{background:var(--action);min-height:3.25rem;color:var(--on-action);box-shadow:var(--shadow);border-radius:999px;justify-content:center;margin-top:.85rem;font-size:1.05rem;font-weight:700}html.menu-open,html.menu-open body{overflow:hidden}@keyframes menu-in{0%{transform:translate(1.25rem)}}@keyframes menu-fade{0%{opacity:0}}@media (width<=48rem){.nav{display:none}.menu-button{display:inline-grid}}.page{flex:1;padding-block:4.5rem 6rem}.hero{grid-template-columns:minmax(0,1.15fr) minmax(16rem,.85fr);align-items:center;gap:3.5rem;display:grid}.page-header{max-width:40rem}.eyebrow{background:var(--chip);color:var(--chip-ink);letter-spacing:-.01em;border-radius:999px;margin-bottom:1rem;padding:.32rem .7rem;font-size:.8rem;font-weight:700;line-height:1.3;display:inline-flex}.display{letter-spacing:-.048em;text-wrap:balance;font-size:clamp(2.8rem,7vw,5.25rem);font-weight:800;line-height:.96}.page-title{letter-spacing:-.042em;text-wrap:balance;font-size:clamp(2.25rem,4vw,3.35rem);font-weight:800;line-height:1.05}.lede{max-width:36rem;color:var(--muted);margin-top:1.15rem;font-size:1.125rem;font-weight:500;line-height:1.55}.actions{flex-wrap:wrap;gap:.7rem;margin-top:1.75rem;display:flex}.button{background:var(--action);min-height:3rem;color:var(--on-action);font:inherit;letter-spacing:-.02em;box-shadow:var(--shadow);border-radius:999px;justify-content:center;align-items:center;padding:.65rem 1.3rem;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .18s,box-shadow .18s,background-color .18s;display:inline-flex}.button:hover{background:var(--action-hover);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.button-ghost,.button-ghost:hover{background:var(--surface);color:var(--ink)}.hero-art{border-radius:var(--radius-lg);background:radial-gradient(circle at 78% 24%, var(--coral-300) 0 16%, transparent 17%), radial-gradient(circle at 18% 80%, var(--coral-700) 0 9%, transparent 10%), var(--coral-400);min-height:22rem;box-shadow:var(--shadow);place-items:center;display:grid}.hero-disc{aspect-ratio:1;background:#fdf8f7;border-radius:999px;place-items:center;width:min(58%,15rem);display:grid;box-shadow:0 16px 36px #0c2b5729}.hero-disc .mark{width:64%;height:64%}.hero-disc .mark-pin{fill:var(--navy-900)}.copy{max-width:40rem;margin-top:1.15rem}.copy+.copy,.lede+.copy{margin-top:.85rem}.card-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:1.15rem;margin:4.5rem 0 0;padding:0;list-style:none;display:grid}.guide-item{container-type:inline-size}.card{border-radius:var(--radius);background:var(--surface);min-height:100%;box-shadow:var(--shadow);color:inherit;flex-direction:column;padding:.55rem;text-decoration:none;transition:transform .18s,box-shadow .18s;display:flex;position:relative}a.card:hover,.card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}.card-art{background:var(--coral-50);border-radius:1rem;height:9.25rem;display:block}.art-guides{background:radial-gradient(circle at 28% 66%, var(--coral-400) 0 .42rem, transparent .48rem), radial-gradient(circle at 44% 50%, var(--coral-400) 0 .42rem, transparent .48rem), radial-gradient(circle at 62% 34%, #fdf8f7 0 .7rem, var(--coral-400) .78rem 1.15rem, transparent 1.22rem), var(--navy-900)}.art-newsletter{background:radial-gradient(circle at 72% 32%, var(--coral-400) 0 26%, transparent 27%), radial-gradient(circle at 30% 70%, var(--navy-900) 0 14%, transparent 15%), var(--coral-50)}.art-about{background:radial-gradient(circle at 58% 42%, transparent 0 22%, var(--navy-900) 23% 34%, transparent 35%), radial-gradient(circle at 34% 64%, var(--coral-400) 0 8%, transparent 9%), var(--teal-100)}.card-body{flex-direction:column;gap:.35rem;padding:1rem .85rem .95rem;display:flex}.card h2{letter-spacing:-.035em;font-size:1.35rem;font-weight:750;line-height:1.15}.card h2 a{color:inherit;text-decoration:none}.card h2 a:after{content:"";position:absolute;inset:0}.card:has(a:focus-visible),a.card:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.card h2 a:focus-visible{outline:none}.card-copy{color:var(--muted);font-weight:500}.card-go{display:none}@container (width>=40rem){.guide-item .card{grid-template-columns:11.5rem minmax(0,1fr);align-items:stretch;padding:.7rem;display:grid}.guide-item .card-art{height:auto;min-height:9rem}.guide-item .card-body{justify-content:center;padding:1.1rem 1.4rem}}.chip{background:var(--chip);width:fit-content;max-width:100%;color:var(--chip-ink);letter-spacing:-.01em;border-radius:999px;align-items:center;margin-bottom:.85rem;padding:.32rem .7rem;font-size:.78rem;font-weight:700;line-height:1.3;display:inline-flex}.meta,time{font-variant-numeric:tabular-nums}.meta{color:var(--muted);margin-top:.35rem;font-size:.875rem;font-weight:600;line-height:1.45}.finder{flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.75rem;display:flex}.search{border:1px solid var(--border);background:var(--surface);min-height:3.25rem;box-shadow:var(--shadow);border-radius:999px;flex:16rem;align-items:center;gap:.65rem;padding:0 1.05rem;display:flex}.search:focus-within{outline:2px solid var(--focus);outline-offset:3px}.search-icon{color:var(--muted);flex:none}.search input{min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;flex:1;font-weight:550}.search input:focus{outline:none}.search input::placeholder{color:var(--muted)}.pills{flex-wrap:wrap;gap:.45rem;display:flex}.filter-pill{background:var(--surface);min-height:2.75rem;color:var(--ink);box-shadow:var(--shadow);font:inherit;letter-spacing:-.015em;cursor:pointer;border:0;border-radius:999px;padding:.4rem .95rem;font-size:.92rem;font-weight:700}.filter-pill[aria-pressed=true]{background:var(--ink);color:var(--canvas)}.article{max-width:42rem;overflow-x:auto}.guide-banner{border-radius:var(--radius-lg);height:8.5rem;box-shadow:var(--shadow);margin-bottom:1.5rem}.prose{margin-top:1.75rem;font-size:1.0625rem;font-weight:500;line-height:1.7}.prose :where(p,ul,ol){margin:0 0 1rem}.marker-note{white-space:pre-wrap;font-weight:650}.prose ul,.prose ol{padding-left:1.2rem}.prose h2{letter-spacing:-.03em;margin:2rem 0 .65rem;font-size:1.35rem;font-weight:750;line-height:1.25}.prose blockquote{border-left:3px solid var(--coral-400);color:var(--ink);margin:0 0 1rem;padding:.15rem 0 .15rem 1rem}.prose table{border-collapse:collapse;width:100%;margin:0 0 1.25rem;font-size:.95rem;line-height:1.45}.prose th,.prose td{border-bottom:1px solid var(--border);text-align:left;vertical-align:top;padding:.55rem .7rem}.prose th{font-weight:750}.prose a,.text-link,.url a{color:var(--ink);text-underline-offset:.16em;font-weight:700}.text-link{align-items:center;min-height:2.75rem;display:inline-flex}.back{margin-top:2rem}.panel{border-radius:var(--radius-lg);background:var(--surface);max-width:40rem;box-shadow:var(--shadow);margin-top:2rem;padding:1.5rem 1.5rem 1.6rem}.panel .chip{margin-bottom:.9rem}.panel p+p{margin-top:.75rem}.signup h2{letter-spacing:-.035em;margin-bottom:.65rem;font-size:1.35rem;font-weight:750;line-height:1.15}.signup-action{margin-top:1.15rem}.url{overflow-wrap:anywhere;font-weight:650}.site-footer{box-shadow:0 -1px 0 color-mix(in srgb, var(--ink) 8%, transparent);margin-top:auto}.footer-inner{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1.5rem;padding-block:1.35rem 1.6rem;font-size:.92rem;font-weight:550;display:flex}.footer-nav{flex-wrap:wrap;gap:.15rem .35rem;display:flex}.footer-nav a{min-height:2.75rem;color:var(--muted);align-items:center;padding:0 .45rem;text-decoration:none;display:inline-flex}.footer-nav a:hover{color:var(--ink);text-underline-offset:.16em;text-decoration:underline}.section-title{letter-spacing:-.04em;font-size:clamp(1.7rem,3vw,2.15rem);font-weight:800;line-height:1.1}.section-copy{max-width:40rem;color:var(--muted);margin-top:.7rem}.band+.band{margin-top:4rem}.ratio-bar{height:3.25rem;box-shadow:var(--shadow);border-radius:999px;margin-top:1.25rem;display:flex;overflow:hidden}.ratio-bar span{min-width:0;display:block}.ratio-bar span:first-child{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ink) 12%, transparent)}.ratio-key{color:var(--muted);flex-wrap:wrap;gap:.75rem 1.25rem;margin-top:.75rem;font-size:.92rem;font-weight:650;display:flex}.option-head{flex-wrap:wrap;align-items:center;gap:.6rem .8rem;display:flex}.option-head .chip{margin-bottom:0}.option+.option{margin-top:2.5rem}.plates{flex-wrap:wrap;align-items:end;gap:.8rem;margin-top:1rem;display:flex}.specimen{place-items:center;display:grid}.plate-light{background:#fdf8f7}.plate-dark{background:#02193c}.specimen-lg{border-radius:1.35rem;width:10.5rem;height:10.5rem}.specimen-lg .mark{width:72%;height:72%}.specimen-32{border-radius:.8rem;width:4.25rem;height:4.25rem}.specimen-32 .mark{width:32px;height:32px}.specimen-16{border-radius:.65rem;width:3.25rem;height:3.25rem}.specimen-16 .mark{width:16px;height:16px}.specimen-label{color:var(--muted);text-align:center;margin-top:.35rem;font-size:.75rem;font-weight:700}.swatches{grid-template-columns:repeat(auto-fill,minmax(8.4rem,1fr));gap:.75rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.swatch{height:4.25rem;box-shadow:var(--shadow);border-radius:.9rem;display:block}.swatch-step,.swatch-hex,.swatch-oklch{display:block}.swatch-step{margin-top:.4rem;font-weight:800}.swatch-hex,.swatch-oklch{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.78rem;font-weight:600}.table-scroll{overflow-x:auto}.token-table{border-collapse:collapse;width:100%;margin-top:1.1rem;font-size:.92rem}.token-table th,.token-table td{border-bottom:1px solid color-mix(in srgb, var(--ink) 10%, transparent);text-align:left;vertical-align:top;padding:.75rem .6rem}.token-table th{letter-spacing:.02em;font-size:.75rem;font-weight:800}.chip-dot{vertical-align:-.05rem;border-radius:999px;width:.75rem;height:.75rem;margin-right:.35rem;display:inline-block;box-shadow:inset 0 0 0 1px #0c2b5726}.file-list{margin:.8rem 0 0;padding-left:1.15rem}.file-list a{font-weight:700}@media (width<=56rem){.hero{grid-template-columns:1fr;gap:1.75rem}.hero-art{order:-1;min-height:16rem}}@media (width>=64rem){.page{padding-top:5.25rem}}@media (width<=40rem){.header-inner,.footer-inner,.page{width:min(100% - 1.5rem, var(--max))}.page{padding-block:2.5rem 4rem}.card-grid{margin-top:2.5rem}.footer-inner{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.card:hover,a.card:hover,.button:hover,.menu-panel{transform:none}.menu-panel,.menu-sheet::backdrop{animation:none}}