:root{--ink:#11171a;--paper:#f4f5f2;--muted:#657176;--line:#d9dedb;--lime:#00b8f1;--lime-dark:#009fda;--mono:'DM Mono',monospace;--sans:'Manrope',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.topbar{height:82px;padding:0 7vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:2;background:rgba(244,245,242,.94)}.wordmark{display:flex;align-items:center;gap:11px;font-size:14px;font-weight:800;letter-spacing:-.04em}.wordmark-icon{width:32px;height:32px;background:var(--ink);color:var(--lime);border-radius:50%;display:grid;place-items:center;font:11px var(--mono);letter-spacing:-.1em}.topbar nav{display:flex;gap:38px}.topbar nav a,.contact-top{font-size:12px;font-weight:700;color:#4e595d}.topbar nav a:hover,.footer-social a:hover{color:#005eb8}.contact-top{border:1px solid #bbc3bd;border-radius:3px;padding:12px 16px}.contact-top span{margin-left:16px;color:#005eb8}.hero{max-width:1440px;margin:auto;min-height:635px;padding:74px 11vw 70px 12vw;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:6vw;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:580px;height:580px;border:1px solid #e0e4de;border-radius:50%;right:1%;top:3%;pointer-events:none}.hero-copy{position:relative;z-index:1}.eyebrow{display:flex;align-items:center;gap:12px;color:#667276;font:10px var(--mono);letter-spacing:.14em;margin:0 0 25px}.eyebrow-line{width:28px;height:1px;background:var(--lime-dark);order:-1}.hero .eyebrow-line{width:32px}.eyebrow-place{color:#919a97}.hero h1{font-size:clamp(48px,6.5vw,86px);line-height:.99;letter-spacing:-.075em;margin:0;font-weight:700}.hero h1 span,.section-heading h2 span,.closing h2 span{color:#003da5}.intro{max-width:490px;color:#5e696d;font-size:16px;line-height:1.8;margin:28px 0 27px}.hero-actions{display:flex;align-items:center;gap:14px}.button{display:inline-flex;align-items:center;gap:19px;font-size:12px;font-weight:800;padding:15px 18px;border-radius:3px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--ink);color:white}.button-primary span{color:var(--lime);font-size:16px}.button-quiet{color:#596467}.button-quiet span{color:#005eb8;font-size:16px}.hero-meta{margin-top:47px;display:flex;gap:25px;color:#737e80;font:10px var(--mono);letter-spacing:.02em}.hero-meta span:first-child{color:#354136}.hero-meta i{display:inline-block;background:#00a3e0;width:6px;height:6px;border-radius:50%;margin-right:7px;vertical-align:middle;box-shadow:0 0 0 4px #d9f4fc}.portrait-wrap{position:relative;width:min(100%,350px);justify-self:center;z-index:1}.portrait-frame{height:435px;position:relative;overflow:hidden;border-radius:2px;background:#d1d8d5;box-shadow:16px 16px 0 var(--lime)}.portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:47% center;display:block;filter:saturate(.84)}.portrait-caption{position:absolute;bottom:22px;left:-28px;background:var(--paper);display:flex;align-items:center;gap:11px;padding:12px 14px;min-width:222px;box-shadow:0 12px 30px #0d14120f}.caption-mark{height:33px;width:33px;display:grid;place-items:center;background:var(--lime);border-radius:50%;font:10px var(--mono)}.portrait-caption strong,.portrait-caption small{display:block}.portrait-caption strong{font-size:11px}.portrait-caption small{font-size:9px;color:#758084;margin-top:4px}.caption-arrow{margin-left:auto;color:#005eb8}.orbit{position:absolute;border:1px solid #d7dfd2;border-radius:50%;z-index:-1}.orbit-one{width:95px;height:95px;right:-47px;top:70px}.orbit-two{width:35px;height:35px;right:-17px;top:100px;background:var(--lime);border:0}.hero-index{position:absolute;left:4vw;bottom:56px;display:flex;align-items:center;gap:12px;color:#89928f;font:9px var(--mono);letter-spacing:.14em;writing-mode:vertical-rl;transform:rotate(180deg)}.hero-index span:first-child{color:var(--ink)}.index-rule{height:48px;width:1px;background:#cad1ca}.focus-strip{min-height:76px;background:var(--ink);color:#e6ebe3;display:flex;align-items:center;justify-content:center;gap:30px;padding:15px 7vw;font-size:11px;letter-spacing:.015em}.focus-strip b{color:var(--lime);font-size:13px;font-weight:400}.strip-label{color:#8c9694;font:9px var(--mono);letter-spacing:.13em;margin-right:10px}.section{max-width:1180px;margin:auto;padding:122px 7vw}.experience{display:grid;grid-template-columns:.72fr 1.28fr;gap:8vw}.section-heading .eyebrow{margin-bottom:24px}.section-heading h2,.closing h2{font-size:clamp(36px,4.6vw,58px);line-height:1.07;letter-spacing:-.07em;margin:0;font-weight:700}.section-heading h2 span{color:#66839a}.timeline{border-top:1px solid var(--line)}.role-card{display:grid;grid-template-columns:145px 1fr 25px;gap:24px;padding:29px 0 33px;border-bottom:1px solid var(--line)}.role-date{color:#728078;font:9px var(--mono);letter-spacing:.06em;white-space:nowrap;padding-top:5px}.date-dot{display:inline-block;width:7px;height:7px;background:var(--lime-dark);border-radius:50%;margin-right:9px}.role-company{font:10px var(--mono);letter-spacing:.12em;color:#66736d;margin:0 0 9px}.current-label{color:#708d2f;border:1px solid #cbd8b0;border-radius:2px;padding:3px 6px;font-size:8px;margin-left:8px}.role-info h3,.education-item h3{font-size:18px;letter-spacing:-.04em;margin:0 0 10px}.role-info>p:not(.role-company){font-size:13px;line-height:1.8;color:#697478;max-width:485px;margin:0}.role-number{font:10px var(--mono);color:#a5afaa}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.tags span{font:9px var(--mono);color:#64716a;background:#e8ece6;padding:7px 9px;border-radius:2px}.education{padding-top:15px;display:grid;grid-template-columns:.72fr 1.28fr;gap:8vw;border-top:1px solid var(--line)}.education-list{border-top:1px solid var(--line)}.education-item{display:grid;grid-template-columns:60px 1fr auto;gap:20px;align-items:start;padding:22px 0;border-bottom:1px solid var(--line)}.edu-year{font:10px var(--mono);color:#7a8580;padding-top:3px}.education-item h3{font-size:14px;margin:0 0 6px}.education-item p{font-size:12px;color:#758083;margin:0;line-height:1.6}.edu-note{font:9px var(--mono);color:#005eb8;padding-top:3px}.closing{padding:83px 12vw 72px;background:#e8ede4;position:relative}.closing:after{content:"";position:absolute;right:10%;top:55px;width:170px;height:170px;border:1px solid #d4dccd;border-radius:50%;pointer-events:none}.closing-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center;max-width:990px}.closing h2 span{color:#003da5}.closing-grid>p{max-width:410px;color:#677375;font-size:14px;line-height:1.9}.email-link{display:inline-flex;gap:25px;border-bottom:1px solid #a6b29d;padding:12px 0 9px;margin-top:22px;font-size:12px;font-weight:800}.email-link span{color:#005eb8}footer{min-height:95px;padding:24px 7vw;display:flex;align-items:center;justify-content:space-between;gap:25px;background:var(--ink);color:#dce3dc}footer .wordmark{font-size:12px}footer .wordmark-icon{background:#252e2e}footer>span{font:9px var(--mono);color:#9ca8a2}.footer-social{display:flex;gap:18px;font-size:10px;color:#c4cec5}footer small{font:9px var(--mono);color:#87938c}
@media(max-width:900px){.topbar{padding:0 5vw}.topbar nav{gap:20px}.hero{padding:65px 8vw 75px 11vw;gap:4vw;min-height:580px}.portrait-frame{height:380px}.experience,.education{gap:5vw;grid-template-columns:.65fr 1.35fr}.role-card{grid-template-columns:125px 1fr 18px;gap:14px}.focus-strip{gap:15px;font-size:10px}.closing{padding-left:9vw;padding-right:9vw}}
@media(max-width:650px){html{scroll-padding-top:65px}.topbar{height:66px;padding:0 5vw}.topbar nav{display:none}.contact-top{padding:10px 12px;font-size:11px}.hero{padding:46px 7vw 67px;grid-template-columns:1fr;gap:38px}.hero:before{width:410px;height:410px;right:-52%;top:28%}.hero h1{font-size:clamp(49px,13vw,72px)}.intro{font-size:14px;line-height:1.75;margin:22px 0}.hero-meta{margin-top:30px;gap:16px;font-size:9px}.portrait-wrap{width:min(78%,330px);justify-self:center;margin-right:6vw}.portrait-frame{height:390px}.portrait-caption{left:-24px;bottom:18px}.hero-index{display:none}.focus-strip{justify-content:flex-start;overflow:auto;white-space:nowrap;min-height:63px;padding:15px 7vw;gap:15px}.focus-strip .strip-label{display:none}.section{padding:78px 7vw}.experience,.education{grid-template-columns:1fr;gap:36px}.section-heading h2,.closing h2{font-size:43px}.role-card{grid-template-columns:1fr 22px;gap:8px;padding:23px 0}.role-date{grid-column:1/-1;padding:0 0 10px}.role-number{grid-column:2;grid-row:2}.role-info h3{font-size:17px}.education{padding-top:60px}.education-item{grid-template-columns:43px 1fr auto;gap:12px}.education-item h3{font-size:13px}.edu-note{font-size:8px}.closing{padding:70px 7vw 58px}.closing:after{width:110px;height:110px;top:36px;right:-35px}.closing-grid{grid-template-columns:1fr;gap:14px}.closing-grid>p{font-size:13px;margin:0}footer{padding:23px 7vw;display:grid;grid-template-columns:1fr auto;gap:14px}footer>span{grid-column:1;grid-row:2}.footer-social{grid-column:2;grid-row:1/3;flex-direction:column;gap:11px}footer small{grid-column:1;grid-row:3}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Accent palette is selected once per page load by the script in index.html. */
:root{--accent:#00b8f1;--accent-soft:#d9f4fc;--accent-deep:#003da5}
.hero h1 span,.closing h2 span{color:var(--accent-deep)}
.section-heading h2 span{color:var(--accent)}
.eyebrow-line{background:var(--accent)}
.wordmark-icon{color:var(--accent)}
.button-primary span,.button-quiet span,.caption-arrow,.email-link span{color:var(--accent)}
.portrait-frame{box-shadow:16px 16px 0 var(--accent)}
.caption-mark{background:var(--accent)}
.focus-strip b{color:var(--accent)}
.current-label,.edu-note{color:var(--accent-deep)}
.date-dot{background:var(--accent)}
.hero-meta i{background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}


/* Playground launcher */
.playground-shell{position:fixed;right:24px;bottom:24px;z-index:20;font-family:var(--sans)}
.playground-launcher{height:48px;padding:0 16px 0 11px;border:1px solid rgba(17,23,26,.15);border-radius:999px;background:var(--ink);color:#fff;display:flex;align-items:center;gap:9px;box-shadow:0 12px 36px rgba(17,23,26,.18);font:700 12px var(--sans);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}
.playground-launcher:hover{transform:translateY(-2px);box-shadow:0 16px 42px rgba(17,23,26,.24)}
.playground-launcher-icon{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:var(--ink);font-size:13px}
.playground-panel{position:absolute;right:0;bottom:60px;width:min(370px,calc(100vw - 32px));padding:20px;background:#f7f8f5;border:1px solid var(--line);border-radius:12px;box-shadow:0 24px 70px rgba(17,23,26,.2);opacity:0;visibility:hidden;transform:translateY(10px) scale(.98);transform-origin:bottom right;transition:opacity .2s ease,transform .2s ease,visibility .2s}
.playground-shell.is-open .playground-panel{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.playground-panel-head{display:flex;gap:16px;align-items:flex-start;padding-bottom:17px;border-bottom:1px solid var(--line)}
.playground-kicker{margin:0 0 7px!important;color:var(--accent-deep)!important;font:500 9px var(--mono)!important;letter-spacing:.13em!important}
.playground-panel h2{margin:0;font-size:25px;letter-spacing:-.055em;line-height:1}
.playground-panel-head p{margin:8px 0 0;color:#6a7578;font-size:11px;line-height:1.55}
.playground-close{margin-left:auto;width:30px;height:30px;border:0;border-radius:50%;background:#e8ece6;color:#596467;font-size:20px;line-height:1;cursor:pointer}
.playground-apps{display:grid;gap:10px;padding-top:14px}
.playground-card{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;padding:13px;border:1px solid #dfe4df;border-radius:8px;background:#fff;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.playground-card:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 10px 24px rgba(17,23,26,.08)}
.playground-card-icon{width:48px;height:48px;border-radius:7px;display:grid;place-items:center;background:var(--ink);color:var(--accent);font-size:28px}
.playground-card-copy{min-width:0;display:block}
.playground-card-copy strong,.playground-card-copy small{display:block}
.playground-card-copy strong{font-size:13px;letter-spacing:-.02em}
.playground-card-copy small{margin-top:4px;color:#778185;font-size:10px;line-height:1.45}
.playground-card-arrow{color:var(--accent-deep);font-size:16px}
.playground-coming{min-height:46px;padding:0 13px;border:1px dashed #cfd6d1;border-radius:8px;color:#88928f;display:flex;align-items:center;gap:9px}
.playground-coming span{font:18px var(--mono);color:var(--accent-deep)}
.playground-coming small{font:500 10px var(--mono);letter-spacing:.02em}
@media(max-width:650px){.playground-shell{right:14px;bottom:14px}.playground-launcher{height:44px;padding-right:14px}.playground-launcher-icon{width:25px;height:25px}.playground-panel{right:0;bottom:55px;padding:17px}}