/* The plain pages: the no-JS fallback inside index.html (#plain), simple.html, and the Simple view over the desktop. */
html:not(.os),html:not(.os) body{height:auto;min-height:100%;overflow:auto!important;background:#F7F6F0;color:#1A1716}
html:not(.os) body{margin:0;font:16px/1.6 'IBM Plex Sans',system-ui,sans-serif}
html:not(.os) body>*:not(#plain):not(#plain-page){display:none!important}
html.os #plain{display:none}
.plain{max-width:760px;margin:0 auto;padding:32px 20px 80px;color:#1A1716;font:16px/1.6 'IBM Plex Sans',system-ui,sans-serif;text-align:left}
#simple .plain{padding:0;max-width:none}
.plain *{box-sizing:border-box}
.plain h1{margin:24px 0 4px;font-size:40px;line-height:1.1;letter-spacing:-.02em}
.plain h2{margin:48px 0 12px;font:500 14px/1.4 'IBM Plex Mono',ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;color:#BF1B1B}
.plain h3{margin:20px 0 4px;font:600 17px/1.4 'IBM Plex Sans',sans-serif}
.plain .pl-head h2,.plain section>h3{font-family:inherit}
.plain p{margin:8px 0}
.plain .pl-role{margin:0 0 16px;color:#BF1B1B;font-weight:500;font-size:20px}
.plain a{color:#1A1716;text-decoration-color:#BF1B1B;text-underline-offset:3px}
.plain a:hover{color:#BF1B1B}
.plain a:focus-visible,.plain summary:focus-visible{outline:3px solid #3232C8;outline-offset:2px}
.plain ul,.plain ol{list-style:none;margin:0;padding:0}
.pl-nav{display:flex;flex-wrap:wrap;gap:8px 20px;margin:24px 0 0;font:500 14px/1.4 'IBM Plex Mono',monospace}
.pl-work{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:24px 20px}
.pl-work li{min-width:0}
.pl-work img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid #D8D6CE;margin-bottom:8px;background:#EDEBE3}
.pl-work b{font-weight:600}
.pl-work .pl-role{display:block;margin:2px 0 0;font-size:14px;color:#55524C;font-weight:400}
.pl-blurb{color:#2E2A27;font-size:15px;margin:4px 0 0}
.pl-about p,.pl-unr p{margin:0 0 14px}
.pl-about .about-keyword{color:inherit}
.pl-how li,.pl-career>li{border-top:1px solid #D8D6CE;padding:12px 0}
.pl-how summary{cursor:pointer;font-weight:600;min-height:32px}
.pl-how details p{margin:6px 0 8px;color:#2E2A27}
.pl-worked{display:flex;flex-wrap:wrap;gap:18px 32px;align-items:center}
.pl-logo img{display:block;height:44px;width:auto;max-width:150px;object-fit:contain;opacity:.85}
.pl-logo.company-logo--large img{height:64px}.pl-logo.company-logo--small img{height:30px}
.pl-career h3{margin:0}
.pl-career .pl-co{margin:2px 0 0;color:#2E2A27}.pl-career .pl-yrs{margin:0;color:#55524C;font:14px/1.5 'IBM Plex Mono',monospace}
.pl-career ul{margin-top:8px;display:grid;gap:8px}
.pl-career li li strong{display:block;font-size:15px}.pl-career li li span{font-size:15px;color:#2E2A27}
.pl-stats{display:flex;flex-wrap:wrap;gap:12px 36px}
.pl-stat b{display:block;font:600 40px/1.1 'IBM Plex Sans',sans-serif;color:#BF1B1B}
.pl-stat span{font-size:14px;color:#55524C}
.pl-list{list-style:disc!important;padding-left:20px!important}.pl-list li{margin:4px 0}
.pl-unr .ac{color:#BF1B1B}
.anchor-alias{display:block;position:relative;top:-24px;height:0}
.pl-foot{margin-top:56px;color:#55524C;font-size:14px}
.pl-foot p{margin:0}