@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;650;700;800&display=swap');
:root{--ink:#121b2a;--muted:#586172;--blue:#152cfa;--line:#d7dce5;--paper:#f8f9fb;--white:#fff;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #ff9c28;outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif}img{display:block;max-width:100%}.wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.header{height:104px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:14px;font-weight:700}.monogram{display:grid;place-items:center;background:var(--blue);color:white;width:42px;height:42px;border-radius:50%;font-size:25px;letter-spacing:-2px;padding-right:3px}.header nav{display:flex;gap:34px;font-size:14px}.header nav a:hover,.text-link:hover{color:var(--blue)}.language{display:flex;align-items:center;gap:6px;font-size:14px}.language button{border:0;background:none;padding:9px;cursor:pointer;color:var(--muted)}.language button[aria-pressed=true]{color:var(--blue);font-weight:700}.language>span{color:#a6adba}.hero{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:100px;padding-block:84px 78px}.eyebrow{font-size:12px;letter-spacing:1.6px;font-weight:700;line-height:1.7}.hero .eyebrow{color:var(--blue);margin-bottom:24px}h1{font-size:clamp(44px,5.1vw,72px);font-weight:650;line-height:1.09;letter-spacing:-3.8px;max-width:830px}.intro{font-size:20px;line-height:1.65;color:var(--muted);max-width:570px;margin-top:28px}.hero-actions{display:flex;gap:30px;align-items:center;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;padding:17px 25px;min-height:54px;font-size:15px;font-weight:600;border-radius:4px;transition:background .18s,transform .18s}.button:hover{transform:translateY(-2px)}.primary{background:var(--blue);color:white}.primary:hover{background:#0e20c8}.text-link{font-size:15px;font-weight:600;border-bottom:1px solid var(--line);padding-block:8px}.identity{border-left:1px solid var(--line);padding-left:34px;align-self:center}.portrait-frame{width:116px;height:116px;border-radius:50%;overflow:hidden;margin-bottom:23px}.portrait-frame img{width:100%;height:100%;object-fit:cover}.identity-name{font-size:20px;font-weight:700;margin-bottom:6px}.identity p:not(.identity-name){font-size:14px;color:var(--muted);line-height:1.7}.identity-rule{height:1px;background:var(--line);margin-block:22px}.identity .availability{font-size:12px!important;color:var(--blue)!important;border:1px solid #c8d0ff;border-radius:4px;padding:9px 11px;margin-top:18px;line-height:1.5!important}.stack-band{border-block:1px solid var(--line);background:#eef1f6}.stack-band .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-block:22px;font-family:Manrope,sans-serif;font-size:14px;font-weight:600;color:#4c5669}.work{padding-block:86px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:36px}.section-heading h2{margin-top:12px}.section-heading>p{max-width:325px;color:var(--muted);line-height:1.65;font-size:16px}h2{font-size:clamp(32px,3.4vw,46px);letter-spacing:-1.8px;line-height:1.18;font-weight:650}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.project{padding:32px 34px;border:1px solid var(--line);border-radius:8px;display:flex;flex-direction:column;min-width:0;transition:box-shadow .2s}.project:hover{box-shadow:0 12px 35px #0d18320a}.project-top{display:flex;justify-content:space-between;align-items:center;gap:14px}.project-kind{font-size:12px;letter-spacing:1.25px;font-weight:600;line-height:1.5}.project-number{font-size:12px;opacity:.65}.project-wordmark{font-family:Manrope,sans-serif;font-size:clamp(40px,5vw,66px);font-weight:700;letter-spacing:-3px;height:165px;display:flex;align-items:center}.project-wordmark>span{font-size:18px;letter-spacing:0;align-self:center;margin-left:3px}.project-content{display:flex;flex-direction:column;flex:1}.project-role{font-size:12px;opacity:.8;margin-bottom:9px}.project h3{font-size:26px;font-weight:650;letter-spacing:-.8px;line-height:1.25;margin-bottom:16px}.project-content>p:not(.project-role):not(.disclosure){font-size:16px;line-height:1.75;max-width:480px}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-block:24px 28px;font-size:12px}.tags span{padding:6px 10px;border:1px solid currentColor;border-radius:4px}.project-link{display:inline-block;font-size:15px;font-weight:700;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px;align-self:flex-start;padding-block:6px;margin-top:auto}.project-link:hover{text-decoration-thickness:2px}.project-links{display:flex;gap:26px;flex-wrap:wrap;margin-top:auto}.disclosure{font-size:12px;line-height:1.7;opacity:.75;margin-top:20px}.crelyvo{background:var(--blue);color:white;border-color:var(--blue)}.crelyvo .tags span{border-color:#7483ff}.expenses{background:white}.expense-title{font-size:42px;font-weight:500;color:var(--blue);line-height:1.15;letter-spacing:-1.8px;max-width:350px}.expenses .tags span{border-color:var(--line)}.innova{background:#e8edf1}.innova-title{flex-direction:column;align-items:start;justify-content:center;letter-spacing:4px;font-size:46px;font-weight:600}.innova-title>span{font-size:12px;letter-spacing:4px;align-self:start;margin-left:4px;margin-top:7px}.innova .tags span{border-color:#b9c3ce}.github{background:#17212f;color:#f8f9fb;border-color:#17212f}.github-title{font-family:monospace;font-size:42px;font-weight:400;line-height:1.08;letter-spacing:-2px}.github-title>span{font-size:48px;color:#9ba7ff;align-self:center}.github .tags span{border-color:#596479}.about{padding-block:8px 90px;display:grid;grid-template-columns:1fr 1fr;gap:100px}.about h2{margin-block:14px 24px;max-width:400px}.about-intro{font-size:17px;line-height:1.8;color:var(--muted);max-width:470px}.timeline>div{position:relative;border-top:1px solid var(--line);padding:20px 0 22px 126px}.timeline>div>span{position:absolute;left:0;top:22px;font-size:12px;color:var(--muted);line-height:1.6}.timeline h3{font-size:18px;margin-bottom:6px}.timeline p{font-size:14px;color:var(--muted);line-height:1.7}.contact{background:var(--blue);color:white;padding-block:64px}.contact-inner{display:flex;align-items:center;justify-content:space-between;gap:64px}.contact h2{max-width:670px;margin-block:16px 22px}.contact p:not(.eyebrow){font-size:16px;line-height:1.7;max-width:590px;color:#e1e5ff}.contact-button{background:white;color:var(--blue);flex-shrink:0}.contact-button:hover{background:#e9edff}footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:30px;font-size:12px;color:var(--muted)}footer a{text-decoration:underline;text-underline-offset:4px}.skip{position:absolute;left:20px;top:-80px;padding:14px;background:white;z-index:10}.skip:focus{top:10px}section[id]{scroll-margin-top:30px}
@media(min-width:1600px){.hero{padding-block:105px}.project-wordmark{height:180px}}
@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.hero{gap:45px;grid-template-columns:minmax(0,1fr) 220px}.identity{padding-left:24px}h1{letter-spacing:-2.5px}.project{padding:26px}.about{gap:45px}.contact-inner{gap:35px}.contact-button{max-width:230px;text-align:center}.timeline>div{padding-left:0;padding-top:44px}.timeline>div>span{top:15px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.header{height:84px;gap:12px}.header nav{display:none}.brand{font-size:15px;gap:10px}.monogram{width:36px;height:36px;font-size:22px}.language{gap:0}.hero{display:block;padding-block:48px 42px}.hero .eyebrow{font-size:11px;letter-spacing:1px;margin-bottom:22px}h1{font-size:44px;letter-spacing:-2.3px;max-width:560px}.intro{font-size:18px;margin-top:24px}.hero-actions{gap:24px}.identity{display:grid;grid-template-columns:64px 1fr;column-gap:18px;padding:24px 0 0;border-left:0;border-top:1px solid var(--line);margin-top:38px}.portrait-frame{width:64px;height:64px;grid-row:1/4;margin:0}.identity-name{font-size:18px}.identity .identity-note{margin-top:2px;font-size:12px!important}.identity-rule{display:none}.identity .availability{grid-column:1/-1;justify-self:start;margin-top:18px}.stack-band .wrap{justify-content:start;gap:14px 26px;padding-block:18px;font-size:12px}.work{padding-block:50px}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:18px;max-width:440px}h2{font-size:34px;letter-spacing:-1.4px}.project-grid{grid-template-columns:1fr;gap:20px}.project{padding:26px}.project-wordmark{height:145px;font-size:58px}.expense-title{font-size:38px;max-width:330px}.innova-title{font-size:40px}.github-title{font-size:40px}.project h3{font-size:25px}.about{display:block;padding-block:10px 50px}.about-intro{max-width:none}.timeline{margin-top:32px}.timeline>div{padding-left:110px;padding-top:20px}.timeline>div>span{top:21px}.contact{padding-block:44px}.contact-inner{display:block}.contact-button{max-width:none;margin-top:28px}footer{flex-wrap:wrap;gap:15px;font-size:12px}footer>span:nth-child(2){order:3;width:100%}footer a{margin-left:auto}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{transition:none!important}}

