:root{--paper:#fff;--ink:#152440;--muted:#64748b;--line:#e4eaf2;--accent:#3167d5;--soft:#f5f8fd;--font:"Plus Jakarta Sans",sans-serif;--ease:cubic-bezier(.2,.7,.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.7 var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit;border:0}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #83aaf1;outline-offset:4px}img{display:block;max-width:100%}button:disabled{opacity:.35;cursor:default}[hidden]{display:none!important}.wrap{width:calc(100% - 96px);max-width:1220px;margin-inline:auto}.section{padding-block:96px}.tint{background:var(--soft);border-block:1px solid #edf1f7}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:var(--accent);margin:0 0 15px}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:#fff;padding:12px}.skip-link:focus{top:10px}.reading-progress{position:fixed;top:0;left:0;height:3px;background:var(--accent);z-index:101;width:100%;transform:scaleX(0);transform-origin:left}.header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:24px;background:#ffffffed;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:18px max(32px,calc((100vw - 1280px)/2));border-bottom:1px solid var(--line);transition:box-shadow .3s}.header.scrolled{box-shadow:0 6px 24px #14294a0a}.brand{display:flex;align-items:center;gap:12px;font-size:13px;font-weight:800;white-space:nowrap;line-height:1.4}.brand-symbol{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--ink);color:#fff;font-size:23px;letter-spacing:-2px;padding-bottom:3px}.brand small{display:block;font-size:9px;font-weight:500;letter-spacing:.5px;color:var(--muted);margin-top:4px}nav{display:flex;gap:25px;font-size:11px;font-weight:600}nav a{position:relative;padding:8px 0;transition:color .2s}nav a:after{content:"";position:absolute;bottom:0;inset-inline-start:0;width:0;height:2px;background:var(--accent);transition:width .3s}nav a:hover,nav a.active{color:var(--accent)}nav a:hover:after,nav a.active:after{width:100%}.header-actions{display:flex;gap:12px;align-items:center}.menu-toggle{display:none;background:var(--soft);border-radius:9px;width:40px;height:40px}.language-picker{position:relative}#language-toggle{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:9px 11px;font-size:11px;font-weight:700}.chevron{transition:transform .2s}#language-toggle[aria-expanded=true] .chevron{transform:rotate(180deg)}#language-options{position:absolute;inset-inline-end:0;top:calc(100% + 12px);width:210px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 60px #15244020;animation:appear .2s}#language-options p{font-size:10px;color:var(--muted);margin:3px 10px 9px}#language-options button{display:flex;gap:10px;align-items:center;width:100%;padding:11px 10px;background:transparent;text-align:start;border-radius:8px;font-size:12px}#language-options button:hover,#language-options button[aria-pressed=true]{background:#edf3ff;color:var(--accent)}#language-options small{margin-inline-start:auto;color:var(--muted);font-size:9px}.hero{background:linear-gradient(110deg,#fbfcff 30%,#f0f5fc);overflow:hidden;position:relative}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:65px;padding-block:72px 64px}.availability{display:inline-flex;align-items:center;gap:9px;font-size:10px;font-weight:600;background:#fff;border:1px solid var(--line);padding:7px 13px;border-radius:30px;margin:0 0 26px}.availability i,figcaption i{width:6px;height:6px;display:inline-block;border-radius:50%;background:#23a273;box-shadow:0 0 0 4px #23a27312}.intro{font-size:19px;margin:0 0 6px;color:var(--muted)}h1{font-size:clamp(52px,5.8vw,80px);font-weight:800;letter-spacing:-3.5px;line-height:1.1;margin:0 0 20px}h1 span{color:var(--accent)}.hero-role{font-size:18px;font-weight:700;letter-spacing:-.5px;margin:0 0 16px}.lead{font-size:13px;line-height:1.95;color:var(--muted);max-width:465px;margin:0 0 28px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;justify-content:center;align-items:center;gap:25px;padding:13px 21px;border-radius:9px;font-size:11px;font-weight:700;line-height:1.8;position:relative;overflow:hidden;transition:transform .3s var(--ease),box-shadow .3s,background .3s;border:1px solid var(--line);background:#fff}.button span{font-size:19px;transition:transform .3s}.button:hover{transform:translateY(-3px);box-shadow:0 9px 24px #2858a521}.button:hover span{transform:translate(3px,-2px)}.primary{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 6px 16px #3167d526}.primary:hover{background:#2456b8}.secondary:hover{border-color:#a2bdec;background:#f1f6ff}.hero-location{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:26px;font-size:9px;color:var(--muted)}.location-dot{font-size:19px;color:var(--accent)}.hero-divider{height:12px;width:1px;background:#cdd6e3}.hero-visual{position:relative;padding:20px 25px 25px}.portrait{position:relative;background:#e3ebf7;border-radius:100px 24px 24px;margin:0;padding:36px 0 0;overflow:hidden;border:8px solid white;box-shadow:0 20px 55px #304f8212}.portrait img{width:100%;height:390px;-o-object-fit:contain;object-fit:contain;-o-object-position:bottom;object-position:bottom;transition:transform 1s var(--ease);position:relative}.portrait:hover img{transform:scale(1.035)}.portrait-index{position:absolute;top:24px;right:20px;font-size:8px;color:#637899;letter-spacing:1.5px}figcaption{position:relative;padding:13px 16px;background:#ffffffd9;display:flex;align-items:center;justify-content:center;gap:10px;font-size:10px;color:#445775}.floating-card{position:absolute;z-index:2;display:flex;align-items:center;gap:12px;padding:15px 18px;border:1px solid #ffffff;background:#ffffffef;box-shadow:0 12px 36px #233c6912;border-radius:13px;animation:float 7s ease-in-out infinite}.floating-card strong{display:block;font-size:10px}.floating-card small{font-size:8px;color:var(--muted)}.floating-code{top:65px;inset-inline-start:-24px}.floating-quality{bottom:0;inset-inline-end:-8px;animation-delay:-3s}.float-icon,.quality-check{display:grid;place-items:center;width:36px;height:36px;font-weight:800;border-radius:10px;background:#edf3ff;color:var(--accent);font-size:17px}.quality-check{background:#e9f7f0;color:#23a273}.orbit{position:absolute;border:1px dashed #c7d6ed;border-radius:50%;width:440px;height:440px;top:35px;left:0;pointer-events:none;animation:orbit 100s linear infinite}.orbit-two{width:490px;height:490px;top:10px;left:-25px;animation-direction:reverse}.visual-cross{position:absolute;right:0;top:0;font-size:35px;font-weight:400;color:#8facd6}.hero-bottom{display:flex;align-items:center;justify-content:space-between;padding-block:26px;border-top:1px solid #dce5f1}.stats{display:flex;gap:55px}.stat{display:flex;align-items:center;gap:13px}.stat strong{font-size:30px;font-weight:800;letter-spacing:-1px}.stat small{max-width:85px;font-size:10px;color:var(--muted);line-height:1.6}.scroll-link{display:flex;align-items:center;gap:20px;font-size:8px;letter-spacing:1.5px}.scroll-link span{font-size:22px;animation:nudge 2.5s ease-in-out infinite}h2{font-size:clamp(28px,3vw,40px);line-height:1.35;font-weight:800;letter-spacing:-1.6px;margin:0}h2 span{color:var(--accent)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:38px}.section-heading>p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}.section-heading.centered{display:block;text-align:center}.section-heading.centered p:last-child{margin-top:15px}.about-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:90px;align-items:center}.about-note{display:flex;gap:18px;align-items:center;margin-top:30px}.about-note>span{width:50px;height:50px;border-radius:50%;background:var(--soft);display:grid;place-items:center;color:var(--accent);font-size:27px}.about-note p{font-size:11px;color:var(--muted)}.about-copy{font-size:15px;line-height:1.95;color:var(--muted);margin:0 0 25px}.about-values{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid var(--line);padding-top:25px}.about-values span{font-size:10px;color:var(--accent);display:block;margin-bottom:8px}.about-values strong{font-size:11px}.about-values p{font-size:10px;color:var(--muted)}.text-link{display:inline-flex;align-items:center;gap:20px;font-size:11px;color:var(--accent);font-weight:700;margin-top:20px;border-bottom:1px solid #c6d7f6;padding-bottom:5px;transition:gap .3s}.text-link:hover{gap:28px}.skills{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.skill-group{background:#fff;border:1px solid var(--line);border-radius:16px;padding:23px;transition:transform .35s,box-shadow .35s}.skill-group:hover{transform:translateY(-5px);box-shadow:0 15px 30px #28467609}.skill-group h3{font-size:12px;margin:0 0 20px;display:flex;justify-content:space-between}.skill-group h3 small{font-size:9px;font-weight:500;color:#91a0b4}.skill-list{display:grid;grid-template-columns:1fr 1fr;gap:16px 10px}.skill{display:flex;align-items:center;gap:9px;min-width:0;font-size:9px;line-height:1.5}.skill img,.skill svg{width:25px;height:25px;flex-shrink:0;-o-object-fit:contain;object-fit:contain;transition:transform .4s var(--ease)}.skill:hover img,.skill:hover svg{transform:translateY(-3px) rotate(-7deg) scale(1.12)}.filters{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:30px}.filters button{background:var(--soft);border:1px solid var(--line);padding:9px 18px;font-size:10px;font-weight:600;border-radius:7px;transition:all .25s}.filters button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.filters button:hover{transform:translateY(-2px)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.project-card{min-width:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff;animation:appear .6s both;transition:transform .4s var(--ease),box-shadow .4s}.project-card:hover{transform:translateY(-7px);box-shadow:0 20px 40px #1e3e7612}.project-media{width:100%;aspect-ratio:1.42;background:#edf2fa;padding:24px 17px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.project-card:nth-child(3n+2) .project-media{background:#edf4f2}.project-card:nth-child(3n+3) .project-media{background:#f3f0eb}.project-media:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 25%,#ffffff70 50%,transparent 75%);transform:translate(-120%);transition:transform .8s}.project-media:hover:before{transform:translate(120%)}.project-media img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:4px;filter:drop-shadow(0 8px 10px #203c571a);transition:transform .8s var(--ease)}.project-media:hover img{transform:scale(1.08) translateY(-3px)}.preview-tag{position:absolute;bottom:10px;inset-inline-end:10px;background:#fffefc;padding:6px 10px;border-radius:6px;font-size:8px;box-shadow:0 2px 10px #1327470a}.project-body{padding:20px}.project-line{display:flex;align-items:center;justify-content:space-between;gap:10px}.project-line h3{font-size:16px;font-weight:800;margin:0;letter-spacing:-.5px}.project-line small{font-size:8px;color:var(--accent);text-align:end;max-width:100px}.project-card p{font-size:10px;line-height:1.9;color:var(--muted);margin:12px 0}.project-client{font-size:9px;color:var(--muted);display:block;margin-top:5px}.tech{display:block;font-size:8px;border-top:1px solid var(--line);padding-top:13px;color:#6c7c93}.more-wrap{text-align:center;margin-top:35px}.more-wrap p{font-size:10px;color:var(--muted)}.experience-row{position:relative;display:grid;grid-template-columns:150px 1fr 1.2fr;gap:30px;padding:28px;background:#fff;border:1px solid var(--line);border-radius:13px;margin-bottom:16px;transition:border-color .3s,transform .3s}.experience-row:hover{border-color:#b6cbed;transform:translate(4px)}.experience-row time{font-size:10px;color:var(--muted)}.experience-company{display:flex;gap:13px;align-items:flex-start}.experience-company img{width:38px;height:38px;-o-object-fit:contain;object-fit:contain;background:#fff;border:1px solid var(--line);border-radius:8px;padding:5px}.experience-row h3{font-size:13px;margin:0 0 6px}.experience-row p,.experience-row li{font-size:10px;line-height:1.8;color:var(--muted);margin:0}.experience-row ul{padding-inline-start:16px;margin:0}.client-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.client-card{padding:22px 14px;text-align:center;border:1px solid var(--line);border-radius:10px;transition:transform .3s,box-shadow .3s}.client-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #14284b0a}.client-card img{height:43px;width:100%;-o-object-fit:contain;object-fit:contain;margin:auto auto 13px;filter:saturate(.65);transition:filter .3s}.client-card:hover img{filter:saturate(1)}.client-card span{display:block;font-size:9px;color:var(--muted)}.achievement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.achievement-card{border:1px solid var(--line);padding:22px;border-radius:13px;background:#fff;transition:transform .3s}.achievement-card:hover{transform:translateY(-5px)}.achievement-card .award-icon{display:grid;place-items:center;color:#bb872e;background:#fcf5e7;border-radius:10px;width:38px;height:38px;font-size:22px;margin-bottom:15px}.achievement-card h3{font-size:12px;margin:8px 0}.achievement-card p{color:var(--muted);font-size:10px;margin:0}.achievement-card small{font-size:9px;color:#9a7c44}.certifications{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.certificate-card{display:flex;align-items:center;gap:18px;padding:24px;border:1px solid var(--line);border-radius:12px;transition:background .3s,transform .3s}.certificate-card:hover{background:var(--soft);transform:translateY(-3px)}.certificate-icon{color:var(--accent);font-size:30px}.certificate-card h3{font-size:12px;margin:0 0 5px}.certificate-card p{font-size:10px;color:var(--muted);margin:0}.certificate-card>span:last-child{margin-inline-start:auto;color:var(--accent)}.contact{background:#13243e;color:#fff}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.contact .eyebrow{color:#9cbcf5}.contact h2 span{color:#9dbffb}.contact-intro{color:#abbcd3;font-size:12px;max-width:370px;margin:22px 0}.contact-email{display:inline-block;font-size:16px;border-bottom:1px solid #456080;padding-bottom:8px;overflow-wrap:anywhere}.contact-info-line{font-size:11px;color:#abbcd3;margin:14px 0}.socials{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.socials a{font-size:10px;border:1px solid #425470;border-radius:7px;padding:8px 12px;transition:background .3s,transform .3s}.socials a:hover{background:#284566;transform:translateY(-3px)}.contact-form{background:#fff;color:var(--ink);padding:30px;border-radius:16px;display:flex;flex-direction:column}.form-heading{display:flex;justify-content:space-between;font-size:16px;font-weight:800;margin-bottom:18px}.form-heading>span:last-child{color:var(--accent)}.contact-form label{font-size:10px;font-weight:600;margin-bottom:6px}.contact-form input,.contact-form textarea{border:1px solid var(--line);border-radius:7px;padding:10px 12px;margin-bottom:14px;background:#f9fbfe;width:100%;font-size:12px;color:var(--ink);transition:border-color .2s;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent)}.form-note{font-size:9px;color:var(--muted);text-align:center;margin:12px 0 0}footer{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;padding-block:25px;font-size:9px;color:var(--muted)}#translation-credit{width:100%;text-align:center;font-size:10px}dialog{width:min(1050px,94vw);max-height:92vh;border:1px solid var(--line);border-radius:18px;padding:24px;background:#fff;color:var(--ink)}dialog[open]{animation:appear .3s}dialog::backdrop{background:#0a192ed9;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.preview-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:18px}.preview-head h3{font-size:22px;margin:0}.preview-head .eyebrow{margin-bottom:4px}.preview-head button,.preview-controls button{background:var(--soft);border-radius:8px;min-width:40px;height:40px;transition:background .2s}.preview-head button:hover,.preview-controls button:hover{background:#dfebff}.preview-image{min-height:170px;background:var(--soft);display:grid;place-items:center;border-radius:10px;overflow:hidden}.preview-image img{max-height:56vh;-o-object-fit:contain;object-fit:contain;margin:auto}.preview-controls{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:15px;font-size:11px}#preview-description{font-size:12px;color:var(--muted);line-height:1.8}#project-link{margin-top:0}.reveal{opacity:1}.motion .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease);transition-delay:var(--delay,0ms)}.motion .reveal.visible{opacity:1;transform:none}.hero-copy>*{animation:appear .8s both}.hero-copy>:nth-child(2){animation-delay:.08s}.hero-copy>:nth-child(3){animation-delay:.16s}.hero-copy>:nth-child(4){animation-delay:.24s}.hero-copy>:nth-child(5){animation-delay:.32s}.hero-copy>:nth-child(6){animation-delay:.4s}.hero-visual{animation:appear 1s .2s both}@keyframes appear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes nudge{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}#google_translate_element{position:fixed;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);pointer-events:none;left:-9999px;top:0}.goog-te-banner-frame,iframe.skiptranslate{display:none!important}body{top:0!important}#goog-gt-tt,.goog-te-balloon-frame{display:none!important}.VIpgJd-yAWNEb-VIpgJd-fmcmS-sn54Q{background:transparent!important;box-shadow:none!important}.language-status{position:fixed;bottom:22px;left:50%;transform:translate(-50%);padding:12px 20px;background:var(--ink);color:#fff;border:1px solid #43618c;border-radius:10px;font-size:11px;z-index:100;box-shadow:0 10px 30px #10264030;max-width:calc(100% - 32px);text-align:center}html[lang=ar]{--font:"Noto Sans Arabic","Plus Jakarta Sans",sans-serif}html[lang=zh-CN]{--font:"Noto Sans SC","Plus Jakarta Sans",sans-serif}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] .eyebrow{letter-spacing:0}html[dir=rtl] .hero-copy{text-align:right}html[dir=rtl] .hero-visual{direction:ltr}html[dir=rtl] .reading-progress{transform-origin:right}html[lang=zh-CN] h1,html[lang=zh-CN] h2{letter-spacing:0}@media(min-width:1450px){.hero-grid{padding-block:90px 80px}.portrait img{height:420px}}@media(max-width:1100px){.header{padding:16px 25px;gap:18px}nav{gap:15px;font-size:10px}.brand{font-size:11px}.wrap{width:calc(100% - 64px)}.hero-grid{gap:30px}.floating-code{inset-inline-start:-10px}.floating-card{padding:12px}.hero-location{font-size:8px}.about-grid,.contact-grid{gap:45px}.stats{gap:30px}.project-grid{gap:18px}.skills{grid-template-columns:repeat(2,1fr)}.project-body{padding:15px}.experience-row{grid-template-columns:125px 1fr 1.1fr;gap:20px}}@media(max-width:850px){nav{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;padding:22px 30px;border-bottom:1px solid var(--line);flex-wrap:wrap;gap:20px;font-size:12px}nav.open{display:flex}.menu-toggle{display:block}.hero-grid{gap:10px;padding-block:48px}.hero-visual{padding:20px}.portrait img{height:325px}.floating-card{gap:7px}.floating-card strong{font-size:8px}.floating-card small{font-size:7px}.float-icon,.quality-check{width:30px;height:30px}.orbit{width:330px;height:330px}.orbit-two{width:380px;height:380px}.hero-role{font-size:14px}.lead{font-size:12px}.hero-actions{gap:8px}.hero-actions .button{padding:11px 14px;font-size:10px;gap:12px}.stats{gap:22px}.stat{gap:8px}.stat strong{font-size:25px}.stat small{font-size:8px;max-width:65px}.scroll-link{font-size:7px;gap:12px}.section{padding-block:65px}.about-grid{gap:30px}.about-copy{font-size:13px}.project-grid{grid-template-columns:repeat(2,1fr)}.client-grid{grid-template-columns:repeat(4,1fr)}.achievement-grid{grid-template-columns:repeat(2,1fr)}.experience-row{grid-template-columns:110px 1fr}.experience-row ul{grid-column:2}.contact-grid{gap:30px}.contact-form{padding:22px}.contact-email{font-size:13px}}@media(max-width:600px){.wrap{width:calc(100% - 40px)}.header{padding:14px 20px}.brand-symbol{width:35px;height:35px;border-radius:9px;font-size:20px}.brand{gap:8px}.brand small{font-size:8px}.header-actions{gap:8px}#language-toggle{padding:8px;gap:5px;font-size:10px}.menu-toggle{height:35px;width:35px}nav{top:68px}.hero-grid{grid-template-columns:1fr;gap:30px;padding-block:35px 45px}.hero-copy{max-width:450px}.availability{margin-bottom:20px}.intro{font-size:16px}h1{font-size:59px;letter-spacing:-2.5px}.hero-role{font-size:16px}.lead{font-size:12px}.hero-actions .button{padding:12px 18px;gap:18px}.hero-location{font-size:8px;gap:8px}.hero-visual{max-width:370px;width:100%;margin:auto;padding:10px 20px 20px}.portrait img{height:315px}.floating-code{top:65px;inset-inline-start:0}.floating-quality{inset-inline-end:0;bottom:0}.floating-card strong{font-size:9px}.floating-card small{font-size:8px}.hero-bottom{padding-block:22px}.stats{width:100%;justify-content:space-between;gap:14px}.stat{display:block}.stat strong{font-size:28px}.stat small{display:block;max-width:90px;font-size:9px;margin-top:3px}.scroll-link{display:none}.section{padding-block:55px}.about-grid,.contact-grid{grid-template-columns:1fr;gap:30px}.about-note{margin-top:15px}.about-copy{font-size:13px}.about-values{gap:15px}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:15px;font-size:11px}h2{font-size:29px;letter-spacing:-1px}.eyebrow{font-size:9px}.skills{grid-template-columns:1fr;gap:14px}.skill-group{padding:22px}.skill{font-size:10px}.skill-list{gap:18px}.project-grid{grid-template-columns:1fr;gap:20px}.project-media{aspect-ratio:1.6;padding:25px}.project-body{padding:20px}.project-line h3{font-size:18px}.project-card p{font-size:11px}.project-client,.tech{font-size:9px}.filters{gap:7px}.filters button{font-size:9px;padding:8px 12px}.experience-row{grid-template-columns:1fr;gap:14px;padding:22px}.experience-row ul{grid-column:auto}.client-grid{grid-template-columns:repeat(2,1fr);gap:10px}.client-card{padding:18px 12px}.achievement-grid,.certifications{grid-template-columns:1fr}.achievement-card{padding:23px}.contact-email{font-size:16px}.contact-form{padding:25px}.contact h2{font-size:31px}footer{font-size:8px}footer>span:nth-child(2){display:none}dialog{padding:16px;border-radius:12px}.preview-head h3{font-size:18px}.preview-image img{max-height:48vh}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion .reveal{opacity:1;transform:none}}[data-depth]{perspective:1100px;--depth-x:0deg;--depth-y:0deg;--light-x:50%;--light-y:35%}.depth-plane{transform-style:preserve-3d;backface-visibility:hidden}.hero-visual .portrait{overflow:visible;background:transparent;border:0;padding:36px 8px 8px;box-shadow:none;transform:rotateX(calc(3deg + var(--depth-x))) rotateY(calc(-7deg + var(--depth-y)));transition:transform .65s var(--ease)}.hero-visual .portrait:before{content:"";position:absolute;inset:0;border:8px solid white;border-radius:100px 24px 24px;background:linear-gradient(145deg,#edf4ff,#d9e5f7);transform:translateZ(-24px);box-shadow:14px 18px 0 -4px #c6d4eb,24px 32px 44px #27477922}.hero-visual .portrait:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:100px 24px 24px;background:radial-gradient(circle at var(--light-x) var(--light-y),#ffffff65,transparent 64%);transform:translateZ(2px)}.hero-visual .portrait img{position:relative;transform:translateZ(60px) translateY(-8px);filter:drop-shadow(12px 12px 10px #17365b28);transition:transform .65s var(--ease);z-index:1}.hero-visual .portrait-index{transform:translateZ(35px);z-index:2}.hero-visual .portrait figcaption{border-radius:0 0 17px 17px;transform:translateZ(72px);z-index:3;background:#fffffff5;box-shadow:0 7px 16px #29466c12}.hero-visual.depth-active .portrait{transition:transform .12s linear}.hero-visual.depth-active .portrait img{transform:translateZ(85px) translateY(-14px)}.hero-visual .floating-code{transform:translateZ(100px)}.hero-visual .floating-quality{bottom:-6px}.project-media{perspective:850px;isolation:isolate;padding:30px 23px 42px}.device-preview{position:relative;display:flex;flex-direction:column;width:100%;height:100%;background:#fff;border:1px solid #d6dfec;border-radius:8px;transform:rotateX(calc(7deg + var(--depth-x))) rotateY(calc(-9deg + var(--depth-y))) translateY(-3px);box-shadow:4px 5px #c2ccdc,6px 8px #aebed4,13px 21px 20px #1c355728;transition:transform .65s var(--ease),box-shadow .65s var(--ease);pointer-events:none}.device-preview:after{content:"";position:absolute;inset:0;border-radius:8px;background:radial-gradient(circle at var(--light-x) var(--light-y),#ffffff25,transparent 70%);pointer-events:none}.device-bar{height:20px;flex-shrink:0;display:flex;align-items:center;gap:4px;padding:0 8px;background:#fbfcff;border-bottom:1px solid #e6ebf2;border-radius:7px 7px 0 0}.device-bar i{width:4px;height:4px;background:#cad4e4;border-radius:50%}.device-bar i:first-child{background:#e39c9d}.device-bar i:nth-child(2){background:#e6ca8d}.device-bar i:nth-child(3){background:#9acbb6}.device-bar>span{height:5px;width:38%;margin-inline:auto;background:#e8edf5;border-radius:5px}.project-media .device-preview img{width:100%;height:calc(100% - 20px);min-height:0;-o-object-fit:contain;object-fit:contain;border-radius:0 0 7px 7px;filter:none;transform:none;background:#fff}.project-media:hover .device-preview img{transform:none}.project-media.depth-active .device-preview,.project-media:focus-visible .device-preview{transform:rotateX(var(--depth-x)) rotateY(var(--depth-y)) translateZ(22px) translateY(-6px);box-shadow:3px 4px #c2ccdc,5px 7px #aebed4,14px 26px 26px #1c355732;transition:transform .12s linear,box-shadow .3s}.preview-tag{z-index:2;display:flex;align-items:center;gap:7px}.preview-tag:before{content:"↗";display:grid;place-items:center;background:#eaf1fc;color:var(--accent);width:18px;height:18px;border-radius:5px}.preview-image{padding:20px;background:linear-gradient(145deg,#edf3fc,#e2eaf5);box-shadow:inset 0 1px 8px #1734550c}.preview-image img{border:5px solid white;border-radius:8px;box-shadow:4px 5px #c8d3e4,8px 14px 20px #213b5e21;transform:rotateX(var(--depth-x)) rotateY(var(--depth-y));transition:transform .4s var(--ease)}.preview-image.depth-active img{transition:transform .12s linear}.credential-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:22px}.identity-logo{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:142px;height:60px;padding:9px 12px;background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:0 3px #edf1f7;transition:transform .35s,box-shadow .35s}.identity-logo img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.identity-emblem{justify-content:flex-start;gap:9px;--emblem-ink:#3167d5;background:#f7faff;color:var(--emblem-ink);padding:9px}.identity-emblem.violet{--emblem-ink:#7156ad;background:#faf8ff}.identity-emblem.teal{--emblem-ink:#178f88;background:#f2fcfa}.identity-emblem.orange{--emblem-ink:#ce783b;background:#fff9f2}.identity-emblem>b{display:grid;place-items:center;width:31px;height:31px;flex-shrink:0;border-radius:9px;background:var(--emblem-ink);color:#fff;font-size:15px;letter-spacing:-1px;font-weight:800}.identity-emblem strong{display:block;font-size:10px;font-weight:800;letter-spacing:-.2px}.identity-emblem small{display:block;font-size:4.5px!important;letter-spacing:.3px;color:var(--emblem-ink)!important;margin-top:3px}.identity-emblem svg{width:30px;height:30px;flex-shrink:0}.achievement-card:hover .identity-logo,.certificate-card:hover .identity-logo{transform:translateY(-3px);box-shadow:0 6px #edf1f7}.credential-year{border:1px solid #e6eaf0;border-radius:6px;padding:3px 8px;font-size:9px!important;color:var(--muted)!important;background:#fafbfd}.award-result{display:inline-flex;align-items:center;gap:6px;background:#fbf6e9;color:#926d26;border:1px solid #eee3c8;border-radius:5px;padding:4px 8px;font-size:8px;margin-top:18px}.award-result svg{width:12px;height:12px}.certificate-card{align-items:center;gap:20px}.certificate-copy{min-width:0}.certificate-card>span:last-child{flex-shrink:0}.certificate-card .identity-logo{width:110px;height:65px;margin-inline-start:0}.certificate-card .identity-emblem{gap:6px}.certificate-card .identity-emblem>b{width:26px;height:28px}.certificate-card .identity-emblem strong{font-size:8px}.socials{gap:10px}.socials .social-link{display:inline-flex;align-items:center;gap:9px;padding:10px 12px;background:#ffffff09;border-color:#50617b}.social-link img,.social-link svg{width:19px;height:19px;flex-shrink:0;transition:transform .3s}.social-link:hover img,.social-link:hover svg{transform:translateY(-2px) scale(1.08)}.social-link img{background:#fff;padding:3px;border-radius:4px;box-sizing:content-box}.socials .social-whatsapp:hover{background:#146c484a;border-color:#42bc88}.socials .social-linkedin:hover{background:#0a66c244;border-color:#5998d9}.social-arrow{font-size:13px;color:#9cbcf5;margin-inline-start:3px}.contact-email{display:inline-flex;align-items:center;gap:12px}.contact-email svg{width:22px;height:22px;flex-shrink:0;color:#9cbcf5}.contact-email>span:first-of-type{overflow-wrap:anywhere;min-width:0}.contact-info-line{display:flex;align-items:center;gap:10px}.contact-info-line svg{width:17px;height:17px;flex-shrink:0;color:#9cbcf5}a.contact-info-line:hover{color:#fff}@media(max-width:850px){.hero-visual .portrait{transform:rotateX(calc(2deg + var(--depth-x))) rotateY(calc(-5deg + var(--depth-y)))}.certificate-card{gap:14px;padding:20px}.certificate-card .identity-logo{width:90px;height:58px}.certificate-card .identity-emblem{flex-direction:column;gap:1px;padding:5px}.certificate-card .identity-emblem>b{width:22px;height:22px;font-size:12px}.certificate-card .identity-emblem small{display:none}}@media(max-width:600px){.hero-visual{padding-inline:25px;padding-bottom:30px}.hero-visual .portrait img{transform:translateZ(35px) translateY(-8px)}.hero-visual .portrait:before{box-shadow:9px 13px 0 -4px #c6d4eb,16px 20px 30px #27477922}.hero-visual .portrait figcaption{transform:translateZ(40px);font-size:9px}.floating-quality{max-width:210px}.project-media{padding:28px 25px 42px}.credential-top{margin-bottom:20px}.certificate-card{padding:20px 16px}.contact-email{gap:8px;font-size:13px}.preview-image{padding:12px}.preview-image img{border-width:3px}.socials .social-link{padding:9px 11px}}@media(hover:none),(pointer:coarse){.hero-visual .portrait{transform:rotateX(2deg) rotateY(-4deg)}.device-preview{transform:rotateX(5deg) rotateY(-6deg)}.preview-image img{transform:none}}@media(prefers-reduced-motion:reduce){.hero-visual .portrait,.hero-visual.depth-active .portrait,.device-preview,.project-media.depth-active .device-preview,.project-media:focus-visible .device-preview,.preview-image img{transform:none!important}.hero-visual .portrait img,.hero-visual.depth-active .portrait img{transform:none!important}}.hero-visual.photo-only{--portrait-yaw:-9deg;--portrait-pitch:2deg;padding:0 16px;min-height:500px;display:grid;place-items:center;perspective:780px;perspective-origin:45% 48%}.hero-visual.photo-only .portrait{padding:0;margin:0;width:100%;background:none;border:0;border-radius:0;box-shadow:none;transform-origin:50% 65%;transform:rotateX(calc(var(--portrait-pitch) + var(--depth-x,0deg))) rotateY(calc(var(--portrait-yaw) + var(--depth-y,0deg))) rotate(-.4deg);animation:portrait-float 8s ease-in-out infinite}.hero-visual.photo-only .portrait:before,.hero-visual.photo-only .portrait:after{content:none}.hero-visual.photo-only .portrait img{width:100%;height:520px;-o-object-fit:contain;object-fit:contain;-o-object-position:center bottom;object-position:center bottom;transform:translateZ(70px);filter:drop-shadow(12px 18px 16px #1c38692b);transition:transform .65s var(--ease),filter .65s}.hero-visual.photo-only.depth-active .portrait{animation-play-state:paused}.hero-visual.photo-only.depth-active .portrait img{transform:translateZ(78px);filter:drop-shadow(16px 22px 18px #1c386932)}@keyframes portrait-float{0%,to{translate:0 0}50%{translate:0 -10px}}.project-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:30px}.project-toolbar .filters{margin-bottom:0}#autoplay{white-space:nowrap;border:1px solid #cedaec;background:#f7faff;border-radius:7px;font-size:10px;font-weight:600;padding:9px 15px}#autoplay[aria-pressed=true]{background:#152440;color:#fff}.project-media{display:block;height:auto;aspect-ratio:1.22;padding:0;overflow:hidden;isolation:auto;perspective:750px}.project-open{position:absolute;inset:0;display:block;width:100%;height:100%;padding:30px 30px 70px;background:transparent;cursor:zoom-in;touch-action:pan-y;perspective:750px;transform-style:preserve-3d}.project-open:focus-visible{outline-offset:-4px}.project-open .device-preview{height:100%;transform:rotateX(calc(11deg + var(--depth-x))) rotateY(calc(-14deg + var(--depth-y))) rotate(-1deg) translateZ(10px);box-shadow:5px 6px #d1dced,9px 11px #b4c4dd,13px 16px #95aaca,21px 32px 25px #17345f33}.project-open .device-preview:before{content:"";position:absolute;inset:7px -7px -7px 7px;border:1px solid #9db3d2;border-radius:8px;background:#d6e2f4;transform:translateZ(-15px);z-index:-1}.project-media.depth-active .device-preview,.project-open:focus-visible .device-preview{transform:rotateX(calc(4deg + var(--depth-x))) rotateY(calc(-5deg + var(--depth-y))) translateZ(35px) translateY(-6px);box-shadow:4px 5px #d1dced,8px 10px #b4c4dd,12px 15px #95aaca,20px 36px 32px #17345f38}.project-open .preview-tag{bottom:45px;inset-inline-end:14px;font-size:8px}.card-slide-controls{position:absolute;bottom:10px;inset-inline:14px;display:flex;align-items:center;justify-content:space-between;gap:10px;z-index:4}.card-slide-controls button{width:31px;height:29px;border-radius:7px;background:#fff;border:1px solid #d9e2ef;box-shadow:0 3px #d8e1ef;font-size:15px;transition:transform .2s,background .2s}.card-slide-controls button:hover{transform:translateY(-2px);background:#eaf2ff}.slide-count{font-size:9px;color:#526680;font-variant-numeric:tabular-nums;direction:ltr}.project-media[aria-busy=true] .slide-count{opacity:.5}.project-media .project-shot{transform-origin:center;backface-visibility:hidden}.section-heading h2{transform-origin:left center}.motion .section-heading.reveal{transform:perspective(1000px) rotateX(9deg) translateY(34px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.motion .section-heading.reveal.visible{transform:none}.skill-group,.achievement-card,.certificate-card{transform-style:preserve-3d;box-shadow:0 5px #e7edf7;transition:transform .45s var(--ease),box-shadow .45s var(--ease)}.skill-group:hover,.achievement-card:hover,.certificate-card:hover{transform:perspective(1000px) rotateX(3deg) rotateY(-3deg) translateY(-7px);box-shadow:0 8px #e4ecf8,10px 24px 32px #193d7010}.identity-name{font-size:11px;font-weight:700;color:var(--muted)}.identity-logo{width:155px;height:76px}.identity-logo img{max-width:100%;max-height:100%}.identity-logo.logo-dark{background:#292950;border-color:#292950}@media(max-width:850px){.hero-visual.photo-only{min-height:380px}.hero-visual.photo-only .portrait img{height:410px}.project-toolbar{gap:12px}.project-open{padding:28px 24px 68px}}@media(max-width:600px){.hero-visual.photo-only{--portrait-yaw:-6deg;--portrait-pitch:1deg;perspective:680px;min-height:330px;padding:0 20px}.hero-visual.photo-only .portrait img{height:370px}.project-media{aspect-ratio:1.25}.project-open{padding:30px 30px 68px}.project-toolbar{flex-direction:column;gap:14px}.hero-grid{gap:18px}.identity-logo{width:145px;height:70px}}@media(hover:none),(pointer:coarse){.project-open .device-preview{transform:rotateX(8deg) rotateY(-9deg);box-shadow:4px 5px #d1dced,8px 10px #b4c4dd,14px 22px 22px #17345f25}.skill-group:hover,.achievement-card:hover,.certificate-card:hover{transform:none}}@media(prefers-reduced-motion:reduce){.hero-visual.photo-only .portrait,.hero-visual.photo-only .portrait img,.project-open .device-preview,.project-media.depth-active .device-preview,.project-open:focus-visible .device-preview{animation:none!important;transform:none!important;translate:none!important}.motion .section-heading.reveal,.skill-group:hover,.achievement-card:hover,.certificate-card:hover{transform:none}}.hero{background:linear-gradient(115deg,#fbfcff 20%,#f1f5fb);isolation:isolate}.hero:before{content:"";position:absolute;inset:0 0 0 48%;z-index:-1;pointer-events:none;background-image:linear-gradient(#8da8cc12 1px,transparent 1px),linear-gradient(90deg,#8da8cc12 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse at 65% 45%,#000,transparent 72%);mask-image:radial-gradient(ellipse at 65% 45%,#000,transparent 72%)}.hero-grid{grid-template-columns:1.06fr 1fr;gap:32px;padding-block:44px 32px}.hero-copy{position:relative;z-index:1}.hero .availability{margin-bottom:18px}.hero h1{font-size:clamp(52px,5.4vw,76px);margin-bottom:16px}.hero .lead{margin-bottom:18px;max-width:490px}.hero-focus{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px;padding:0;list-style:none}.hero-focus li{display:flex;align-items:center;gap:7px;padding:5px 10px;background:#ffffffad;border:1px solid #dce5f1;border-radius:6px;font-size:10px;font-weight:600;color:#4e6281}.hero-focus li:before{content:"";width:4px;height:4px;border-radius:50%;background:#6288bd}.hero-location{margin-top:20px}.hero-visual.photo-only{min-height:450px;padding:0 12px;isolation:isolate}.hero-visual.photo-only:before{content:"";position:absolute;z-index:-1;width:88%;height:85%;bottom:3%;border-radius:48% 48% 18% 18%;background:linear-gradient(145deg,#e4edf9ad,#d7e3f133);border:1px solid #dce6f3;transform:rotate(-5deg);pointer-events:none}.hero-visual.photo-only:after{content:"";position:absolute;z-index:-1;bottom:0;width:58%;height:18px;border-radius:50%;background:#38588614;filter:blur(12px);pointer-events:none}.hero-visual.photo-only .portrait img{height:460px}.hero-bottom{padding-block:22px;margin-bottom:18px;border-bottom:1px solid #dce5f1}.hero-bottom .stats{gap:44px}@media(max-width:1100px){.hero-grid{gap:24px}.hero-bottom .stats{gap:28px}}@media(max-width:850px){.hero-grid{padding-block:32px 28px}.hero-visual.photo-only{min-height:360px}.hero-visual.photo-only .portrait img{height:390px}.hero-focus{gap:6px}.hero-focus li{font-size:9px;padding:4px 7px}.hero-bottom .stats{gap:22px}}@media(max-width:600px){.hero-grid{grid-template-columns:1fr;gap:22px;padding-block:28px 24px}.hero h1{font-size:58px}.hero-focus{margin-bottom:20px}.hero-visual.photo-only{min-height:310px;max-width:340px;padding:0 18px}.hero-visual.photo-only .portrait img{height:340px}.hero-visual.photo-only:before{width:85%;height:86%}.hero-bottom{padding-block:18px;margin-bottom:12px}.hero-bottom .stats{gap:12px}}.project-card.is-previewing .device-preview{box-shadow:4px 5px #d1dced,8px 10px #b4c4dd,12px 15px #95aaca,20px 30px 30px #17345f30}.project-card.is-previewing .slide-count{color:var(--accent)}.project-card.is-previewing .project-media:after{content:"";position:absolute;inset-inline:14px;bottom:0;height:2px;background:#6290d6;transform-origin:left;animation:preview-progress 2.72s linear infinite}@keyframes preview-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}#experience-list{position:relative;padding-block:6px}#experience-list:before{content:"";position:absolute;inset-block:22px;inset-inline-start:151px;width:1px;background:linear-gradient(#c2d4ec,#dce5f1)}.experience-row{display:grid;grid-template-columns:132px minmax(0,1fr);gap:42px;padding:0;margin:0 0 30px;border:0;border-radius:0;background:none;box-shadow:none}.experience-row:last-child{margin-bottom:0}.experience-row:hover{border-color:transparent;transform:none}.experience-date{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:9px;padding-top:22px}.experience-date:after{content:"";position:absolute;inset-inline-end:-25px;top:29px;width:9px;height:9px;border:3px solid #f5f8fd;border-radius:50%;background:#668cbe;box-shadow:0 0 0 1px #b4c9e4}.journey-index{color:#8aa3c5;font-size:11px;letter-spacing:2px;font-weight:700}.experience-row time{font-size:11px;line-height:1.7;color:#526681}.role-current{font-size:9px;border:1px solid #cce8db;background:#eff9f3;border-radius:5px;color:#278260;padding:3px 8px}.experience-card{position:relative;min-width:0;background:linear-gradient(125deg,#fff,#fbfdff);border:1px solid #dce5f1;border-radius:15px;padding:28px 30px;box-shadow:0 4px #e2e9f3,0 12px 30px #19385808;transform:perspective(1100px) rotateX(var(--depth-x,0deg)) rotateY(var(--depth-y,0deg));transition:transform .4s var(--ease),box-shadow .4s,border-color .4s}.experience-card.depth-active{border-color:#bfd0e9;box-shadow:0 6px #dce6f3,0 18px 34px #19385812}.experience-company{gap:17px;align-items:center}.experience-company img,.company-initial{width:56px;height:56px;flex-shrink:0;border:1px solid #e4eaf2;border-radius:12px;padding:8px;background:#fff;box-shadow:0 3px #eff3f8}.company-initial{display:grid;place-items:center;color:#6384ae;font-size:20px;font-weight:700}.experience-row .company-name{font-size:10px;font-weight:700;color:#52769f;margin:0 0 4px;letter-spacing:.3px}.experience-row h3{font-size:17px;font-weight:700;line-height:1.5;margin:0}.experience-location{display:flex;gap:5px;align-items:center;color:#7b899e;font-size:10px;margin-top:5px}.experience-location svg{width:13px;height:13px}.experience-contributions{margin-top:20px;padding-top:18px;border-top:1px solid #e8edf5}.experience-row .contribution-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1.4px;color:#7790af;margin:0 0 12px}.experience-contributions ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;padding:0;list-style:none}.experience-row li{position:relative;padding-inline-start:14px;font-size:11px;line-height:1.85;color:#63728a}.experience-row li:before{content:"";position:absolute;inset-inline-start:0;top:8px;width:4px;height:4px;background:#91adce;border-radius:50%}.motion .reveal[data-reveal]{transition:opacity .8s var(--ease),transform .85s var(--ease);transition-delay:var(--delay,0ms)}.motion .reveal[data-reveal]:not(.visible){opacity:0;transform:perspective(1100px) translate3d(0,32px,-12px) rotateX(3deg)}.motion .reveal[data-reveal=left]:not(.visible){transform:perspective(1100px) translate3d(-30px,20px,-10px) rotateY(2deg)}[dir=rtl].motion .reveal[data-reveal=left]:not(.visible){transform:perspective(1100px) translate3d(30px,20px,-10px) rotateY(-2deg)}.motion .reveal[data-reveal].visible{opacity:1;transform:none}.project-card.reveal{animation:none}@media(max-width:850px){#experience-list:before{inset-inline-start:113px}.experience-row{grid-template-columns:94px minmax(0,1fr);gap:42px}.experience-card{padding:24px}.experience-contributions ul{grid-template-columns:1fr}}@media(max-width:600px){#experience-list{padding-inline-start:20px}#experience-list:before{inset-inline-start:3px;inset-block:14px}.experience-row{grid-template-columns:1fr;gap:12px;margin-bottom:26px}.experience-date{padding-top:0;flex-direction:row;align-items:center;flex-wrap:wrap;gap:10px}.experience-date:after{inset-inline-start:-21px;inset-inline-end:auto;top:6px}.experience-card{padding:20px 18px;border-radius:12px}.experience-company{gap:12px}.experience-company img,.company-initial{width:44px;height:44px;border-radius:9px}.experience-row h3{font-size:15px}.experience-contributions{margin-top:16px;padding-top:15px}.experience-row li{font-size:11px}.motion .reveal[data-reveal=left]:not(.visible){transform:translateY(24px)}}@media(prefers-reduced-motion:reduce){.motion .reveal[data-reveal],.motion .reveal[data-reveal]:not(.visible){opacity:1!important;transform:none!important}.experience-card,.experience-card.depth-active{transform:none}.project-card.is-previewing .project-media:after{display:none}}.pop-card{position:relative;translate:0 0;scale:1;transition:translate .42s var(--ease),scale .42s var(--ease),transform .45s var(--ease),box-shadow .42s var(--ease),border-color .3s}.motion .pop-card.reveal[data-reveal]{transition:opacity .8s var(--ease),transform .85s var(--ease),translate .42s var(--ease),scale .42s var(--ease),box-shadow .42s var(--ease),border-color .3s}.pop-card:is(.pop-hover,.pop-tapped,:focus-within){z-index:5;translate:0 -8px;scale:1.025;box-shadow:0 6px #dce6f3,0 24px 40px #17365e26;border-color:#b6cceb;transition-delay:0ms}.pop-card.pop-tapped{translate:0 -11px;scale:1.035}.skill-group.pop-card,.client-card.pop-card,.achievement-card.pop-card,.certificate-card.pop-card{transform-style:preserve-3d}.pop-card:is(.pop-hover,.pop-tapped,:focus-within) .identity-logo,.client-card:is(.pop-hover,.pop-tapped,:focus-within)>img,.experience-card:is(.pop-hover,.pop-tapped,:focus-within) .experience-company>img{translate:0 -3px;scale:1.06;filter:drop-shadow(0 8px 7px #1d3b651a)}.identity-logo,.client-card>img,.experience-company>img{transition:translate .4s var(--ease),scale .4s var(--ease),filter .4s var(--ease)}.skill-group.pop-hover,.achievement-card.pop-hover,.certificate-card.pop-hover,.client-card.pop-hover{transform:perspective(1000px) rotateX(var(--depth-x,0deg)) rotateY(var(--depth-y,0deg))}.contact-form.pop-card:is(.pop-hover,.pop-tapped,:focus-within){scale:1.008;translate:0 -4px}.social-link.pop-card:is(.pop-hover,.pop-tapped,:focus-within){translate:0 -4px;scale:1.04;box-shadow:0 8px 18px #17365e1c}.project-toolbar{margin-bottom:46px}.project-grid{gap:42px 25px;isolation:isolate}.project-card.pop-card{overflow:visible}.project-card .project-media{overflow:visible;border-radius:13px 13px 0 0}.project-card .project-body{position:relative;background:#fff;border-radius:0 0 13px 13px}.project-card .project-media:before{transform:none;opacity:0;border-radius:inherit;transition:opacity .4s;pointer-events:none}.project-card.pop-hover .project-media:before{transform:none;opacity:1}.project-card .project-open{overflow:visible}.project-card .device-preview{transition:transform .55s var(--ease),box-shadow .55s var(--ease)}.project-card.pop-card:is(.pop-hover,.pop-tapped,:focus-within) .device-preview{transform:rotateX(calc(3deg + var(--depth-x,0deg))) rotateY(calc(-5deg + var(--depth-y,0deg))) translateZ(62px) translateY(-18px) scale(1.015);box-shadow:5px 7px #d1dced,10px 14px #b4c4dd,15px 21px #95aaca,24px 42px 32px #17345f40}.project-card.pop-card:is(.pop-hover,.pop-tapped,:focus-within){translate:0 -5px;scale:1.012}.project-card .card-slide-controls{transform:translateZ(15px)}#experience-list{max-width:1100px;margin-inline:auto}.experience-row{margin-bottom:20px}.experience-card{padding:18px 22px;border-radius:12px}.experience-company{gap:13px}.experience-company img,.company-initial{width:44px;height:44px;padding:6px;border-radius:9px}.experience-row h3{font-size:15px}.experience-date{padding-top:16px;gap:6px}.experience-date:after{top:23px}.experience-contributions{margin-top:13px;padding-top:12px}.experience-row .contribution-label{margin-bottom:8px}.experience-contributions ul{gap:6px 20px}.experience-row li{line-height:1.75}.experience-card.pop-card:is(.pop-hover,.pop-tapped,:focus-within){scale:1.015;translate:0 -6px}@media(max-width:850px){.experience-card{padding:17px 19px}}@media(max-width:600px){.project-grid{gap:30px}.project-card.pop-card:is(.pop-hover,.pop-tapped,:focus-within){scale:1;translate:0 -4px}.project-card.pop-card:is(.pop-hover,.pop-tapped,:focus-within) .device-preview{transform:rotateX(3deg) rotateY(-4deg) translateZ(55px) translateY(-22px);box-shadow:4px 6px #cddbee,8px 12px #aebfda,12px 25px 25px #17345f33}.pop-card:is(.pop-hover,.pop-tapped,:focus-within){scale:1.012;translate:0 -5px}.experience-date{padding-top:0}.experience-date:after{top:6px}.experience-card{padding:16px}.experience-row{margin-bottom:20px}.experience-row h3{font-size:14px}.experience-company img,.company-initial{width:40px;height:40px}.experience-contributions{margin-top:12px;padding-top:11px}}@media(prefers-reduced-motion:reduce){.pop-card,.pop-card:is(.pop-hover,.pop-tapped,:focus-within){translate:none!important;scale:1!important}.project-card.pop-card .device-preview{transform:none!important}.pop-card .identity-logo,.pop-card>img,.pop-card .experience-company>img{translate:none!important;scale:1!important}}