:root{--bg:#faf9f6;--ink:#202b3e;--muted:#576374;--blue:#2557d6;--coral:#a74830;--mint:#e2efe6;--line:#dedfdc;--sans:"Segoe UI",Arial,Helvetica,sans-serif;--mono:ui-monospace,"Courier New",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:5px}::selection{background:#cfdcff;color:#16357c}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.header{min-height:112px;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line);padding-block:22px}.brand{font-size:46px;font-weight:750;letter-spacing:-5px;line-height:1}.brand span{color:var(--blue)}.header-caption{font-size:12px;font-weight:650;line-height:1.7;letter-spacing:1.1px}.header-caption span{color:var(--muted);font-size:10px;font-weight:500}.header nav{display:flex;align-items:center;gap:5px;margin-left:auto;background:white;border:1px solid #e6e6e2;border-radius:100px;padding:5px}.header nav a{padding:11px 18px;font-size:16px;font-weight:550;border-radius:40px;transition:background .2s,color .2s}.header nav a:hover{background:#edf2ff;color:var(--blue)}.header-contact{background:var(--blue);border-radius:40px;color:white;padding:16px 23px;font-size:15px;font-weight:600;display:flex;gap:22px;align-items:center;transition:background .2s}.header-contact:hover{background:#1745bc}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:75px;align-items:center;padding:64px 0 67px}.eyebrow,.micro{font:11px/1.5 var(--mono);letter-spacing:1.5px}.eyebrow{display:flex;align-items:center;gap:12px;color:var(--blue)}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#397455;box-shadow:0 0 0 4px #39745510;flex-shrink:0}.hero h1{font-size:clamp(88px,9vw,130px);line-height:.91;letter-spacing:-7px;font-weight:550;margin:30px 0}.surname{color:var(--blue)}.hero-statement{font-size:33px;font-weight:450;line-height:1.25;letter-spacing:-1px;margin:0 0 23px}.hero-statement>span{color:var(--coral)}.intro{font-size:17px;line-height:1.8;color:var(--muted);max-width:460px;margin:0}.actions{display:flex;align-items:center;gap:29px;margin-top:30px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:27px;padding:18px 23px;font-size:15px;font-weight:600;border-radius:10px;transition:background .2s,transform .2s}.primary{background:var(--blue);color:white}.primary:hover{background:#1745bc;transform:translateY(-2px)}.button span{font-size:21px;font-weight:400}.text-link{display:inline-flex;align-items:center;gap:14px;font-size:15px;font-weight:550}.text-link:hover{color:var(--blue)}.hero-visual{position:relative;min-width:0;background:#e5eee3;border-radius:28px;padding:20px}.image-meta{display:flex;justify-content:space-between;gap:10px;font:9px/1.5 var(--mono);letter-spacing:.5px;color:#3e5642;margin:0 0 16px}.portrait{height:505px;overflow:hidden;border-radius:17px;margin:0;background:#dce5d6}.portrait>img{width:100%;height:100%;object-fit:cover;object-position:50% 38%;display:block}.image-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:19px;font-size:11px;color:#344d3c}.image-footer>span:first-child{display:flex;align-items:center;gap:9px}.portrait-note{font-family:Georgia,serif;font-style:italic;font-size:13px}.signals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.signal{border:1px solid transparent;padding:24px 25px 28px;border-radius:17px;position:relative;overflow:hidden;min-height:233px;transition:transform .25s,border-color .25s}.focus-signal{background:#eaf0fc}.region-signal{background:#e7f1eb}.opportunity{background:#fff0e5}.signal:hover{transform:translateY(-3px);border-color:#bbc7db}.signal-top{display:flex;align-items:center;justify-content:space-between;height:30px;margin-bottom:24px;color:#405c94}.region-signal .signal-top{color:#38654d}.opportunity .signal-top{color:#984b29}.signal-glyph{font-size:27px}.signal h2{font-size:22px;line-height:1.35;letter-spacing:-.5px;font-weight:550;margin:0}.muted{color:var(--muted)}.signal p{font-size:13px;line-height:1.65;color:#536176;margin:15px 0 0}.focus-options{display:flex;gap:6px;margin:-8px 0 17px}.focus-options button{font-size:12px;background:#ffffff88;border:1px solid #bdcae1;padding:7px 10px;border-radius:30px}.focus-options button.active,.focus-options button:hover{background:var(--blue);border-color:var(--blue);color:white}.focus-content h2{font-size:19px}.focus-content p{margin-top:9px}.signal-rule{position:absolute;bottom:0;left:25px;right:25px;height:3px;background:#2557d6;transform:scaleX(0);transform-origin:left;transition:transform .35s}.signal:hover .signal-rule,.signal:focus-within .signal-rule{transform:scaleX(1)}.region-signal .signal-rule{background:#4b8769}.opportunity .signal-rule{background:#c57f55}.arrow-circle{display:grid;place-items:center;border:1px solid #e5c7b3;border-radius:50%;width:34px;height:34px;font-size:23px;transition:transform .25s}.opportunity:hover .arrow-circle{transform:translate(2px,-2px)}.radar{position:relative;display:block;width:29px;height:29px;border:1px solid #6f927d;border-radius:50%}.radar:before{content:'';position:absolute;inset:6px;border:1px solid #6f927d;border-radius:50%}.radar:after{content:'';position:absolute;inset:11px;border-radius:50%;background:#397455}.radar i{display:none}.section{padding-top:84px;padding-bottom:84px}.section-heading{display:flex;justify-content:space-between;gap:18px;margin-bottom:38px}.dim{color:var(--muted)}h2{font-size:clamp(32px,3.4vw,46px);font-weight:500;line-height:1.19;letter-spacing:-1.8px;margin:0}.serif{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:400;color:var(--blue)}.lime{color:var(--coral)}.profile-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:68px}.profile-text p{font-size:16px;line-height:1.85;color:var(--muted);margin:0 0 18px}.profile-text p:first-child{color:#354155}.approach{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:39px}.approach article{border-top:2px solid #aabfee;padding:23px 0 0 42px;position:relative}.approach article:nth-child(2){border-color:#b4d3c0}.approach article:nth-child(3){border-color:#efc8ad}.approach-number{position:absolute;left:0;top:27px;font:12px var(--mono);color:var(--blue)}.approach article:nth-child(2) .approach-number{color:#397455}.approach article:nth-child(3) .approach-number{color:var(--coral)}.approach h3{font-weight:550;font-size:22px;letter-spacing:-.5px;margin:0 0 13px}.approach p{font-size:14px;line-height:1.85;color:var(--muted);margin:0}.credentials-band{background:#f0f3fa;border-block:1px solid #e0e6f2}.credentials-intro{display:flex;justify-content:space-between;gap:30px;align-items:flex-end}.credentials-intro p{font-size:15px;line-height:1.8;color:var(--muted);margin:0}.credentials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:38px}.credential{background:#ffffffb8;border:1px solid #dde3ed;border-radius:18px;display:flex;gap:27px;align-items:center;padding:28px}.credential-mark{width:100px;flex:0 0 100px;display:grid;place-items:center}.credential-mark img{width:100px;height:112px;object-fit:contain}.credential .micro{font-size:10px;letter-spacing:1px;color:var(--muted)}.credential h3{font-size:24px;line-height:1.35;font-weight:550;letter-spacing:-.5px;margin:11px 0}.credential p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}.cert-status{display:inline-flex;gap:8px;font:11px var(--mono);color:#3b5d4a;margin-top:19px}.cert-status>span{color:#397455}.shield{background:#e7f1eb;border-radius:18px;height:112px}.shield svg{width:56px;height:68px;color:#397455}.career-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:80px}.career-intro{font-size:15px;line-height:1.8;color:var(--muted);margin:23px 0 0}.timeline{border-left:1px solid #c8d2e3;padding-left:32px}.timeline article{position:relative;padding-bottom:30px;margin-bottom:28px;border-bottom:1px solid var(--line)}.timeline article:last-child{padding-bottom:0;margin-bottom:0;border:0}.timeline article:before{content:'';position:absolute;left:-38px;top:3px;width:10px;height:10px;background:var(--bg);border:2px solid #8a9dbe;border-radius:50%}.timeline article:first-child:before{background:var(--blue);border-color:var(--blue);box-shadow:0 0 0 5px #2557d60c}.timeline-date{font:11px var(--mono);color:var(--blue);letter-spacing:1px}.timeline h3{font-size:24px;font-weight:550;letter-spacing:-.6px;margin:13px 0 9px}.organization{font-size:13px;color:#47556b}.timeline p{font-size:15px;line-height:1.85;color:var(--muted);margin:14px 0 0}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}.tags span{font-size:11px;border:1px solid #d4dce7;background:white;color:#4b5a70;border-radius:5px;padding:5px 9px}.contact{background:linear-gradient(120deg,#e8edfc,#eeeafa 65%,#f8ece4);border:1px solid #d8dff1;border-radius:24px;padding:34px 40px 27px}.contact-top,.contact-bottom{display:flex;align-items:center;justify-content:space-between;gap:18px}.availability{display:flex;align-items:center;gap:10px;font:10px var(--mono);letter-spacing:1px;color:#395a48}.contact-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:65px;align-items:center;margin:38px 0 42px}.contact h2{font-size:clamp(34px,4.5vw,61px);letter-spacing:-2px}.contact-grid p{font-size:16px;line-height:1.8;color:#4f5c72;max-width:360px;margin:0 0 24px}.xing{display:flex;margin-top:20px}.contact-bottom{border-top:1px solid #cdd3e6;padding-top:23px;color:#526078;font:10px var(--mono);letter-spacing:.6px}.footer{display:flex;align-items:center;gap:25px;padding:34px 0;font:10px var(--mono);color:var(--muted)}.footer .brand{font:700 34px var(--sans);letter-spacing:-4px;color:var(--ink)}.footer button{margin-left:auto;border:0;background:none;padding:10px;font:10px var(--mono);color:var(--muted)}.footer>a:last-child{margin-left:10px}.kinetic{display:inline-block}.kinetic-word{display:inline-block;white-space:nowrap}.kinetic-char{display:inline-block;transition:transform .2s ease-out}.skip{position:fixed;top:10px;left:10px;transform:translateY(-150%);z-index:10;background:var(--blue);color:white;padding:15px}.skip:focus{transform:none}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-paused .kinetic-char{transform:none!important}
@media(min-width:1800px){.wrap{width:min(1360px,calc(100% - 160px))}.hero{gap:110px}.hero h1{font-size:145px}.portrait{height:555px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.header{gap:16px}.header nav a{padding:10px 13px;font-size:15px}.header-caption{font-size:10px}.header-caption span{font-size:9px}.header-contact{padding:14px 18px;gap:15px}.hero{gap:38px}.hero h1{font-size:104px}.portrait{height:480px}.portrait-note{display:none}.credential{gap:20px;padding:23px}.credential-mark{width:75px;flex-basis:75px}.credential-mark img{width:75px;height:90px}.credential h3{font-size:21px}.shield{height:92px}.profile-grid{gap:38px}.signal{padding-inline:20px}.focus-options button{padding-inline:8px;font-size:11px}.signal h2{font-size:20px}.focus-content h2{font-size:18px}.contact-grid{gap:35px}.image-meta{font-size:8px}.hero-visual{padding:16px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{flex-wrap:wrap;padding-block:20px;gap:19px 15px}.header nav{order:4;width:100%;margin:0;justify-content:space-around;border-radius:13px;padding:5px}.header nav a{padding:11px 9px;font-size:14px;border-radius:9px}.header-caption{font-size:11px}.header-contact{margin-left:auto;font-size:14px;padding:12px 16px}.brand{font-size:40px}.hero{grid-template-columns:1fr;padding-top:38px;padding-bottom:33px;gap:36px}.hero h1{font-size:108px;letter-spacing:-6px;margin:27px 0}.hero-statement{font-size:30px}.intro{font-size:16px;max-width:480px}.actions{gap:24px}.button,.text-link{font-size:14px}.button{padding:17px 19px;gap:22px}.hero-visual{width:100%;max-width:490px;margin:auto;padding:17px;border-radius:21px}.portrait{height:auto;aspect-ratio:4/5}.image-meta{font-size:9px}.image-footer{font-size:11px}.signals{grid-template-columns:1fr;gap:12px}.signal{padding:23px;min-height:0}.signal-top{margin-bottom:19px}.signal h2{font-size:24px}.signal p{font-size:14px}.focus-options button{font-size:13px;padding:8px 13px}.focus-content h2{font-size:21px}.section{padding-block:55px}.section-heading{margin-bottom:27px;gap:12px}.micro{font-size:10px;letter-spacing:.8px}.section-heading .dim{font-size:8px;letter-spacing:.6px}.profile-grid,.career-grid{grid-template-columns:1fr;gap:27px}h2{font-size:35px;letter-spacing:-1.4px}.profile-text p{font-size:16px}.approach{grid-template-columns:1fr;gap:26px;margin-top:25px}.approach p{font-size:15px}.credentials-intro{display:block}.credentials-intro p{margin-top:21px}.credentials{grid-template-columns:1fr;gap:14px;margin-top:25px}.credential{padding:23px;gap:20px}.credential h3{font-size:22px}.credential-mark{width:78px;flex-basis:78px}.credential-mark img{width:78px;height:95px}.credential .micro{font-size:9px}.credential p{font-size:13px}.career-grid{gap:36px}.timeline{padding-left:25px;margin-left:5px}.timeline article:before{left:-31px}.timeline h3{font-size:22px}.contact{padding:27px 23px 23px;border-radius:19px}.contact-top{flex-wrap:wrap;gap:14px}.availability{font-size:9px}.contact-grid{grid-template-columns:1fr;gap:27px;margin-block:29px}.contact h2{font-size:40px;letter-spacing:-1.6px}.contact-grid p{font-size:16px}.contact-bottom{font-size:8px;flex-wrap:wrap;line-height:1.6;gap:10px}.footer{flex-wrap:wrap;gap:18px 15px;padding-block:27px}.footer>span{font-size:9px}.footer button{margin-left:0;padding:5px 0}.footer>a:last-child{margin-left:auto}.portrait-note{display:inline;font-size:11px}}
@media(max-width:370px){.header-caption{display:none}.hero h1{font-size:95px}.header nav a{font-size:13px;padding-inline:8px}.button{font-size:13px;padding-inline:15px;gap:17px}.text-link{font-size:13px}.actions{gap:20px}.image-meta{font-size:8px}.portrait-note{display:none}.credential{padding:19px;gap:14px}.credential-mark{width:60px;flex-basis:60px}.credential-mark img{width:60px;height:76px}.credential h3{font-size:20px}.shield svg{width:44px}.contact h2{font-size:33px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.kinetic-char{transform:none!important}}
@media(hover:none){.kinetic-char{transform:none!important}.signal:hover{transform:none}}

/* Phone cards: retain the existing line animation, trigger it by scroll position. */
@media(max-width:760px){
  .signals .signal:hover .signal-rule,
  .signals .signal:focus-within .signal-rule{transform:scaleX(0)}
  .signals .signal.is-scroll-focused .signal-rule{transform:scaleX(1)}
  .signals .signal:hover{transform:none;border-color:transparent}
  .signals .signal.is-scroll-focused{border-color:#bbc7db}
  .signals .opportunity:hover .arrow-circle{transform:none}
  .signals .opportunity.is-scroll-focused .arrow-circle{transform:translate(2px,-2px)}
}

/* Projects live on enginlabs.dev; compact direct link in the main navigation. */
.header nav .nav-labs{background:#fff0e5;color:#793b26;white-space:nowrap}
.header nav .nav-labs:hover{background:#ffe4d0;color:#66311e}
.nav-labs span{display:inline-block;margin-left:4px}
@media(min-width:761px) and (max-width:1200px){.header nav a{padding:10px 12px;font-size:14px}.header-caption{display:none}}
@media(max-width:760px){.header nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;border-radius:13px}.header nav a{text-align:center;padding:11px 9px;font-size:14px}}