.github-title>.github-copy{font:inherit;color:inherit;max-width:280px;letter-spacing:inherit;margin:0;line-height:1.1}

/* Live project previews */
.project-preview{display:block;margin:27px -10px 28px;border-radius:7px;overflow:hidden;border:1px solid #ffffff38;background:#fff;color:#243044;box-shadow:0 14px 28px #07102318;isolation:isolate}
.browser-bar{height:33px;display:flex;align-items:center;gap:16px;padding:0 12px;background:#f1f3f7;border-bottom:1px solid #dde2ea;font-size:10px;letter-spacing:.2px;overflow:hidden;white-space:nowrap}
.browser-dots{display:flex;gap:4px;flex-shrink:0}.browser-dots i{width:5px;height:5px;background:#a6aebc;border-radius:50%}
.preview-image{position:relative;aspect-ratio:3/2;overflow:hidden;background:#e3e8ee}.preview-image img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .55s cubic-bezier(.2,.7,.3,1),filter .4s}
.preview-open{position:absolute;bottom:16px;right:16px;font-size:12px;font-weight:700;background:white;color:#162537;padding:10px 14px;border-radius:4px;box-shadow:0 4px 20px #0002;opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s}
.project-preview:hover img,.project-preview:focus-visible img{transform:scale(1.035);filter:brightness(.94)}.project-preview:hover .preview-open,.project-preview:focus-visible .preview-open{opacity:1;transform:none}
.project{transition:transform .3s,box-shadow .3s}.project:hover{transform:translateY(-4px);box-shadow:0 20px 48px #17212f14}
.project-link{display:inline-flex;align-items:center;gap:8px;border:1px solid currentColor;border-radius:5px;padding:11px 17px;text-decoration:none;background:transparent;transition:background .2s,box-shadow .2s}
.project-link:hover{background:#ffffff15;box-shadow:0 3px 12px #0001;text-decoration:none}.expenses .project-link{color:var(--blue)}.secondary-link{border-color:var(--line);font-weight:500}.project-links{gap:12px}.project-content>.project-link{margin-top:auto}
.crelyvo .project-link{background:white;color:var(--blue);border-color:white}.github .project-link{color:white}.project-kind{font-size:12px}
.contact-actions{display:flex;flex-direction:column;gap:12px;min-width:270px}.contact-actions .contact-button{max-width:none}.email-card{display:flex;align-items:center;gap:14px;border:1px solid #8f9bff;border-radius:6px;padding:18px;color:white;transition:background .2s,transform .2s}.email-card:hover{background:#ffffff15;transform:translateY(-2px)}.email-card svg{width:26px;height:26px;flex-shrink:0}.email-card span{display:block;font-size:15px;font-weight:600;overflow-wrap:anywhere}.email-card small{display:block;font-size:12px;color:#dfe4ff;margin-bottom:5px}
@keyframes intro-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.hero-copy{animation:intro-rise .75s both}.identity{animation:intro-rise .85s .12s both}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.3,1)}.reveal.revealed{opacity:1;transform:translateY(0)}.project.revealed:hover{transform:translateY(-4px)}
@media(max-width:700px){.project-preview{margin-inline:-8px}.preview-open{opacity:1;transform:none;bottom:10px;right:10px;font-size:11px;padding:8px 10px}.contact-actions{margin-top:28px;min-width:0}.contact-actions .contact-button{margin-top:0}.project-links{gap:10px}.project-link{font-size:14px}.email-card{padding:16px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.project:hover,.project.revealed:hover,.project-preview:hover img,.project-preview:focus-visible img{transform:none}}

/* The CV download follows the visitor's selected language. */
.hero-actions{flex-wrap:wrap;gap:16px 22px}
.cv-download{gap:9px;border:1px solid var(--line);background:white;color:var(--ink)}
.cv-download:hover{background:#eef1f6;border-color:#aab5c6}
.cv-download svg{width:19px;height:19px;flex-shrink:0}
.cv-format{font-size:10px;font-weight:700;letter-spacing:.5px;color:var(--muted)}
.contact-actions .cv-download{border-color:white;color:var(--blue)}
@media(max-width:400px){.hero-actions .button{padding-inline:17px}}

/* Client Shopify stores */
.shopify{background:#fff}.bisutrendy{background:#faf6ef}.coqui{background:#eef6f1}.shopify .tags span{border-color:#c5cfc9}.coqui .preview-image{background:#06352e}.coqui .preview-image img{object-fit:contain;object-position:center;padding:10px}.bisutrendy .preview-image img{object-position:center}