@font-face{font-family:Peyda;src:url('assets/peyda-regular.woff2')}@font-face{font-family:Peyda;src:url('assets/peyda-semibold.woff2');font-weight:600}
:root{--blue:#176bda;--cyan:#31b5e9;--navy:#0d1d36;--ink:#182743;--muted:#64748d;--paper:#f4f7fb;--line:#d9e2ed}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.85 Peyda,Tahoma,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.section-wrap{width:min(1260px,calc(100% - 100px));margin-inline:auto}.site-header{height:88px;padding:0 max(50px,calc((100% - 1260px)/2));display:flex;align-items:center;gap:55px;background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:10}.identity{display:flex;align-items:center;gap:11px;white-space:nowrap}.identity img{width:52px;height:52px;object-fit:contain}.identity span{display:flex;flex-direction:column;line-height:1.35}.identity strong{font-size:16px;font-weight:600}.identity small{font-size:10px;color:var(--blue)}.site-header nav{display:flex;gap:35px;margin-inline:auto}.site-header nav a{font-size:12px;color:#5f6d82;white-space:nowrap}.site-header nav a:hover{color:var(--blue)}.linkedin-nav{font:600 11px Arial,sans-serif;letter-spacing:.5px;border:1px solid var(--line);padding:10px 13px;display:flex;gap:22px;align-items:center;white-space:nowrap}.linkedin-nav span{color:var(--blue);font-size:17px}.hero{width:min(1260px,calc(100% - 100px));margin:auto;min-height:650px;display:grid;grid-template-columns:1fr .88fr;gap:5%;align-items:center;padding-block:60px 70px}.hero-copy{padding:30px 0 0}.eyebrow,.section-label{font:600 10px/1.5 Arial,sans-serif;letter-spacing:1.7px;color:var(--blue)}.eyebrow span{display:inline-block;width:26px;height:1px;background:var(--blue);vertical-align:middle;margin-left:10px}.hero h1{font-size:clamp(53px,5.2vw,79px);line-height:1.22;letter-spacing:-2.3px;margin:24px 0;font-weight:600}.hero h1 em,.journey-intro h2 em,.detail-heading h2 em,.achievement-head h2 em{font-style:normal;color:var(--blue)}.hero-copy>p{font-size:15px;color:var(--muted);max-width:530px;line-height:2.15}.hero-links{display:flex;align-items:center;gap:26px;margin-top:32px}.main-link{background:var(--blue);color:#fff;padding:12px 21px;display:flex;align-items:center;gap:45px;font-size:13px;box-shadow:0 13px 27px rgba(23,107,218,.16)}.main-link b{font-size:18px}.quiet-link{font-size:12px;color:var(--blue);border-bottom:1px solid #b6c9df;padding-bottom:5px}.hero-bottom{max-width:520px;display:flex;align-items:center;gap:13px;margin-top:65px;color:#8190a4;font:10px Arial,Peyda,sans-serif;letter-spacing:.5px}.hero-bottom i{flex:1;height:1px;background:#cfdbe8}.hero-portrait{height:540px;position:relative;display:grid;place-items:center}.portrait-frame{width:69%;height:76%;position:relative;z-index:2;clip-path:polygon(26% 0,74% 0,100% 20%,100% 80%,74% 100%,26% 100%,0 80%,0 20%);background:#d9e9f5;box-shadow:0 30px 60px rgba(15,42,83,.15)}.portrait-frame img{width:100%;height:100%;object-fit:cover;filter:saturate(.85) contrast(1.07)}.hero-portrait svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.hero-portrait svg path{fill:none}.portrait-line{stroke:#8ebae9;stroke-width:1.5}.portrait-glow{stroke:var(--blue);stroke-width:3;stroke-dasharray:8 12;animation:flow 13s linear infinite;filter:drop-shadow(0 0 7px rgba(16,133,243,.65))}.hero-portrait svg circle{fill:var(--blue)}.portrait-label{position:absolute;z-index:3;bottom:15px;right:3%;background:#fff;box-shadow:0 15px 30px rgba(23,46,80,.12);border-right:3px solid var(--blue);padding:13px 18px;min-width:235px;display:flex;flex-direction:column}.portrait-label span{font:9px Arial,sans-serif;color:var(--blue);letter-spacing:1px}.portrait-label strong{font-size:13px;margin-top:6px}.portrait-index{position:absolute;top:10px;left:2%;font:10px Arial,sans-serif;color:#7b8da5;letter-spacing:1.4px}.chapter-band{min-height:67px;background:var(--navy);color:#d1e2f6;display:flex;justify-content:space-evenly;align-items:center;padding:10px 30px;gap:20px}.chapter-band span{font-size:12px}.chapter-band i{height:4px;width:4px;border:1px solid #62cfff;transform:rotate(45deg)}.journey-intro{padding-block:110px 52px;display:flex;justify-content:space-between;gap:80px;align-items:end}.journey-intro h2,.detail-heading h2,.achievement-head h2{font-size:clamp(40px,4vw,58px);line-height:1.36;letter-spacing:-1.5px;font-weight:600;margin:18px 0 0}.intro-side{max-width:390px}.intro-side p{font-size:13px;color:var(--muted);line-height:2.2;margin:0 0 18px}.intro-side span{font-size:11px;color:var(--blue)}.timeline{position:relative;padding-block:20px 80px}.spine{position:absolute;top:20px;bottom:110px;right:50%;width:3px;background:#d6e5f2;transform:translateX(50%)}.spine:before,.spine:after{content:"";position:absolute;right:50%;transform:translateX(50%);border-radius:50%;width:12px;height:12px;background:#fff;border:2px solid var(--blue)}.spine:before{top:0}.spine:after{bottom:0}.spine span{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,#39bdf2 15%,#146add 70%,transparent 100%);mask-image:linear-gradient(180deg,#000,transparent 23%,#000 40%,transparent 55%,#000 78%,transparent)}.stop{min-height:255px;display:grid;grid-template-columns:1fr 94px 1fr;align-items:center;position:relative}.stop-content{width:min(100%,490px);position:relative}.stop.right .stop-content{grid-column:1;justify-self:end}.stop.left .stop-content{grid-column:3;justify-self:start}.stop-date{display:block;font-size:12px;color:var(--blue);margin-bottom:9px;font-weight:600}.stop-card{display:block;width:100%;text-align:right;padding:22px 26px 18px;border:1px solid #dce5ee;background:#fff;color:var(--ink);box-shadow:0 10px 35px rgba(15,47,86,.055);cursor:pointer;transition:transform .25s,box-shadow .25s,border-color .25s}.stop-card:hover,.stop-card.active{transform:translateY(-4px);border-color:#64abe8;box-shadow:0 22px 42px rgba(22,83,153,.12)}.card-overline{font:9px Arial,sans-serif;color:var(--blue);letter-spacing:1px}.stop-card strong{display:block;font-size:22px;line-height:1.5;font-weight:600;margin:11px 0 6px}.stop-card p{font-size:12px;color:var(--muted);margin:0;line-height:1.9}.card-tail{border-top:1px solid #e6edf5;margin-top:17px;padding-top:12px;display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:10px}.card-tail b{font-weight:400;color:#62768e}.card-tail i{font-style:normal;color:var(--blue);white-space:nowrap}.stop-node{grid-column:2;grid-row:1;width:45px;height:45px;border-radius:50%;background:var(--blue);color:white;display:grid;place-items:center;font-size:12px;justify-self:center;z-index:2;box-shadow:0 0 0 8px var(--paper),0 0 0 9px #b9d6f0}.stop:before{content:"";height:1px;background:#b9d5ee;position:absolute;width:calc(50% - 22px);top:50%}.stop.right:before{right:50%}.stop.left:before{left:50%}.stop .opposite{color:#8595a7;display:flex;flex-direction:column;gap:4px;font-size:11px;position:relative;z-index:1}.stop .opposite i{font:9px Arial,sans-serif;color:#9caabd;letter-spacing:1px}.stop.right .opposite{grid-column:3;grid-row:1;justify-self:start;padding-right:15px}.stop.left .opposite{grid-column:1;grid-row:1;justify-self:end;padding-left:15px;text-align:left}.detail-section{background:#10233f;color:#fff;padding:100px 0;position:relative;overflow:hidden}.detail-section:before{content:"PROJECT";position:absolute;top:-35px;left:4%;font:bold 170px Arial,sans-serif;letter-spacing:-12px;color:rgba(255,255,255,.025)}.detail-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:9%;position:relative;z-index:1}.detail-heading .section-label{color:#6dccfa}.detail-heading h2 em{color:#70d9ff}.detail-heading p{font-size:13px;line-height:2.1;color:#aebfd3;max-width:430px}.detail-count{font:54px/1 Arial,sans-serif;color:#d7ecff;margin-top:60px}.detail-count span{font-size:20px;color:#4f83b3}.detail-card{border:1px solid rgba(148,195,245,.25);background:linear-gradient(130deg,rgba(50,98,151,.19),rgba(8,23,45,.35));padding:28px 30px;box-shadow:0 25px 60px rgba(0,0,0,.14)}.detail-top{display:flex;justify-content:space-between;color:#8dd4f9;font:10px Arial,Peyda,sans-serif;letter-spacing:1px}.detail-card h3{font-size:26px;margin:25px 0 8px}.detail-card>p{color:#b0c0d3;font-size:13px;line-height:2.1;min-height:60px}.detail-fields{display:grid;grid-template-columns:1fr 1fr;gap:17px;border-top:1px solid rgba(255,255,255,.12);padding-top:19px;margin-top:22px}.detail-fields div{display:flex;flex-direction:column}.detail-fields small{color:#72bde8;font-size:10px}.detail-fields strong{font-weight:400;font-size:12px;margin-top:4px}.detail-media{margin-top:25px;min-height:95px;border:1px dashed rgba(128,183,236,.45);padding:13px 18px;display:flex;justify-content:space-between;gap:10px;flex-direction:column}.detail-media>span{color:#acd3f2;font-size:11px}.detail-media>div{display:flex;gap:8px;flex-wrap:wrap}.detail-media i{font-style:normal;font-size:10px;padding:3px 9px;background:rgba(92,167,229,.11);color:#a9c9e2}.achievement-section{padding-block:110px 100px}.achievement-head{display:flex;justify-content:space-between;align-items:end;gap:70px}.achievement-head p{max-width:400px;font-size:13px;line-height:2.1;color:var(--muted)}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:40px}.metric-grid article{min-height:220px;background:#fff;border:1px solid var(--line);padding:22px;display:flex;flex-direction:column;position:relative;overflow:hidden}.metric-grid article:before{content:"";position:absolute;top:0;right:0;width:45px;height:3px;background:var(--blue)}.metric-grid b{font:600 clamp(35px,3vw,49px)/1.2 Peyda,sans-serif;color:var(--blue);direction:ltr;text-align:right}.metric-grid span{font-size:14px;font-weight:600;margin-top:3px}.metric-grid p{font-size:11px;line-height:1.9;color:var(--muted);margin:14px 0 auto}.metric-grid small{border-top:1px solid #e9edf2;padding-top:10px;margin-top:16px;color:#91a0b3;font:9px Arial,sans-serif;letter-spacing:1px}.achievement-note{margin-top:42px;border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;align-items:center;gap:20px}.achievement-note>span{color:var(--blue);font-size:11px}.achievement-note>div{display:flex;align-items:center;gap:14px}.achievement-note b{font-size:12px;font-weight:400}.achievement-note i{height:1px;width:40px;background:#b9cfe3}.sync-section{background:#dfebf8;padding:52px 0}.sync-inner{display:flex;justify-content:space-between;align-items:center;gap:50px}.sync-inner>div{max-width:650px}.sync-inner span{font:10px Arial,sans-serif;letter-spacing:1.6px;color:var(--blue)}.sync-inner h2{font-size:32px;margin:9px 0}.sync-inner p{font-size:12px;color:#61738c;line-height:2;margin:0}.sync-inner a{border:1px solid #91bce9;padding:12px 17px;color:var(--blue);font-size:12px;white-space:nowrap}.sync-inner a b{font-size:17px;margin-right:28px}footer{display:flex;justify-content:space-between;gap:20px;padding:25px max(50px,calc((100% - 1260px)/2));font:10px Arial,Peyda,sans-serif;color:#8391a4;letter-spacing:.5px}@keyframes flow{to{stroke-dashoffset:-160}}@media(max-width:1050px){.site-header{gap:20px}.site-header nav{gap:15px}.hero h1{font-size:58px}.stop{grid-template-columns:1fr 65px 1fr}.stop-card{padding:18px}.stop-card strong{font-size:19px}.metric-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.section-wrap,.hero{width:calc(100% - 38px)}.site-header{height:73px;padding:0 19px}.identity img{width:43px;height:43px}.identity strong{font-size:13px}.identity small{font-size:9px}.site-header nav{display:none}.linkedin-nav{margin-right:auto;padding:7px 9px;font-size:9px;gap:5px}.hero{display:flex;flex-direction:column;min-height:0;padding:55px 0 58px;gap:20px}.hero-copy{padding:0}.hero h1{font-size:clamp(42px,10vw,57px)}.hero-copy>p{font-size:13px}.hero-bottom{margin-top:35px;font-size:8px}.hero-portrait{width:100%;height:360px}.portrait-frame{height:82%;width:61%}.portrait-label{bottom:0;right:0;min-width:210px}.chapter-band{gap:8px;padding-inline:8px;flex-wrap:wrap}.chapter-band span{font-size:9px}.journey-intro{display:block;padding:75px 0 35px}.journey-intro h2,.detail-heading h2,.achievement-head h2{font-size:38px}.intro-side{margin-top:15px}.timeline{padding-bottom:40px}.spine{right:21px;top:20px;bottom:65px}.stop{display:flex;align-items:flex-start;min-height:0;margin-bottom:26px;padding-right:63px}.stop:before{display:none}.stop-content{width:100%}.stop.left .stop-content,.stop.right .stop-content{order:2}.stop-node{position:absolute;right:0;top:36px;box-shadow:0 0 0 5px var(--paper),0 0 0 6px #b9d6f0}.stop .opposite{display:none}.stop-card strong{font-size:18px}.card-tail{flex-wrap:wrap}.detail-section{padding:65px 0}.detail-grid{display:block}.detail-heading p{font-size:12px}.detail-count{display:none}.detail-card{margin-top:25px;padding:20px}.detail-card h3{font-size:22px}.detail-fields{gap:12px}.achievement-section{padding:75px 0}.achievement-head{display:block}.achievement-head p{margin-top:18px}.metric-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:25px}.metric-grid article{padding:15px;min-height:205px}.metric-grid b{font-size:34px}.metric-grid p{font-size:10px}.achievement-note{display:block}.achievement-note>div{flex-wrap:wrap;gap:8px;margin-top:12px}.achievement-note i{width:12px}.sync-inner{display:block}.sync-inner a{display:inline-block;margin-top:20px}.sync-section{padding:40px 0}footer{padding:20px;display:block;font-size:9px}footer span{display:block;margin:5px 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important}}

/* Personal blue signal: the motion continues from the portrait through the career map. */
.header-actions{display:flex;align-items:center;gap:10px;margin-inline:auto 0}
.theme-toggle{border:1px solid var(--line);background:#fff;color:var(--blue);padding:9px 12px;display:flex;align-items:center;gap:9px;white-space:nowrap;cursor:pointer;font-size:11px}
.theme-icon{font:20px/1 Arial,sans-serif}
.hero-portrait{isolation:isolate}
.hero-portrait:before{content:"";position:absolute;z-index:0;width:73%;height:81%;top:7%;left:13.5%;clip-path:polygon(50% 0,94% 23%,94% 77%,50% 100%,6% 77%,6% 23%);background:#4fd8ff;filter:blur(19px);opacity:.6}
.portrait-frame{width:72%;height:79%;padding:7px;clip-path:polygon(50% 0,94% 23%,94% 77%,50% 100%,6% 77%,6% 23%);background:linear-gradient(140deg,#5df1ff,#0788ed 52%,#0265d7);filter:drop-shadow(0 0 18px rgba(37,170,245,.55))}
.portrait-frame img{clip-path:polygon(50% 0,94% 23%,94% 77%,50% 100%,6% 77%,6% 23%);object-position:center 25%}
.portrait-label{border-right-color:#20aef1}
.spine{width:4px;background:#c8d9ea;box-shadow:0 0 0 1px rgba(22,109,223,.06)}
.spine span{inset:0;background:repeating-linear-gradient(to bottom,#1b8fec 0 10px,transparent 10px 20px);mask-image:none;animation:signal-flow 2s linear infinite;filter:drop-shadow(0 0 6px rgba(31,169,240,.8))}
@keyframes signal-flow{to{background-position:0 40px}}

body[data-theme=dark]{--paper:#0a1426;--ink:#edf7ff;--muted:#afc1d7;--line:#263b57;--blue:#49aeff;background:#0a1426;color:var(--ink)}
body[data-theme=dark] .site-header{background:#0e1a2e;border-color:var(--line)}
body[data-theme=dark] .site-header nav a{color:#bdc9da}
body[data-theme=dark] .theme-toggle,body[data-theme=dark] .linkedin-nav{background:#13243d;color:#c6eaff;border-color:#365574}
body[data-theme=dark] .hero{background:radial-gradient(ellipse at 25% 47%,rgba(18,96,186,.16),transparent 43%)}
body[data-theme=dark] .hero h1{color:#f1f7ff}
body[data-theme=dark] .hero-copy>p,body[data-theme=dark] .intro-side p{color:#b5c6dc}
body[data-theme=dark] .hero-bottom i{background:#314761}
body[data-theme=dark] .portrait-label{background:#152944;color:#f1f7ff;box-shadow:0 14px 38px rgba(0,0,0,.25)}
body[data-theme=dark] .portrait-index,body[data-theme=dark] .hero-bottom{color:#91a8c1}
body[data-theme=dark] .chapter-band{background:#07101f;border-block:1px solid #1b3554}
body[data-theme=dark] .journey-intro,body[data-theme=dark] .timeline,body[data-theme=dark] .achievement-section{background:#0a1426}
body[data-theme=dark] .spine{background:#28415d}
body[data-theme=dark] .stop-card{background:#12243b;border-color:#2b4766;color:#f4f8ff;box-shadow:0 12px 30px rgba(0,0,0,.15)}
body[data-theme=dark] .stop-card:hover,body[data-theme=dark] .stop-card.active{border-color:#47b7f5;box-shadow:0 18px 42px rgba(7,80,152,.27)}
body[data-theme=dark] .stop-card p,body[data-theme=dark] .card-tail b{color:#abc0d5}
body[data-theme=dark] .card-tail{border-color:#294462}
body[data-theme=dark] .stop-node{box-shadow:0 0 0 8px #0a1426,0 0 0 9px #3f719f}
body[data-theme=dark] .stop:before{background:#355a7a}
body[data-theme=dark] .stop .opposite{color:#8ea8c1}
body[data-theme=dark] .metric-grid article{background:#14263d;border-color:#294666}
body[data-theme=dark] .metric-grid span{color:#e5f1ff}
body[data-theme=dark] .metric-grid p{color:#b2c4d8}
body[data-theme=dark] .metric-grid small{border-color:#2a4260;color:#7f9bb7}
body[data-theme=dark] .achievement-note{border-color:#2d4865}
body[data-theme=dark] .sync-section{background:#10243b}
body[data-theme=dark] .sync-inner p{color:#aabfd3}
body[data-theme=dark] .sync-inner a{border-color:#4778a5}

@media(max-width:700px){.header-actions{gap:5px}.theme-toggle{padding:6px 7px}.theme-label{display:none}.hero-portrait:before{height:84%;top:5%}.portrait-frame{width:65%;height:84%}.spine span{animation-duration:2.4s}}
@media(prefers-reduced-motion:reduce){.spine span{animation:none}}