:root{color:#111;font-synthesis:none;background:#007d80;font-family:Tahoma,Verdana,Arial,sans-serif;font-size:13px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;margin:0;padding-bottom:45px}a{color:navy}a:focus-visible,button:focus-visible,summary:focus-visible{outline-offset:2px;outline:3px dashed #eab819}button{font:inherit;cursor:pointer}[hidden]{display:none!important}.skip{z-index:100;background:#fff;padding:8px;position:absolute;top:-90px;left:12px}.skip:focus{top:8px}.desktop{grid-template-columns:86px minmax(0,1fr);gap:6px;max-width:1550px;margin:auto;padding:18px 20px 8px;display:grid}.shortcuts{flex-direction:column;align-items:center;gap:15px;padding-top:8px;display:flex}.shortcut{color:#fff;text-align:center;text-shadow:1px 1px #003c48;flex-direction:column;align-items:center;gap:3px;width:79px;font-size:11px;line-height:1.25;text-decoration:none;display:flex}.shortcut:hover>span:last-child{text-decoration:underline}.shortcut-icon{color:#14254a;text-shadow:1px 1px #eee;background:linear-gradient(135deg,#fafafa,#a6b6cb);border:2px solid #444;border-color:#fff #444 #444 #fff;place-items:center;width:46px;height:41px;font-size:29px;font-weight:800;line-height:1;display:grid;box-shadow:1px 2px #004f58}.shortcut:nth-child(2) .shortcut-icon,.shortcut:nth-child(6) .shortcut-icon{background:linear-gradient(#ffe68b,#e8b537);font-size:27px}.shortcut:nth-child(5) .shortcut-icon{color:#104ac3;font-size:36px;font-style:italic}.browser{background:silver;min-width:0;padding:3px;margin:0!important}.window{background:silver;border:2px solid #555;border-color:#fff #555 #555 #fff;min-width:0;padding:2px;box-shadow:1px 2px #0004}.titlebar{color:#fff;white-space:nowrap;background:linear-gradient(90deg,navy 0%,#122bb1 78%,#326bc7 100%);justify-content:space-between;align-items:center;gap:7px;min-height:24px;padding:3px 5px;font-size:12px;font-weight:700;line-height:1.1;display:flex;overflow:hidden}.titlebar>span:first-child{text-overflow:ellipsis;overflow:hidden}.window-controls{flex-shrink:0;gap:2px;display:flex}.window-controls button,.browser-chrome span{color:#111;background:silver;border:2px solid #666;border-color:#fff #666 #666 #fff;place-items:center;width:19px;height:17px;padding:0;font-size:12px;font-weight:700;line-height:1;display:grid}.browser-menu{border-bottom:1px solid #fff;align-items:center;gap:5px;min-height:27px;padding:2px 7px;font-size:12px;display:flex}.browser-brand{color:#00239c;letter-spacing:-2px;margin-left:auto;font-size:18px;font-weight:900}.browser-toolbar{border-top:1px solid #888;border-bottom:1px solid #888;align-items:center;gap:16px;min-height:37px;padding:4px 9px;display:flex}.browser-toolbar span{color:#505c75;font-size:20px}.chrome-back{color:#101010;font-size:12px;text-decoration:none}.browser-toolbar .toolbar-label{color:#333;margin-left:-14px;font-size:12px}.chrome-separator{border-left:1px solid #999;width:1px;height:23px}.address-row{white-space:nowrap;border-bottom:2px solid #777;align-items:center;gap:7px;min-height:33px;padding:3px 6px;display:flex}.address-location{text-overflow:ellipsis;background:#fff;border:2px inset #999;flex:1;min-width:0;padding:4px 7px;overflow:hidden}.chrome-go{color:#111;background:silver;border:2px solid #777;border-color:#fff #777 #777 #fff;padding:4px 6px;text-decoration:none}.browser-screen{background:#dfdfdf radial-gradient(#c4c4c4 .6px,#0000 .7px) 0 0/4px 4px;grid-template-columns:155px minmax(0,1fr);gap:7px;padding:7px;display:grid}.site-nav{background:silver;border:2px inset #b1b1b1;flex-direction:column;align-self:stretch;gap:0;padding:4px;display:flex}.site-nav .nav-head{color:#fff;background:#061477;margin-bottom:6px;padding:5px 6px;font-weight:700;text-decoration:none;display:block}.site-nav nav{flex-direction:column;gap:2px;display:flex}.site-nav nav a{color:#222;background:linear-gradient(90deg,#f7f7f7,#d1d1d1);border:2px solid #777;border-color:#fff #777 #777 #fff;align-items:center;gap:6px;min-height:33px;padding:7px 5px;font-size:12px;text-decoration:none;display:flex}.site-nav nav a.active,.site-nav nav a:hover{color:#fff;background:#1b378e}.nav-glyph{color:#1a4daa;text-align:center;min-width:19px;font-size:17px;font-weight:700}.site-nav nav a.active .nav-glyph,.site-nav nav a:hover .nav-glyph{color:#fff}.nav-quote{text-align:center;background:#d3d3d3;border:2px inset #aaa;flex-direction:column;align-items:center;gap:6px;min-height:155px;margin-top:8px;padding:18px 6px 9px;font:12px/1.55 monospace;display:flex}.nav-quote small{align-self:flex-end;font-size:10px}.nav-computer{color:#172b7c;background:#eee;border:2px inset #aaa;place-items:center;width:57px;height:54px;font-size:35px;display:grid}.workspace{width:100%;min-width:0}.browser-status{border-top:2px groove #ddd;justify-content:space-between;align-items:center;padding:3px 7px;font-size:11px;display:flex}.skyline{color:#fff;background:#070e24 url(/images/night-city.svg) bottom/cover no-repeat;border:1px solid #586da2;justify-content:space-between;gap:15px;min-height:138px;margin-bottom:7px;padding:13px 23px 15px;display:flex;position:relative}.skyline h1{letter-spacing:1px;color:#fff;text-shadow:3px 3px #182242;margin:0 0 6px;font:900 clamp(30px,4vw,58px)/1.05 Courier New,monospace}.skyline p{letter-spacing:.2px;margin:0 0 6px;font:700 clamp(10px,1.35vw,16px)/1.3 Courier New,monospace}.skyline span{font:11px/1.4 monospace}.skyline-motto{text-align:right;text-shadow:1px 1px #000;flex-shrink:0;margin-top:11px;font:700 12px/1.2 monospace}.skyline-motto span{color:#c4e7ff;margin-left:3px;display:inline-block}.dashboard{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;align-items:stretch;gap:7px;display:grid}.dashboard>.window{min-width:0;margin:0}.dashboard .window-body{overflow-wrap:anywhere;background:#fff;border:1px inset #a0a0a0;padding:10px;line-height:1.45}.welcome-window{grid-column:span 7}.about-window{grid-column:span 5}.experience-window{grid-column:span 4}.projects-window{grid-column:span 5}.skills-window{grid-column:span 3}.certifications-window{grid-column:span 4}.contact-window{grid-column:span 5}.sticky-note{background:#fff36a;border:1px solid #8b801c;grid-column:span 3;min-height:115px;padding:12px;font:12px/1.4 monospace;box-shadow:2px 2px #91824e}.sticky-note strong{font-size:11px}.sticky-note p{text-align:center;margin:12px 0 7px}.sticky-note small{float:right}.pane-label{border-bottom:1px solid #aaa;margin-bottom:7px;padding:0 0 7px;font-weight:700}.dashboard .window-body p{margin:6px 0 9px}.dashboard .window-body>a:last-child{margin-top:7px;font-size:11px;display:inline-block}.welcome-content{grid-template-columns:120px minmax(0,1fr);align-items:center;gap:12px;display:grid;min-height:160px!important}.welcome-content h2{margin:0 0 5px;font-size:16px}.welcome-copy p{max-width:68ch;font-size:12px}.portrait{object-fit:cover;border:4px solid #e8e8e8;outline:2px solid #676767;width:110px;height:116px;box-shadow:3px 3px #aaa}.portrait-placeholder{color:#fff;background:teal;place-items:center;width:110px;height:116px;font:700 32px monospace;display:grid}.actions{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.win-button{color:#111;white-space:nowrap;background:silver;border:2px solid #666;border-color:#fff #666 #666 #fff;padding:5px 7px;font-size:11px;font-weight:700;text-decoration:none;display:inline-block}.win-button:hover{background:#e7e7e7}.win-button:active{border-color:#666 #fff #fff #666}.experience-lines{flex-direction:column;display:flex}.experience-line{border-bottom:1px solid #ccc;align-items:center;gap:7px;padding:6px 2px;display:flex}.experience-line strong,.project-card strong{font-size:11px;display:block}.experience-line small,.project-card small{font-size:10px;line-height:1.35;display:block}.item-icon{color:#0f3885;text-align:center;min-width:26px;font-size:22px;line-height:1}.project-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;display:grid}.project-card{color:#111;background:#fafafa;border:1px solid #999;align-items:flex-start;gap:5px;min-width:0;min-height:73px;padding:7px 5px;text-decoration:none;display:flex}.project-card:hover{background:#e4edff}.project-card strong{color:#000}.project-card small{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.project-arrow{color:#0c3194;margin-left:auto;font-size:20px}.skill-lines{flex-direction:column;gap:4px;display:flex}.skill-line{border-bottom:1px solid #ddd;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px;padding:3px 0;font-size:10px;display:grid}.skill-pixels{color:#0a2391;letter-spacing:-1px;white-space:nowrap;font:800 10px/1 monospace}.skill-note{color:#555;margin-top:9px;font-size:10px;display:block}.contact-window .window-body .win-button{margin:4px 4px 3px 0}.window-body.article{background:#fff;min-height:350px;padding:20px 24px;font-size:14px;line-height:1.65}.article h1{margin:0 0 14px;font-size:clamp(26px,3vw,39px);line-height:1.2}.article h2{border-bottom:1px solid #aaa;margin-top:25px;padding-bottom:4px;font-size:22px}.article h3{margin-bottom:0;font-size:17px}.article p{max-width:85ch}.article pre{color:#d5ffd1;background:#141824;max-width:100%;padding:13px;overflow:auto}.article code{background:#e7e7e7;padding:2px 3px}.article pre code{color:inherit;background:0 0}.tile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.project-tile{color:#111;background:#f8f8f8;border:2px solid #888;border-color:#fff #888 #888 #fff;flex-direction:column;gap:7px;padding:13px;text-decoration:none;display:flex}.project-tile:hover{background:#e9f5ff}.project-tile strong{color:navy;font-size:16px}.project-tile small{color:#555}.pixel-glyph{color:navy;font-size:25px}.notice{background:#fffbdc;border:1px dotted #777;padding:12px}.window-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.project-list{flex-direction:column;gap:7px;display:flex}.project-list a{background:#fff;border:1px solid #999;padding:7px;text-decoration:none;display:block}.project-list small{display:block}.taskbar{z-index:30;background:silver;border-top:2px solid #fff;align-items:center;gap:7px;width:100%;min-height:40px;padding:4px 7px;display:flex;position:fixed;bottom:0;left:0}.start{position:relative}.start>summary{cursor:pointer;border:2px solid #555;border-color:#fff #555 #555 #fff;padding:3px 10px;font-weight:700;list-style:none}.start>summary::-webkit-details-marker{display:none}.start nav{background:silver;border:2px solid #555;border-color:#fff #555 #555 #fff;flex-direction:column;min-width:185px;padding:5px;display:flex;position:absolute;bottom:31px;left:0;box-shadow:2px 2px #0005}.start nav a{color:#000;padding:6px 9px;text-decoration:none}.start nav a:hover{color:#fff;background:navy}.task{color:#111;border:2px inset #888;min-width:140px;padding:4px 11px;text-decoration:none}.task-restore{background:#d6d6d6;border:2px inset #888;padding:4px 8px}.task-right{white-space:nowrap;border:1px inset #888;margin-left:auto;padding:4px 10px;font-size:11px}@media (width<=1100px){.desktop{grid-template-columns:72px minmax(0,1fr);padding:10px 8px 5px}.shortcut{width:68px}.browser-screen{grid-template-columns:135px minmax(0,1fr)}.site-nav nav a{font-size:11px}.dashboard{grid-template-columns:repeat(6,minmax(0,1fr))}.welcome-window,.about-window,.experience-window,.projects-window,.skills-window,.certifications-window,.contact-window,.sticky-note{grid-column:span 3}.welcome-window,.projects-window{grid-column:span 4}.about-window,.skills-window{grid-column:span 2}.skyline h1{font-size:36px}.project-cards{grid-template-columns:1fr}}@media (width<=740px){.desktop{grid-template-columns:minmax(0,1fr);gap:7px}.shortcuts{flex-flow:wrap;justify-content:center;gap:12px;padding:3px;display:flex}.shortcut{width:67px}.shortcut-icon{width:38px;height:35px;font-size:24px}.browser-screen{padding:4px;display:block}.site-nav{margin-bottom:6px}.site-nav .nav-head,.nav-quote{display:none}.site-nav nav{flex-flow:row;padding:2px;overflow-x:auto}.site-nav nav a{white-space:nowrap;flex-shrink:0;min-height:30px;padding:5px 8px}.browser-toolbar,.browser-menu{display:none}.address-row{min-height:26px}.dashboard{grid-template-columns:1fr}.welcome-window,.about-window,.experience-window,.projects-window,.skills-window,.certifications-window,.contact-window,.sticky-note{grid-column:span 1}.project-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.skyline{min-height:130px;padding:12px}.skyline h1{font-size:31px}.skyline-motto{display:none}.welcome-content{grid-template-columns:100px minmax(0,1fr)}.portrait,.portrait-placeholder{width:92px;height:102px}.task-right{display:none}.tile-grid{grid-template-columns:1fr}.window-body.article{padding:13px}.task{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}}@media (width<=420px){.project-cards{grid-template-columns:1fr}.welcome-content{text-align:center;grid-template-columns:1fr}.portrait,.portrait-placeholder{margin:auto}.actions{justify-content:center}.shortcut:nth-child(n+5){display:none}.browser-title,.skyline p{font-size:10px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}