@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap");:root{--navy:#101f2a;--cream:#f7f5f0;--paper:#fffefa;--bronze:#a77d57;--ink:#1c2c36;--muted:#6b7477;--line:#deded8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:DM Sans,sans-serif;color:var(--ink);background:var(--cream)}a,button{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.wrap{max-width:1250px;margin:auto;padding:0 5%}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.24em;text-transform:uppercase}.top{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{font:800 26px Manrope,sans-serif;letter-spacing:.2em}.top nav{display:flex;gap:30px;font-size:13px}.subtlelink:hover,.top nav a:hover{color:var(--bronze)}.social{display:flex;gap:17px;font-size:13px}.hero{background:var(--navy);color:white;min-height:660px;position:relative;overflow:hidden}.hero:before{inset:0;background:radial-gradient(ellipse at 80% 45%,#7d6b61 0,transparent 36%),linear-gradient(115deg,#101f2a 28%,#23333b 62%,#5d6b6a);opacity:.8}.hero:after,.hero:before{content:"";position:absolute}.hero:after{right:-8%;bottom:-28%;width:72%;height:88%;background:linear-gradient(145deg,transparent 40%,#0b1721 41% 45%,transparent 46%),linear-gradient(25deg,transparent 38%,#24343c 39% 55%,transparent 56%),linear-gradient(155deg,transparent 35%,#65706b 36% 47%,transparent 48%);clip-path:polygon(0 100%,15% 66%,28% 81%,46% 22%,60% 55%,75% 12%,100% 85%,100% 100%);opacity:.65}.hero .wrap{position:relative;z-index:2}.hero .top{border-bottom:1px solid #ffffff22}.hero-main{padding:110px 0 105px;max-width:780px}.hero h1{font:600 clamp(45px,6vw,83px)/1.1 Manrope,sans-serif;letter-spacing:-.065em;margin:26px 0}.hero h1 em{font-style:normal;color:#d0a17d}.hero p{max-width:550px;color:#d2d9da;line-height:1.75;font-size:17px}.actions{display:flex;gap:12px;margin-top:35px;flex-wrap:wrap}.btn{border:1px solid #ffffff75;background:transparent;color:white;padding:15px 23px;border-radius:3px;transition:.25s}.btn.primary{background:#c49a76;color:#101f2a;border-color:#c49a76;font-weight:700}.btn:hover{transform:translateY(-3px)}.quote{margin-top:65px;display:flex;align-items:center;gap:20px;color:#dfc7b1;font-size:14px;letter-spacing:.05em}.quote:before{content:"";width:42px;height:1px;background:#c49a76}.section{padding:110px 0}.section h2{font:600 clamp(32px,4vw,55px)/1.14 Manrope,sans-serif;letter-spacing:-.05em;margin:17px 0 22px}.lede{color:var(--muted);max-width:590px;line-height:1.7}.ticker{overflow:hidden;background:#fffefa;border-bottom:1px solid var(--line);border-top:1px solid var(--line);padding:24px 0}.ticker-label{text-align:center;font-size:10px;letter-spacing:.25em;font-weight:700;margin-bottom:20px;color:#7b7d79}.marquee{display:flex;width:-moz-max-content;width:max-content;gap:64px;animation:move 35s linear infinite}.marquee:hover{animation-play-state:paused}.marquee span{font:700 21px Manrope,sans-serif;color:#76817e;white-space:nowrap}.marquee span i{color:#bb9a78;font-style:normal;margin-right:10px}@keyframes move{to{transform:translateX(-50%)}}.project-header{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:40px}.project-shell{display:grid;grid-template-columns:340px 1fr;min-height:490px;border:1px solid var(--line);background:var(--paper)}.project-menu{border-right:1px solid var(--line);display:flex;flex-direction:column}.project-tab{text-align:left;padding:30px 25px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);transition:.2s}.project-tab.active{background:#e9e3d9;border-left:4px solid var(--bronze);padding-left:21px}.project-tab:hover{background:#f0ece4}.project-tab small{display:block;color:#887c70;margin-bottom:12px;font-size:11px;letter-spacing:.14em}.project-tab strong{font:700 18px Manrope,sans-serif}.project-visual{justify-content:space-between}.project-visual,.visual-box{padding:35px;display:flex;flex-direction:column}.visual-box{min-height:285px;background:radial-gradient(circle at 80% 20%,#2c4952,#132630 65%);color:white;justify-content:center;gap:26px}.diagram{display:flex;justify-content:space-between;align-items:center;gap:12px}.node{border:1px solid #b9c7c260;border-radius:8px;padding:20px 8px;text-align:center;flex:1;font-size:13px;min-width:0}.node b{display:block;font-size:24px;color:#d8b28f;margin-bottom:10px}.arrow{color:#d4b18d;font-size:25px}.visual-meta{justify-content:space-between;gap:15px;align-items:center;margin-top:23px}.chips,.visual-meta{display:flex;flex-wrap:wrap}.chips{gap:7px}.chips span{background:#f0eee9;padding:8px 11px;border-radius:3px;font-size:11px}.subtlelink{border:0;background:none;font-weight:700;font-size:13px}.manifesto{background:#eae7df}.manifesto-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.manifesto .big{font:600 clamp(40px,5vw,73px)/1.12 Manrope,sans-serif;letter-spacing:-.06em}.manifesto .big em{color:var(--bronze);font-style:normal}.steps{display:grid;gap:26px}.step{border-top:1px solid #c9c5bb;padding-top:22px;display:grid;grid-template-columns:50px 1fr;gap:20px}.step b{color:var(--bronze)}.step strong{font-size:20px}.step p{line-height:1.65;color:var(--muted);margin-bottom:0}.story{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:start}.timeline{border-left:1px solid #c4b09c;padding-left:30px}.timeitem{position:relative;margin-bottom:32px}.timeitem:before{content:"";position:absolute;left:-36px;top:5px;width:11px;height:11px;background:var(--bronze);border-radius:50%}.timeitem small{color:var(--bronze)}.timeitem h3{margin:7px 0}.timeitem p{color:var(--muted);line-height:1.6}.certs{background:#f0ede7}.certline{display:flex;width:-moz-max-content;width:max-content;gap:18px;animation:move 38s linear infinite}.certline:hover{animation-play-state:paused}.cert{border:1px solid #d5d0c7;background:#fffefa;padding:18px 25px;min-width:225px;display:flex;gap:14px;align-items:center}.cert b{font-size:22px;color:var(--bronze)}.cert span{font-size:13px;font-weight:700}.cert small{display:block;color:#777;font-size:10px;margin-top:5px}.cert-viewport{overflow:hidden;margin-top:45px}.contact{background:var(--navy);color:white;padding:110px 0}.contact h2{font:600 clamp(36px,5vw,66px)/1.13 Manrope,sans-serif;letter-spacing:-.055em;max-width:760px}.contact p{color:#bac7c7;line-height:1.7}.footer{border-top:1px solid #ffffff30;padding:25px 0;display:flex;justify-content:space-between;color:#aab7b8;font-size:12px}.modal{position:fixed;inset:0;background:#071117bb;z-index:10;display:none;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-inner{background:#fffefa;padding:42px;max-width:640px;width:100%;position:relative;max-height:90vh;overflow:auto}.close{position:absolute;right:20px;top:16px;background:none;border:0;font-size:28px}.modal h2{font:700 30px Manrope,sans-serif}.modal p{line-height:1.7;color:var(--muted)}.modal ul{line-height:1.9}.reveal{opacity:0;transform:translateY(25px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}@media(max-width:800px){.top nav{display:none}.hero{min-height:610px}.hero-main,.section{padding:75px 0}.manifesto-grid,.project-shell,.story{grid-template-columns:1fr}.project-menu{border-right:0}.project-tab{padding:20px}.project-visual{padding:18px}.visual-box{padding:20px}.diagram{gap:5px}.node{font-size:10px;padding:12px 4px}.node b{font-size:17px}.arrow{font-size:16px}.project-header{display:block}.manifesto-grid,.story{gap:40px}.social{font-size:11px}.hero h1{font-size:clamp(43px,10vw,66px)}}@media(prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;scroll-behavior:auto!important;transition:none!important}.reveal{opacity:1;transform:none}}#scrollProgress{position:fixed;top:0;left:0;height:3px;width:0;background:#cda27c;z-index:30;pointer-events:none}.hero-main .eyebrow{animation:riseIn .8s both}.hero h1{animation:riseIn 1s .12s both}.hero-main>p{animation:riseIn 1s .3s both}.hero-main .actions{animation:riseIn 1s .48s both}.hero-main .quote{animation:riseIn 1s .65s both}@keyframes riseIn{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.hero:before{animation:atmosphere 15s ease-in-out infinite alternate}.hero:after{animation:mountainDrift 17s ease-in-out infinite alternate}@keyframes atmosphere{to{opacity:1;transform:scale(1.08)}}@keyframes mountainDrift{to{transform:translate3d(-2%,1%,0)}}.project-visual.swap .visual-box{animation:projectEnter .55s cubic-bezier(.2,.8,.2,1)}@keyframes projectEnter{0%{opacity:.3;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.node{transition:transform .35s,border-color .35s,box-shadow .35s}.node:hover{transform:translateY(-7px);border-color:#d4b18d;box-shadow:0 8px 35px #d4b18d24}.diagram .arrow{animation:pulse 2.4s infinite}@keyframes pulse{50%{opacity:.35;transform:translateX(5px)}}.timeline{position:relative}.timeline:after{content:"";position:absolute;left:-1px;top:0;width:2px;height:var(--timeline-progress,0);background:#a77d57;transition:height .12s linear}.timeitem{opacity:.55;transform:translateY(12px);transition:opacity .6s,transform .6s}.timeitem.active{opacity:1;transform:none}.compound{margin-top:30px;background:#fffefa;border:1px solid #d9d3c9;padding:24px}.compound .bars{display:flex;gap:5px;align-items:end;height:105px;margin:18px 0}.compound .bars span{flex:1;background:linear-gradient(#c99d76,#a77d57);height:var(--h);border-radius:2px 2px 0 0;transform-origin:bottom;animation:growBars 1.4s both;animation-play-state:paused}.compound.visible .bars span{animation-play-state:running}@keyframes growBars{0%{transform:scaleY(.05)}to{transform:scaleY(1)}}.compound small{color:#6b7477}.compound strong{font-size:32px;color:#a77d57}@media(prefers-reduced-motion:reduce){.compound .bars span,.hero h1,.hero-main .actions,.hero-main .eyebrow,.hero-main .quote,.hero-main>p{animation:none!important}.timeitem{opacity:1;transform:none}}.ws-section{background:#f3f0e8;color:#122a39;padding:95px 4% 110px}.ws-intro{max-width:1180px;margin:0 auto 36px;display:flex;align-items:end;justify-content:space-between;gap:24px}.ws-intro h2{font-size:clamp(38px,5vw,68px);font-weight:500;line-height:1.1;letter-spacing:-.045em;margin:15px 0}.ws-intro p{max-width:370px;line-height:1.75;color:#637482;font-size:15px}.ws-frame{max-width:1280px;margin:auto;border:1px solid #3e5260;border-radius:12px;background:#0b1723;box-shadow:0 28px 85px #0b17233d}.ws-frame iframe{height:780px}.ws-note{max-width:1280px;margin:18px auto 0;color:#72808a;font-size:12px}.ws-footer{padding:55px 7%;background:#0c1b28;color:#e9ede9;display:flex;align-items:center;justify-content:space-between;gap:15px}.ws-footer a{color:#d7a77c;text-decoration:none;margin-left:22px}.ws-footer strong{letter-spacing:.25em}@media(max-width:700px){.ws-section{padding:65px 3%}.ws-intro{display:block;padding:0 3%}.ws-frame iframe{height:770px}.ws-footer{display:block}.ws-footer a{display:inline-block;margin:18px 15px 0 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.ws-section{padding:70px max(4vw,18px) 95px!important;background:#f7f5f0}.ws-intro{max-width:1250px;margin:0 auto 30px}.ws-frame{max-width:1340px;margin:0 auto;position:sticky;top:6vh;border-radius:14px;overflow:hidden;box-shadow:0 22px 70px #0c22302b;background:#08121d}.ws-frame iframe{display:block;width:100%;height:80dvh;min-height:550px;border:0;overflow:hidden}@media(min-width:800px){.ws-section{min-height:calc(100dvh + 180px)}}@media(max-width:799px){.ws-section{padding:54px 12px 65px!important;min-height:0!important}.ws-intro{padding:0 8px}.ws-frame{position:relative;top:auto;border-radius:12px}.ws-frame iframe{height:560px;min-height:0}}@media(min-width:800px){.ws-frame iframe{height:clamp(490px,76dvh,820px)!important;min-height:0!important}.ws-frame{top:9dvh!important}.ws-section{min-height:calc(100dvh + 170px)!important}}.mobile-native{display:none}@media(max-width:799px){.ws-frame{display:none!important}.mobile-native{display:block}.ws-section{padding:45px 14px 65px!important}.ws-intro{margin-bottom:22px!important}.ws-intro h2{font-size:clamp(31px,8vw,43px)!important}.hero{min-height:72svh!important}.hero h1{font-size:clamp(40px,10vw,64px)!important}.hero .hero-inner{padding-top:25px!important;padding-bottom:25px!important}}.m-window{background:#0b1824;color:#f4f1e9;border-radius:14px;overflow:hidden;box-shadow:0 22px 50px #0c22302a;font-family:ui-monospace,Consolas,monospace}.m-top{display:flex;justify-content:space-between;align-items:center;background:#162a39;border-bottom:1px solid #345063;padding:14px;font-size:11px;color:#b4c6d0}.m-dots{color:#d6a77c;letter-spacing:3px}.m-filetabs{display:flex;overflow-x:auto;gap:0;background:#102331;scrollbar-width:none}.m-filetabs::-webkit-scrollbar{display:none}.m-tab{flex:none;border:0;border-right:1px solid #304756;background:transparent;color:#b7c7d0;font:11px ui-monospace,monospace;padding:14px 13px;cursor:pointer}.m-tab.active{background:#0b1824;color:white;box-shadow:inset 0 2px #d6a77c}.m-editor{padding:25px 18px 22px;min-height:290px}.m-view{display:none}.m-view.active{display:block}.m-kicker{color:#d7a77c;letter-spacing:.16em;font-size:10px}.m-view h2{font:normal clamp(29px,8vw,42px)/1.12 Georgia,serif;color:#f3eee7;margin:16px 0}.m-view p{font:14px/1.7 Arial,sans-serif;color:#c3d0d8}.m-carousel{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:13px;margin:20px -18px 0;padding:0 18px 12px;scrollbar-width:none}.m-carousel::-webkit-scrollbar{display:none}.m-project{flex:0 0 88%;scroll-snap-align:start;background:#152b3a;border:1px solid #3c5969;border-radius:8px;padding:13px}.m-project small{font-size:10px;color:#d7a77c}.m-project h3{font:normal 24px Georgia,serif;margin:12px 0 8px}.m-project p{font-size:13px;margin:0 0 13px}.m-links a,.m-project a{color:#e0b78f;font-size:12px}.m-graphic{min-height:115px;border:1px solid #37586b;background:radial-gradient(ellipse at center,#264a60,#102331);display:flex;align-items:center;justify-content:center;gap:7px;margin-bottom:15px;padding:10px}.m-graphic span{font-size:10px;color:#e9eee9;padding:9px 5px;border:1px solid #7192a0;border-radius:4px}.m-graphic b{color:#d7a77c}.m-hint{text-align:center;color:#93a9b8;font-size:10px;margin-top:9px}.m-code{padding:18px;border:1px solid #345063;background:#132a3b;color:#a9d0e6;line-height:2;margin-top:20px;font-size:12px}.m-code em{color:#d6a77c;font-style:normal}.m-links{display:flex;gap:20px;margin-top:20px}.m-terminal-toggle{width:100%;border:0;border-top:1px solid #344a5b;border-bottom:1px solid #344a5b;background:#102231;color:#f1eae1;display:flex;justify-content:space-between;padding:14px 18px;font:11px ui-monospace,monospace;cursor:pointer}.m-terminal-toggle span{color:#a6b9c6}.m-terminal{padding:15px 18px;background:#071521}.m-terminal p{font-size:11px;color:#8fb89f}.m-terminal form{display:flex;gap:8px}.m-terminal input{background:transparent;color:white;border:1px solid #496273;min-width:0;flex:1;padding:9px;font-size:12px}.m-terminal form button{background:#cda078;color:#112231;border:0;padding:8px;font-size:11px}.m-status{display:flex;justify-content:space-between;background:#1a3849;padding:8px 14px;font-size:10px;color:#b9d0da}@media (min-width:800px){.ws-frame{max-width:1480px!important;top:5dvh!important}.ws-frame iframe{height:clamp(540px,83dvh,900px)!important;min-height:0!important}.ws-intro,.ws-note{max-width:1480px!important}}@media (min-width:800px) and (max-height:680px){.ws-frame{top:2dvh!important}.ws-frame iframe{height:91dvh!important}}@media(max-width:799px){.mobile-native .m-badge-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:18px 0 8px}.mobile-native .m-badge{min-width:0;text-align:center;border:1px solid rgba(143,169,187,.22);border-radius:10px;padding:12px 8px;background:rgba(255,255,255,.035)}.mobile-native .m-badge img{display:block;width:100%;height:126px;-o-object-fit:contain;object-fit:contain;margin:0 auto 8px}.mobile-native .m-badge span{display:block;font-size:11px;line-height:1.4;color:#dce5e9}.mobile-native [data-page=experience] .m-code{text-align:left;line-height:1.8;font-size:12px;white-space:normal}.mobile-native .m-project p{line-height:1.5}}.m-intro-profile{display:flex;gap:14px;align-items:center;margin:14px 0 18px}.m-avatar{width:90px;height:90px;flex-shrink:0;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #d5a77d}.m-intro-profile h2{margin:0 0 6px!important;font-size:23px!important}.m-intro-profile p{font-size:13px;line-height:1.5}.m-exp-intro{margin-bottom:23px!important}.m-exp-columns{display:grid;grid-template-columns:1fr;gap:20px}.m-exp-columns h3{font-size:13px;color:#e4b18b;margin:0 0 10px}.m-badge{background:transparent!important;border:0!important;padding:2px!important}.m-badge img{background:transparent!important}.m-badge img,.mobile-native .m-badge img{-o-object-fit:contain!important;object-fit:contain!important}.mobile-native .m-badge img{width:100%!important;max-width:165px!important;height:120px!important}.mobile-native .m-badge{padding:6px 4px!important}.m-about-story{padding:16px 14px;margin:12px 0;border:1px solid rgba(211,160,120,.22);border-radius:9px;background:#102433}.m-about-story h3{font-size:17px;color:#d9a47a;margin:0 0 10px}.m-about-story p{font-size:14px;line-height:1.55;color:#c9d1d6;margin:0 0 10px}.m-about-story p:last-child{margin-bottom:0}.m-view[data-page=certs]>p{margin-bottom:22px!important}@media (max-width:799px){.mobile-native .m-toolkit{min-width:0}.mobile-native .m-toolkit .eyebrow{color:#d7a77c;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.mobile-native .m-toolkit h2{font:normal clamp(29px,8vw,42px)/1.12 Georgia,serif;color:#f3eee7;margin:16px 0}.mobile-native .m-toolkit .lede{color:#c3d0d8;font:14px/1.7 Arial,sans-serif;margin-bottom:20px}.mobile-native .m-toolkit .code{background:#132a3b;border:1px solid #345063;border-radius:8px;padding:16px 12px;color:#dce5e9;font:12px/1.9 ui-monospace,Consolas,monospace;white-space:pre-line;overflow-wrap:anywhere;min-width:0}.mobile-native .m-toolkit .comment{color:#8fa9b8}.mobile-native .m-toolkit .key{color:#d7a77c;font-weight:700}.mobile-native .m-toolkit .value{color:#a9d0e6}.mobile-native .m-toolkit-projects{display:inline-flex;align-items:center;justify-content:center;max-width:100%;margin-top:18px;padding:12px 18px;border:1px solid #cda078;border-radius:6px;background:#cda078;color:#112231;font:600 12px/1.5 ui-monospace,Consolas,monospace;text-align:center;text-decoration:none;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}.mobile-native .m-toolkit-projects:hover{background:#e0b78f;border-color:#e0b78f}.mobile-native .m-toolkit-projects:active{transform:translateY(1px)}}@media (max-width:799px){.mobile-native .m-toolkit-projects:focus-visible{outline:2px solid #f3eee7;outline-offset:3px}}