@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Mono:wght@400;500&family=Instrument+Serif:ital@0;1&display=swap";:root{--ink:#10232a;--paper:#f3eee5;--white:#fffcf5;--rust:#ad5038;--muted:#536267;--line:#c9c7bb;--yellow:#eac66e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.57 DM Sans,system-ui,sans-serif}a{color:inherit;text-underline-offset:.2em}a:hover{color:var(--rust)}button,input{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--rust);outline-offset:3px}img{max-width:100%;height:auto;display:block}header,main,footer{max-width:1300px;margin:auto;padding:0 clamp(20px,4.5vw,72px)}header{position:sticky;top:0;z-index:10;background:var(--paper);border-bottom:1px solid var(--ink)}.mast{height:63px;display:flex;align-items:center;justify-content:space-between;gap:20px;font:500 11px DM Mono,monospace;text-transform:uppercase;letter-spacing:.1em}.mast a{text-decoration:none}.mast .brand{margin-right:auto}.mast button{border:1px solid var(--ink);border-radius:20px;background:transparent;padding:7px 12px;font:inherit;text-transform:none}.eyebrow{font:500 11px DM Mono,monospace;text-transform:uppercase;letter-spacing:.14em;color:var(--rust);margin:0 0 17px}h1,h2,h3,blockquote{font-family:"Instrument Serif",Georgia,serif;font-weight:400;line-height:1.04;letter-spacing:-.025em}h1{font-size:clamp(62px,7.5vw,118px);max-width:850px;margin:0 0 28px}h2{font-size:clamp(50px,6vw,86px);margin:0 0 25px}h3{font-size:clamp(30px,3.5vw,46px);margin:0 0 14px}p{margin:0 0 18px}p:last-child{margin-bottom:0}.hero{display:grid;grid-template-columns:1.25fr .8fr;gap:60px;align-items:center;padding:65px 0 55px}.hero figure{margin:0}.hero img{width:100%;border-radius:50%;transform:rotate(-5deg);box-shadow:0 30px 70px #10232a26;transition:transform .7s}.hero img:hover{transform:rotate(0)}.hero figcaption,.fine,.key{font-size:13px;color:var(--muted)}.hero figcaption{margin-top:18px}.lede{font-size:clamp(20px,2vw,26px);line-height:1.4;max-width:650px}.note,.callout{background:#e8e0d1;padding:23px 29px;border-left:5px solid var(--rust);max-width:900px;font-size:15px}.note{max-width:none;margin-bottom:45px}.nav{display:flex;overflow-x:auto;gap:0;background:var(--ink);color:#fff;margin:0 calc(-1*clamp(20px,4.5vw,72px));padding:0 clamp(20px,4.5vw,72px);position:sticky;top:63px;z-index:9;white-space:nowrap}.nav button{flex:none;background:none;color:#bbc7c5;border:0;border-bottom:3px solid transparent;padding:18px;font:500 11px DM Mono,monospace;text-transform:uppercase;letter-spacing:.06em}.nav button[aria-selected=true]{color:#fff;border-bottom-color:var(--yellow);background:#ffffff12}.section{display:none;padding:70px 0 95px;min-height:630px;animation:enter .4s ease both}.section.active{display:block}@keyframes enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.section>p{max-width:850px}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:30px 0}.story-quote{background:var(--rust);color:#fff;padding:clamp(28px,4vw,55px)}.story-quote .eyebrow{color:var(--yellow)}blockquote{font-size:clamp(40px,4.5vw,64px);margin:10px 0 40px}.story-copy{padding:clamp(27px,4vw,50px);background:var(--white);border:1px solid var(--line)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0}.grid.two{grid-template-columns:repeat(2,1fr)}.card{background:var(--white);border:1px solid var(--line);padding:23px}.card img{width:100%;height:230px;object-fit:contain;background:#ebe9e1;margin-bottom:15px}.card figcaption{font-size:13px}.card p{font-size:15px}.test-grid figure{margin:0}.test-grid figure:first-child img{object-fit:contain}.test-grid figure:nth-child(2) img{object-fit:cover}.demo{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;background:var(--white);border:1px solid var(--line);padding:clamp(24px,4vw,45px);margin:28px 0}.demo label{display:block;font-size:13px;margin:12px 0}.demo input[type=range]{display:block;width:100%;accent-color:var(--rust)}button:not(.nav button):not(.mast button):not(#search-close):not(.hue-tile){border:1px solid var(--ink);border-radius:25px;background:var(--ink);color:#fff;padding:9px 15px;font:500 12px DM Mono,monospace;margin:6px 0 15px}button[aria-pressed=true]:not(.nav button){background:var(--rust);border-color:var(--rust)}.plate-interactive{position:relative;width:min(100%,350px);justify-self:center}.plate-interactive img{border-radius:50%}.plate-interactive span{position:absolute;inset:0;display:grid;place-items:center;color:#fff;text-shadow:0 6px 25px var(--ink);font:140px "Instrument Serif",serif;opacity:0;transition:opacity .35s}.plate-interactive.revealed span{opacity:.9}#hue-tray{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;background:#e4e5db;padding:27px;border-radius:7px}.hue-tile{height:75px;width:43px;border:3px solid white;box-shadow:0 3px 7px #0003;border-radius:5px;transition:transform .2s}.hue-tile:hover{transform:translateY(-7px)}.hue-tile[aria-pressed=true]{outline:3px solid var(--ink)}.match{display:grid;grid-template-columns:1fr 1fr;min-height:190px}.match div{display:grid;place-items:center;text-align:center;font:11px DM Mono,monospace}.mirror{height:210px;background:var(--ink);color:#fff;display:grid;place-items:center;text-align:center;font:700 38px/1.2 DM Sans,sans-serif;letter-spacing:.2em;transform:scaleX(-1);margin:15px 0}.mirror.on{transform:none}.butterfly{height:210px;background:#dbe7e2;display:grid;place-items:center;font-size:95px;filter:drop-shadow(10px 10px 5px #3338);transition:transform .4s,filter .4s;margin:15px 0}.butterfly.on{transform:translateY(-18px) rotate(7deg);filter:drop-shadow(35px 35px 6px #3338)}.button-row{display:flex;flex-wrap:wrap;gap:6px}.cone-scene{height:290px;background:var(--ink);position:relative;display:grid;place-items:center;overflow:hidden}.spectrum{height:115px;width:90%;border-radius:90px;background:linear-gradient(90deg,#644996,#4b70b4,#4b9b95,#b2bd5d,#e4ab48,#d65e40);box-shadow:0 0 70px #ffffff2a}.cones{position:absolute;bottom:20px;display:flex;gap:12px}.cones span{width:60px;height:60px;border-radius:50%;background:#10232ac9;border:2px solid white;color:#fff;display:grid;place-items:center;font:20px DM Mono,monospace;transition:transform .5s,opacity .5s}.cones span:nth-child(2){border-color:#a5c67d}.cones span:nth-child(3){border-color:#df8c76}.cone-scene.overlap .cones span:nth-child(2){transform:translate(20px)}.cone-scene.overlap .cones span:nth-child(3){transform:translate(-20px)}.cone-scene.absent .cones span:nth-child(2){opacity:.13}.inherit-card{background:#dfe7df;padding:28px;font-size:19px}.chrom{display:inline-grid;place-items:center;width:43px;height:55px;background:#a5c5b5;border-radius:8px;font:28px "Instrument Serif",serif}.chrom.variant{background:var(--rust);color:#fff}.arrow{text-align:center;font-size:45px;color:var(--rust)}.dot{display:inline-block;width:25px;height:25px;border-radius:50%;vertical-align:middle;margin-right:8px}.dot.red{background:#ad5038}.dot.green{background:#699b7a}.history strong{font:55px "Instrument Serif",serif;color:var(--rust)}.source-list{padding-left:25px;max-width:950px}.source-list li{padding:10px 0;border-bottom:1px solid var(--line);font-size:15px}.question-box{background:var(--ink);color:#fff;padding:35px;margin-top:45px;max-width:900px}.question-box .eyebrow{color:var(--yellow)}.question-link{display:inline-block;padding:11px 18px;background:var(--yellow);color:var(--ink);text-decoration:none;border-radius:25px;font-weight:700}footer{background:var(--ink);color:#fff;max-width:none;padding:55px max(clamp(20px,4.5vw,72px),calc((100vw - 1156px)/2));font-size:15px}footer a{color:#fff}#search-dialog{position:fixed;z-index:40;inset:0;background:#10232add;display:grid;place-items:start center;padding:12vh 20px}.search-box{background:var(--white);width:min(650px,100%);padding:27px;max-height:75vh;overflow:auto}.search-box label{font:14px DM Mono,monospace}.search-box input{display:block;width:100%;margin:15px 0;font-size:22px;padding:10px;background:transparent;border:0;border-bottom:2px solid var(--ink)}#search-close{float:right;background:transparent;border:0;font-size:25px}#search-results button{display:block;text-align:left;width:100%;background:none;border:0;border-top:1px solid var(--line);padding:12px;font-size:15px}#search-results button:hover{background:#eee6d6}[hidden]{display:none!important}@media(max-width:850px){.hero{grid-template-columns:1fr;gap:30px}.hero figure{width:min(450px,80%);margin:auto}.story-grid,.demo,.grid.two,.grid{grid-template-columns:1fr}.section{padding:50px 0}.nav{top:63px}.hero{padding:48px 0 35px}}@media(max-width:550px){h1{font-size:58px}.mast>a:not(.brand){display:none}.hero figure{width:95%}.nav button{padding:14px 11px}.test-grid img{height:190px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.atlas-intro{margin:2rem 0 1rem;padding:1.5rem;background:#e7efe9;border-left:5px solid #3c785f}.test-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin-top:1.1rem}.test-picker button{text-align:left;min-height:4.4rem;background:#f8f7f0;border:1px solid #b7c8bb;color:#173137;padding:.7rem 1rem;border-radius:.35rem;font-weight:700;cursor:pointer}.test-picker small{display:block;letter-spacing:.1em;color:#507363;margin-bottom:.3rem}.test-picker button[aria-pressed=true]{background:#153a3d;color:#fff}.test-picker button[aria-pressed=true] small{color:#e9d0a0}.atlas-panel{border:1px solid #b7c8bb;background:#fffdf7;margin:0 0 2rem;scroll-margin-top:2rem}.atlas-panel[hidden]{display:none}.atlas-head{padding:1.5rem 1.6rem;background:#16363b;color:#fff}.atlas-head .eyebrow{color:#e8c995}.atlas-head h3{color:#fff;margin:.4rem 0 0}.atlas-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.atlas-fields>div{padding:1.15rem 1.6rem;border-bottom:1px solid #d8dfd6}.atlas-fields>div:nth-child(odd){border-right:1px solid #d8dfd6}.atlas-fields h4{margin:0 0 .5rem;color:#316b58;font:700 .82rem/1.3 sans-serif;letter-spacing:.08em;text-transform:uppercase}.atlas-fields p{margin:0;line-height:1.55}.atlas-source{padding:1rem 1.6rem;margin:0;background:#eef3ed}.deep-section{border-top:2px solid #bed2c5;margin-top:3rem;padding-top:2rem}.deep-section .card{height:auto}.deep-section h3{margin-top:2rem}.deep-section li{margin:.4rem 0}.lineage{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:.5rem;background:#e6eee7;padding:1rem}.lineage>div{background:#fff;padding:1rem;min-height:8rem}.lineage b,.lineage small{display:block}.lineage b{margin:.6rem 0;font-size:1.3rem}.lineage>span{font-size:1.5rem;color:#40725d}.ledger{border:1px solid #c6d4c9}.ledger>div{display:grid;grid-template-columns:minmax(9rem,1fr) 3fr;border-bottom:1px solid #c6d4c9}.ledger>div:first-child{background:#173b3e;color:#fff}.ledger>div:last-child{border:0}.ledger b,.ledger span{padding:.8rem;display:block}.ledger b:first-child,.ledger span:first-child{border-right:1px solid #c6d4c9}.glossary{display:grid;grid-template-columns:10rem 1fr;gap:.5rem 1rem}.glossary dt{font-weight:700;color:#386e58}.glossary dd{margin:0 0 .8rem}.atlas-panel a,.deep-section a{overflow-wrap:anywhere}#copy-status{margin-left:.8rem}@media(max-width:720px){.test-picker,.atlas-fields{grid-template-columns:1fr}.atlas-fields>div:nth-child(odd){border-right:0}.lineage{grid-template-columns:1fr}.lineage>span{transform:rotate(90deg);justify-self:center}.ledger>div{grid-template-columns:1fr}.ledger b:first-child,.ledger span:first-child{border-right:0;border-bottom:1px solid #c6d4c9}.glossary{grid-template-columns:1fr}}.atlas-panel{scroll-margin-top:9rem}.atlas-visual{margin:0;padding:1.4rem;background:#f0f1e9;display:grid;grid-template-columns:minmax(0,1fr) minmax(15rem,.6fr);gap:1.5rem;align-items:center;border-bottom:1px solid #d8dfd6}.atlas-visual img,.atlas-visual svg{display:block;max-width:100%;max-height:270px;object-fit:contain;margin:auto}.atlas-visual figcaption{font-size:.85rem;line-height:1.5;color:#415a54}@media(max-width:720px){.atlas-visual{grid-template-columns:1fr}}.atlas-panel{scroll-margin-top:15rem}.atlas-panel>.demo{margin:1.5rem}.atlas-panel>.card{margin:1.5rem}.atlas-visual button{display:block;margin:.8rem 0}.atlas-visual svg.traced path:first-of-type{stroke-width:10;filter:drop-shadow(0 0 7px #f2bd73)}.test-picker button{background:#fffdf7!important;color:#153a3d!important;border:1px solid #a9bdb2!important;border-radius:6px!important;padding:.75rem 1rem!important;margin:0!important;font:600 .84rem/1.35 DM Mono,monospace!important}.test-picker button:hover{background:#e3eee7!important}.test-picker button[aria-pressed=true]{background:#153a3d!important;color:#fff!important;border:2px solid #eac66e!important}.test-picker button[aria-pressed=true] small{color:#eac66e}