:root{--bg: #12161C;--text: #B7BECB;--heading: #E8EBEF;--accent: #6C7AFF;--accent-hover: #8C97FF;--muted: #8993A4;--border: #2A3140;--tick-off: #3A4254;--label-off: #5A6474;--selection: #262C6B;--card-bg: #1A2029;--card-header-bg: #212836;--window-dot: #3A4254;--actual-border: #6B3A1E}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:IBM Plex Mono,monospace;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:var(--selection);color:var(--heading)}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}.muted{color:var(--muted)}.toc-nav{position:fixed;left:32px;top:50%;transform:translateY(-50%);z-index:50;display:flex;flex-direction:column;gap:2px}.toc-link{display:flex;align-items:center;gap:12px;padding:7px 0;cursor:pointer}.toc-link:hover{opacity:.85}.toc-tick{width:22px;height:2px;border-radius:2px;background:var(--tick-off);transition:background .2s,width .2s;flex:none}.toc-label{font-family:IBM Plex Mono,monospace;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--label-off);transition:color .2s;white-space:nowrap}.toc-link.active .toc-tick{background:var(--accent)}.toc-link.active .toc-label{color:var(--heading)}@media(max-width:1180px){.toc-nav{display:none!important}}.wrap{max-width:820px;margin:0 auto;padding:72px 40px 96px}.site-header{padding-bottom:28px;border-bottom:1px solid var(--border)}.eyebrow{font-family:IBM Plex Mono,monospace;font-size:12px;letter-spacing:.14em;color:var(--accent);text-transform:uppercase;margin-bottom:14px}.site-header h1{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:40px;line-height:1.05;letter-spacing:-.01em;color:var(--heading);margin:0 0 10px}.subtitle-roles{font-size:13.5px;color:#b7becb;margin-bottom:6px}.subtitle-meta{font-size:12px;color:#5a6474;letter-spacing:.02em;margin-bottom:20px}.contact-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.icon-btn{position:relative;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #2A3140;border-radius:8px;color:#8993a4;transition:color .2s,border-color .2s,background .2s}.icon-btn:hover{color:var(--accent);border-color:var(--accent);background:#6c7aff14}.social{position:relative}.social:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%) translateY(3px);background:#1b212b;color:#e8ebef;border:1px solid #2A3140;border-radius:6px;padding:5px 9px;font-size:10.5px;letter-spacing:.02em;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .16s,transform .16s;font-family:IBM Plex Mono,monospace;box-shadow:0 6px 20px #00000059;z-index:20}.social:before{content:"";position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%) translateY(3px);border:5px solid transparent;border-top-color:#2a3140;opacity:0;pointer-events:none;transition:opacity .16s,transform .16s}.social:hover:after,.social:hover:before{opacity:1;transform:translate(-50%) translateY(0)}.contact-row .social:first-child:after{left:0;transform:translateY(3px)}.contact-row .social:first-child:hover:after{transform:translateY(0)}.contact-row .social:last-child:after{left:auto;right:0;transform:translateY(3px)}.contact-row .social:last-child:hover:after{transform:translateY(0)}.copy-toast{position:fixed;left:0;top:0;transform:translate(-50%,-100%) translateY(4px);padding:6px 12px;border-radius:6px;background:var(--accent);color:#12161c;font-weight:600;font-size:12px;font-family:IBM Plex Mono,monospace;z-index:100;opacity:0;pointer-events:none;box-shadow:0 6px 18px #00000059;transition:opacity .16s,transform .16s}.copy-toast:after{content:"";position:absolute;left:50%;top:100%;transform:translate(-50%);border:5px solid transparent;border-top-color:var(--accent)}.copy-toast.is-visible{opacity:1;transform:translate(-50%,-100%) translateY(-4px)}.section{padding:32px 0;border-bottom:1px solid var(--border)}.section-last{border-bottom:none}.section-label{font-size:12px;letter-spacing:.12em;color:var(--accent);text-transform:uppercase;margin-bottom:22px}.prose{font-size:13.5px;color:var(--text);margin:0 0 18px;max-width:72ch}.prose:last-child{margin-bottom:0}.case-list{display:flex;flex-direction:column;gap:26px}.case{border-left:2px solid var(--border);padding-left:20px}.case-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;cursor:pointer;background:none;border:none;width:100%;text-align:left;padding:0;color:inherit;font:inherit}.case-head:hover{opacity:.85}.case-title{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:16px;color:var(--heading);margin-bottom:3px}.case-context{font-size:12px;color:var(--muted)}.case-summary{font-size:13px;color:var(--text);margin:8px 0 12px;max-width:70ch}.case-meta{display:flex;flex-wrap:wrap;gap:6px 18px}.case-meta-item{font-size:11.5px;color:var(--muted);display:inline-flex;align-items:center;gap:7px}.case-meta-item:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--accent);flex:none}.case-toggle-label{flex-shrink:0;font-size:12px;color:var(--accent);border:1px solid var(--selection);border-radius:4px;padding:3px 8px;white-space:nowrap;-webkit-user-select:none;user-select:none}.collapse{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}.collapse.is-open{grid-template-rows:1fr}.collapse-inner{overflow:hidden}.case-blocks{display:flex;flex-direction:column;gap:12px;padding-top:18px;opacity:0;transition:opacity .3s ease}.collapse.is-open .case-blocks{opacity:1}.case-block{display:grid;grid-template-columns:96px 1fr;gap:14px;align-items:baseline}.case-block-label{font-size:11px;letter-spacing:.1em;color:var(--accent);text-transform:uppercase}.case-block-text{font-size:13px;color:var(--text);margin:0;max-width:66ch}.case-block-text strong{color:var(--heading);font-weight:600}.job-list{display:flex;flex-direction:column;gap:30px}.job-title{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:16px;color:var(--heading)}.job-title .job-company{color:var(--muted);font-weight:400}.job-meta{font-size:12px;color:var(--accent);margin:4px 0 10px}.job-summary{font-size:13px;color:var(--text);margin:0;max-width:74ch}.toggle-btn{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:12px;font-family:inherit;color:var(--accent);background:none;border:1px solid var(--selection);border-radius:4px;padding:6px 12px;-webkit-user-select:none;user-select:none;margin-bottom:20px}.toggle-btn:hover{opacity:.85}.bug-card{background:var(--card-bg);border:1px solid var(--border);border-radius:10px;overflow:hidden;box-shadow:0 20px 60px -24px #0009;max-width:640px;margin-top:20px}.bug-card-titlebar{display:flex;align-items:center;gap:8px;padding:11px 16px;border-bottom:1px solid var(--border);background:var(--card-header-bg)}.bug-card-titlebar .dot{width:10px;height:10px;border-radius:50%;background:var(--window-dot)}.bug-card-filename{margin-left:8px;font-family:IBM Plex Mono,monospace;font-size:12px;color:var(--muted)}.bug-card-body{padding:26px 26px 28px}.bug-card-body h3{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:19px;line-height:1.25;color:var(--heading);margin:0 0 14px}.bug-meta{font-size:13.5px;line-height:1.7;color:var(--text);margin-bottom:22px}.bug-meta-key{color:var(--heading);font-weight:600}.bug-subhead{font-family:Space Grotesk,sans-serif;font-weight:600;font-size:13px;color:var(--heading);margin:0 0 8px}.bug-steps{margin:0 0 22px;padding-left:20px;font-size:13.5px;line-height:1.65;color:var(--text);display:flex;flex-direction:column;gap:4px}.ea-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:22px}.ea-block{padding:2px 0 2px 12px;font-size:13.5px;color:var(--text);border-left:3px solid}.ea-expected{border-left-color:var(--selection)}.ea-actual{border-left-color:var(--actual-border)}.bug-screenshot{position:relative;width:100%;aspect-ratio:400 / 228;margin-bottom:22px;border:1px solid var(--border);border-radius:8px;overflow:hidden}.bug-screenshot img{width:100%;height:100%;object-fit:cover;display:block}.bug-footnotes{margin:0;padding:16px 0 0;list-style:none;display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--border);font-size:12.5px;color:var(--muted)}.bug-footnotes .bullet{color:var(--accent)}.skill-groups,.device-list{display:flex;flex-direction:column;gap:26px}.device-list{gap:14px}.skill-group,.device-row{display:grid;grid-template-columns:170px 1fr;gap:16px;align-items:baseline}.skill-cat,.device-cat{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;padding-top:2px}.device-cat{padding-top:0}.skill-items{display:flex;flex-direction:column;gap:10px}.skill-item{font-size:13px;color:var(--text)}.skill-item-name{color:var(--heading);font-weight:500}.skill-item-sep{color:var(--accent)}.skill-item-desc{color:var(--text)}.device-items{font-size:13px;color:var(--heading)}.bleed{width:100vw;margin-left:calc(50% - 50vw)}#skills.skills-band{position:relative;background:#2a2f8f;overflow:hidden;margin-top:32px;margin-bottom:32px;padding:0;border-bottom:none}.skills-topo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.skills-inner{position:relative;max-width:820px;margin:0 auto;padding:52px 40px}.skills-band .section-label{font-family:IBM Plex Mono,monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#ffffffe0}.skills-band .skill-cat{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:#fffc}.skills-band .skill-item-name{color:#fff;font-weight:500}.skills-band .skill-item-sep{color:#ffffff73}.skills-band .skill-item-desc{font-size:13px;color:#ffffffbd;line-height:1.55}@media(max-width:720px){.wrap{padding:40px 22px 64px!important}.site-header h1{font-size:32px!important}.case-block,.skill-group,.device-row,.ea-grid{grid-template-columns:1fr!important}.case-block{gap:3px 0!important}.skill-group{gap:6px 0!important}.skill-cat{padding-top:0!important}.skills-inner{padding:40px 22px!important}}