:root{color-scheme:light dark;--paper:#f5f2e9;--ink:#202f42;--muted:#536477;--accent:#345e87;--rule:#d2dbe3;--white:#fffdf8;--hover:#285f99;--focus:#a45d24;--work:#e5edf4;--section-rule:#c6d5e2;--edge:#afc4d6;--dot:#3c6991;--concept:#d0dfec;--art:#7c98b1;--art-label:#536b82;--art-rule:#d8e3ec;--art-focus:#7894ad;--art-top:#7e9db9;--art-ink:#365e83;--caption:#4c647d;--contact-rule:#a9bed0;--button-bg:#202f42;--button-ink:#fffdf8;--button-hover:#345e87;--button-hover-ink:#ffffff}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--paper:#111c2a;--ink:#edf2f8;--muted:#b3c2d3;--accent:#9ac8f2;--rule:#34485f;--white:#1c2c40;--hover:#c1dfff;--focus:#b8d9fa;--work:#172638;--section-rule:#3e546c;--edge:#637f9a;--dot:#9ac8f2;--concept:#24394f;--art:#7fa4c8;--art-label:#bfd1e3;--art-rule:#475f79;--art-focus:#8cb3d9;--art-top:#82afd7;--art-ink:#aed3f5;--caption:#c0d0e1;--contact-rule:#7193b3;--button-bg:#a9cef1;--button-ink:#142235;--button-hover:#c3dff9;--button-hover-ink:#142235}}
:root[data-theme="dark"]{color-scheme:dark;--paper:#111c2a;--ink:#edf2f8;--muted:#b3c2d3;--accent:#9ac8f2;--rule:#34485f;--white:#1c2c40;--hover:#c1dfff;--focus:#b8d9fa;--work:#172638;--section-rule:#3e546c;--edge:#637f9a;--dot:#9ac8f2;--concept:#24394f;--art:#7fa4c8;--art-label:#bfd1e3;--art-rule:#475f79;--art-focus:#8cb3d9;--art-top:#82afd7;--art-ink:#aed3f5;--caption:#c0d0e1;--contact-rule:#7193b3;--button-bg:#a9cef1;--button-ink:#142235;--button-hover:#c3dff9;--button-hover-ink:#142235}
:root[data-theme="light"]{color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.wrap{max-width:1200px;margin:auto;padding-left:48px;padding-right:48px}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--hover)}a:focus-visible{outline:3px solid var(--focus);outline-offset:6px}.skip{position:absolute;left:20px;top:-100px;background:var(--white);padding:10px;z-index:5}.skip:focus{top:10px}header{height:122px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--rule)}.brand{display:grid;grid-template-columns:44px auto;grid-template-rows:22px 17px;text-decoration:none;font-size:17px;font-weight:650;letter-spacing:2px;line-height:1.2}.brand img{grid-row:1/3;align-self:center}.brand span{font-size:10px;letter-spacing:5px}nav{display:flex;gap:34px;font-size:14px}nav a{text-decoration:none;min-height:44px;display:flex;align-items:center;gap:12px}.hero{padding-top:74px;padding-bottom:0}.eyebrow,.index{font-size:11px;letter-spacing:2.3px;font-weight:650}.eyebrow{margin:0 0 26px}.hero h1{font:normal clamp(60px,8vw,112px)/1.02 Georgia,serif;letter-spacing:-5px;margin:0 0 42px}em{font-weight:normal;color:var(--accent)}.hero-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px}.hero-bottom p{color:var(--muted);margin:0;font-size:18px}.button{display:inline-flex;gap:42px;background:var(--button-bg);color:var(--button-ink);padding:14px 20px;text-decoration:none;font-size:14px;white-space:nowrap}.button:hover{background:var(--button-hover);color:var(--button-hover-ink)}.line-art{color:var(--art);margin-top:34px;height:130px;overflow:hidden}.line-art svg{width:100%;height:100%}.work{background:var(--work);padding:54px 0 70px}.section-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--section-rule);margin-bottom:48px}.index{font-size:10px;letter-spacing:1.3px;color:var(--muted);margin-bottom:26px}.project{display:grid;grid-template-columns:1fr 1.12fr;gap:80px;align-items:center}.status{font-size:11px;border:1px solid var(--edge);border-radius:20px;padding:6px 11px;display:inline-flex;align-items:center;gap:8px}.status i{width:6px;height:6px;border-radius:50%;background:var(--dot)}h2{font:normal 49px/1.13 Georgia,serif;letter-spacing:-1.7px;margin:24px 0}.project-copy .large{font-size:23px;line-height:1.4;color:var(--ink)}.project-copy p{font-size:15px;color:var(--muted);max-width:390px}.text-link{display:inline-block;margin-top:16px;font-size:13px;font-weight:600}.concept{margin:0;padding:36px 28px 18px;background:var(--concept);border-radius:3px;position:relative;min-height:475px}.page-sheet{position:relative;min-height:247px;background:var(--white);width:72%;margin:auto;padding:20px 22px;box-shadow:0 8px 16px #243b550a;transform:rotate(-5deg)}.paper-label{font-size:6px;letter-spacing:1.4px;color:var(--art-label)}.paper-lines{margin-top:25px}.paper-lines span{display:block;width:80%;border-bottom:1px solid var(--art-rule);margin:13px 0}.paper-lines span:nth-child(2){width:62%}.focus-box{position:absolute;left:18%;right:12%;bottom:50px;height:45px;border:1px dashed var(--art-focus)}.scribble{position:absolute;width:65%;bottom:42px}.writing-sheet{background:var(--white);padding:20px 22px;margin-top:-5px;position:relative;transform:rotate(2deg);border-top:3px solid var(--art-top);box-shadow:0 10px 22px #243b5515}.writing-sheet span{font-size:7px;letter-spacing:2px;color:var(--art-label)}.writing-sheet svg{display:block;width:100%;height:100px;color:var(--art-ink)}.concept figcaption{font-size:10px;color:var(--caption);text-align:center;margin-top:25px}.about{display:grid;grid-template-columns:1fr 2fr;gap:45px;padding-top:100px;padding-bottom:100px}.about .eyebrow{padding-top:10px}.about h2{margin-top:0}.about p:not(.eyebrow){max-width:590px;color:var(--muted);font-size:17px}.contact{border-top:1px solid var(--rule);padding-top:60px;padding-bottom:75px}.contact h2{font-size:38px}.contact>a{font-size:clamp(21px,3vw,31px);text-decoration:none;border-bottom:1px solid var(--contact-rule);padding-bottom:9px;display:inline-block}.contact p:last-child{font-size:14px;color:var(--muted);margin-top:23px}footer{border-top:1px solid var(--rule);padding-top:25px;padding-bottom:30px;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--muted)}footer div{display:flex;gap:25px}.footer-note{font-style:italic}.document{max-width:800px;padding-top:70px;padding-bottom:90px}.document h1{font:normal 58px/1.1 Georgia,serif;letter-spacing:-2px;margin:0 0 25px}.document h2{font:normal 27px/1.3 Georgia,serif;margin-top:35px;letter-spacing:-.3px}.document p,.document li{color:var(--muted)}.document .lead{font-size:21px;color:var(--ink)}@media(max-width:760px){.wrap{padding-left:24px;padding-right:24px}header{height:96px}nav{gap:16px;font-size:12px}.brand{font-size:13px;grid-template-columns:36px auto}.brand img{width:28px}.brand span{font-size:9px;letter-spacing:3px}.hero{padding-top:49px}.hero h1{letter-spacing:-2.7px;font-size:65px;margin-bottom:30px}.hero-bottom{display:block}.hero-bottom p{font-size:16px}.button{margin-top:26px}.line-art{height:90px}.project{grid-template-columns:1fr;gap:35px}.work{padding-top:35px}.project-copy p{max-width:100%}.concept{min-height:440px;padding:28px 24px 15px}.about{grid-template-columns:1fr;gap:15px;padding-top:60px;padding-bottom:60px}h2{font-size:42px}.about .eyebrow{margin-bottom:12px}.contact{padding-top:45px;padding-bottom:50px}.contact h2{font-size:34px}footer{flex-wrap:wrap;font-size:11px}.footer-note{display:none}.document h1{font-size:46px}.index{font-size:9px;letter-spacing:.5px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:420px){header{height:auto;min-height:112px;flex-wrap:wrap;padding-top:20px;padding-bottom:12px;gap:10px}nav{width:100%;justify-content:space-between;gap:10px}nav a{min-height:38px}.hero h1{font-size:clamp(48px,15vw,65px)}.section-top{align-items:flex-start;gap:15px}.index{text-align:right}.concept{padding-left:15px;padding-right:15px;min-height:390px}.page-sheet{width:82%;min-height:210px}}

.external-arrow{display:inline-block;width:8px;height:8px;border-top:1px solid currentColor;border-right:1px solid currentColor;margin:0 3px 0 7px;position:relative}.external-arrow:after{content:"";position:absolute;width:11px;height:1px;background:currentColor;transform:rotate(-45deg);right:-2px;top:3px}

/* 1.0 readability, responsive detail and input accessibility */
nav a{min-height:44px}footer a{display:inline-flex;align-items:center;min-height:44px}footer{align-items:center}.brand{min-height:44px;align-content:center}.contact>a{overflow-wrap:anywhere}.concept figcaption{font-size:12px;line-height:1.6}.paper-label,.writing-sheet span{font-size:9px}.product-intro{max-width:1000px}.product-intro h1{font-size:clamp(42px,6vw,72px)}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.product-grid p{color:var(--muted);max-width:480px}.diagram{margin:0}.diagram-page,.diagram-pad{background:var(--white);padding:24px;border:1px solid var(--edge)}.diagram-page{width:80%;margin:auto;min-height:225px}.diagram-label{font-size:11px;letter-spacing:1.4px;color:var(--muted)}.diagram-note{font:italic 22px Georgia,serif;margin:28px 0 20px}.diagram-region{border:2px dashed var(--accent);padding:12px;font:italic 18px Georgia,serif}.diagram-connector{text-align:center;color:var(--accent);font-size:28px}.diagram-pad>div{font:italic 35px/1.4 Georgia,serif;margin:20px 0 4px}.diagram figcaption{font-size:13px;line-height:1.6;color:var(--muted);margin-top:20px}.faq details{border-top:1px solid var(--rule);padding:0 0 8px}.faq details:last-child{border-bottom:1px solid var(--rule)}summary{cursor:pointer;padding:18px 4px;min-height:48px;font-weight:600}summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.faq details p{margin-top:0;padding:0 4px}main{min-height:50vh}.text-link{min-height:44px;padding-top:8px;padding-bottom:8px}@media(max-width:760px){.product-grid{grid-template-columns:1fr;gap:35px}.product-intro{padding-top:48px;padding-bottom:48px}.diagram-page{width:90%}.diagram-pad>div{font-size:30px}.document{overflow-wrap:anywhere}}@media(forced-colors:active){.button{border:1px solid ButtonText}.diagram-region{border-color:CanvasText}}

/* Native, keyboard-accessible appearance control; hidden when JavaScript is unavailable. */
.header-tools{display:flex;align-items:center;gap:28px}.appearance{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.appearance[hidden]{display:none}.appearance select{font:inherit;font-size:13px;color:var(--ink);background:var(--white);border:1px solid var(--edge);border-radius:6px;min-height:44px;max-width:120px;padding:8px;cursor:pointer}.appearance select:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.brand img{border-radius:8px;outline:1px solid var(--edge)}
@media(max-width:760px){header{height:auto;min-height:112px;flex-wrap:wrap;padding-top:20px;padding-bottom:12px;gap:10px}.header-tools{width:100%;justify-content:space-between;gap:16px}nav{gap:18px;width:auto;justify-content:flex-start}.appearance{gap:6px}.appearance select{max-width:110px}}@media(max-width:359px){.header-tools{flex-wrap:wrap;gap:4px 16px}.appearance{margin-left:auto}nav{gap:20px}}@media(forced-colors:active){.appearance select{border-color:ButtonText}.brand img{outline-color:CanvasText}}
