@font-face{font-family:Neue Regrade;src:url(/fonts/Neue%20Regrade%20Variable.ttf) format("truetype");font-weight:100 900;font-style:normal}@font-face{font-family:Neue Regrade;src:url(/fonts/Neue%20Regrade%20Variable.ttf) format("truetype");font-weight:100 900;font-style:italic}html{--merriweather: "Merriweather Variable", serif;--neue-regrade: "Neue Regrade", sans-serif;--bg-color: #fffdf9;--text-color: #222;--secondary-text-color: #666;--blurry-circle-blue: #dce4ed;--blurry-circle-green: #d5f1d5;--mesh-filter: none;--backdrop-bg-color: #fbf8ea;--backdrop-gradient-green-1: #9fd19f;--backdrop-gradient-green-2: #6ebfa0;--backdrop-gradient-blue: #a1d0ed;--backdrop-gradient-orange: #ffac64;--hero-bg-color: var(--clear-color);--link-color: #4d98c6;--clear-color: transparent;--backdrop-gradient-1: linear-gradient( to right, var(--bg-color) 0%, var(--clear-color) calc(50% - var(--main-width) / 2), var(--clear-color) calc(50% + var(--main-width) / 2), var(--bg-color) 100% ), radial-gradient( at 51% 49%, var(--backdrop-gradient-green-1) 0px, transparent 50% ), radial-gradient( at 9% 71%, var(--backdrop-gradient-green-2) 0px, transparent 50% ), radial-gradient( at 76% 19%, var(--backdrop-gradient-blue) 0px, transparent 50% );--backdrop-gradient-2: linear-gradient( to right, var(--bg-color) 0%, var(--clear-color) calc(50% - var(--main-width) / 2), var(--clear-color) calc(50% + var(--main-width) / 2), var(--bg-color) 100% ), radial-gradient( at 51% 49%, var(--backdrop-gradient-green-2) 0px, transparent 50% ), radial-gradient( at 9% 71%, var(--backdrop-gradient-blue) 0px, transparent 50% ), radial-gradient( at 76% 19%, var(--backdrop-gradient-green-1) 0px, transparent 50% );--contact-me-gradient: linear-gradient( to right, var(--bg-color) 0%, var(--clear-color) calc(50% - var(--main-width) / 2), var(--clear-color) calc(50% + var(--main-width) / 2), var(--bg-color) 100% ), radial-gradient( at 9% 71%, var(--backdrop-gradient-orange) 0px, transparent 50% ), radial-gradient( at 76% 19%, var(--backdrop-gradient-blue) 0px, transparent 50% );--main-width: 960px;--spacing-unit: 8px;--spacing-xxxxlg: calc(var(--spacing-unit) * 32);--spacing-xxxlg: calc(var(--spacing-unit) * 24);--spacing-xxlg: calc(var(--spacing-unit) * 16);--spacing-xlg: calc(var(--spacing-unit) * 8);--spacing-lg: calc(var(--spacing-unit) * 4);--spacing-md: calc(var(--spacing-unit) * 2);--spacing-sm: var(--spacing-unit);--spacing-xsm: calc(var(--spacing-unit) / 2);--font-size-md: 18px;--font-size-sm: 17px;--font-size-xsm: 16px;--border-radius-xsm: 2px;--border-radius-md: 8px;--border-radius-lg: 16px;--z-index-base: 0;--z-index-hero-bg: 1;--z-index-hero-juan: 10;--z-index-content: 100}@media (prefers-color-scheme: dark){html{--bg-color: #141417;--text-color: #fff;--secondary-text-color: #ccc;--blurry-circle-blue: #465c89;--blurry-circle-green: #3e684e;--mesh-filter: invert(1);--backdrop-bg-color: #131337;--backdrop-gradient-green-1: #4a6b4a;--backdrop-gradient-green-2: #3a5f4a;--backdrop-gradient-blue: #4a6b8a;--backdrop-gradient-orange: #874409;--hero-bg-color: color-mix(in srgb, var(--clear-color), #000 50%)}}body{background-color:var(--bg-color);font-family:var(--merriweather);color:var(--text-color);height:100vh;margin:0;overflow:auto;font-size:var(--font-size-xsm);line-height:1.6;font-weight:300}body h1,body h2,body h3,body h4,body h5,body h6{font-family:var(--neue-regrade)}body h2{font-size:3rem;font-weight:500;line-height:1.1}body p{margin:var(--spacing-sm) 0}body *::selection{background-color:var(--blurry-circle-blue)}body :focus-visible{outline:2px solid var(--text-color);outline-offset:4px}body strong{font-weight:800}body a{color:var(--link-color)}body .visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}@media (min-width: 576px){body{font-size:var(--font-size-sm)}}@media (min-width: 960px){body{font-size:var(--font-size-md)}}@font-face{font-family:Merriweather Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/_astro/merriweather-cyrillic-ext-wght-normal.Bkm5NjZG.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Merriweather Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/_astro/merriweather-cyrillic-wght-normal.BWxnF87P.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Merriweather Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/_astro/merriweather-vietnamese-wght-normal.BXYScXBD.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Merriweather Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/_astro/merriweather-latin-ext-wght-normal.BZx4mOJf.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Merriweather Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/_astro/merriweather-latin-wght-normal.BovdrKvB.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.mesh-overlay[data-astro-cid-sckkx6r4]{position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/mesh.webp);background-repeat:repeat;background-size:auto;pointer-events:none;opacity:.04;z-index:9999;mix-blend-mode:hard-light;filter:var(--mesh-filter)}.layout[data-astro-cid-sckkx6r4]{display:flex;margin:0 auto;flex-direction:column;align-items:center;justify-content:center}.blurry-circle[data-astro-cid-ztoc2mmr]{position:absolute;inset:var(--blurry-circle-top) var(--blurry-circle-right) var(--blurry-circle-bottom) var(--blurry-circle-left);width:var(--blurry-circle-size);height:var(--blurry-circle-size);background-color:var(--blurry-circle-color);opacity:var(--blurry-circle-opacity);z-index:5;filter:blur(50px);border-radius:50%}.title-tags[data-astro-cid-nj4cpkx4]{display:flex;flex-direction:column;gap:var(--spacing-sm);position:absolute;bottom:var(--spacing-xxlg);right:var(--spacing-md);z-index:var(--z-index-hero-juan);align-items:flex-end;list-style:none}.title-tags[data-astro-cid-nj4cpkx4] .title-tag-item[data-astro-cid-nj4cpkx4]{padding:var(--spacing-sm);background-color:var(--bg-color);font-size:.9rem;border-radius:var(--border-radius-xsm);border:1px solid var(--secondary-text-color);font-weight:400;font-style:italic;margin:0}.hero[data-astro-cid-ewxirvlt]{width:100%;height:clamp(500px,79.75vh,638px);position:relative;margin-bottom:calc(var(--spacing-xxlg) * -1);display:flex;justify-content:center;overflow:hidden}.hero-content[data-astro-cid-ewxirvlt]{position:relative;width:100%;height:100%;max-width:var(--main-width)}.hero-image[data-astro-cid-ewxirvlt]{width:calc(100% + clamp(0px,(960px - 100vw) * .7,300px));height:100%;object-fit:cover;display:block;transform:translate(clamp(-300px,(100vw - 960px) * .5,0px));position:relative;z-index:var(--z-index-hero-bg)}.hero-content-overlay[data-astro-cid-ewxirvlt]{position:absolute;top:0;left:0;width:calc(100% + clamp(0px,(960px - 100vw) * .7,300px));height:100%;transform:translate(clamp(-300px,(100vw - 960px) * .5,0px));z-index:var(--z-index-hero-juan);mask:url(/imgs/juan_mask.webp) no-repeat center/cover;-webkit-mask:url(/imgs/juan_mask.webp) no-repeat center/cover;background:var(--hero-bg-color)}@media (min-width: 960px){.hero[data-astro-cid-ewxirvlt]{margin-top:var(--spacing-lg)}}.about-me[data-astro-cid-kzq4i7sn]{max-width:var(--main-width);display:flex;flex-direction:column;margin:0 auto var(--spacing-lg);padding:0 var(--spacing-md)}.title[data-astro-cid-kzq4i7sn]{font-size:3.2rem;font-weight:700;line-height:.9;margin:0}@media (min-width: 480px){.title[data-astro-cid-kzq4i7sn]{font-size:3.5rem}}@media (min-width: 576px){.title[data-astro-cid-kzq4i7sn]{font-size:4rem}}.content-container[data-astro-cid-eljgohfs]{padding:var(--spacing-sm) 0 0;backdrop-filter:blur(10px);background:linear-gradient(to bottom,color-mix(in srgb,var(--clear-color) 50%,var(--bg-color)),var(--bg-color) 100px);z-index:100;width:100%;&.border-top{border-image:linear-gradient(to right,var(--clear-color) 0%,var(--clear-color) calc(50% - var(--main-width) / 2 - 50px),var(--secondary-text-color) calc(50% - var(--main-width) / 2),var(--secondary-text-color) calc(50% + var(--main-width) / 2),var(--clear-color) calc(50% + var(--main-width) / 2 + 50px),var(--clear-color) 100%) 1;border-top:1px solid}}.principles[data-astro-cid-qgfgqh6g]{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.principle-title[data-astro-cid-qgfgqh6g]{font-size:1.2rem;font-weight:600;margin:0 0 var(--spacing-sm);color:var(--primary-text-color);font-family:var(--merriweather);font-style:italic}.principle-content[data-astro-cid-qgfgqh6g]{font-size:var(--font-size-sm);font-size:.9rem;margin:0;color:var(--secondary-text-color)}.icon[data-astro-cid-patnjmll]{display:inline-block;flex-shrink:0;width:var(--icon-width);height:var(--icon-height);background-color:var(--icon-color);mask-image:var(--icon-url);mask-repeat:no-repeat;mask-position:center;mask-size:contain}.skills-list[data-astro-cid-3if73nzp]{display:flex;flex-flow:row wrap;gap:var(--spacing-lg);padding:0;margin:0;list-style:none}.skill-list-title[data-astro-cid-3if73nzp]{margin:0 0 var(--spacing-md);font-size:1.2rem;font-weight:400;letter-spacing:.2em;text-transform:uppercase;font-style:oblique;color:var(--primary-text-color)}.skill-item[data-astro-cid-3if73nzp]{padding:0;display:flex;align-items:center;gap:var(--spacing-md)}.skill-icon[data-astro-cid-3if73nzp]{width:32px;height:32px;flex-shrink:0}.skill-title[data-astro-cid-3if73nzp]{font-size:1rem;font-weight:600;margin:0;color:var(--primary-text-color);font-family:var(--merriweather);font-style:italic}@media (min-width: 576px){.skill-title[data-astro-cid-3if73nzp]{font-size:1.25rem}}@media (min-width: 960px){.skill-title[data-astro-cid-3if73nzp]{font-size:1.5rem}.skill-icon[data-astro-cid-3if73nzp]{width:40px;height:40px}}.how-i-work[data-astro-cid-qzjaabu3]{max-width:var(--main-width);padding:0 var(--spacing-md) var(--spacing-lg);margin:var(--spacing-md) auto;display:grid;grid-template-columns:1fr;gap:var(--spacing-xlg)}@media (min-width: 576px){.how-i-work[data-astro-cid-qzjaabu3]{grid-template-columns:1fr 1fr}}@media (min-width: 960px){.how-i-work[data-astro-cid-qzjaabu3]{grid-template-columns:1fr}}.backdrop[data-astro-cid-2id6qcbw]{--height: calc(var(--spacing-xxxxlg) * 1.5);width:100%;height:var(--height);margin:0 auto calc(var(--spacing-xxlg) * -1);position:relative;display:grid;grid-template-rows:calc(var(--height) - var(--spacing-xxlg)) var(--spacing-xxlg);background-image:var(--background);background-color:var(--backdrop-bg-color)}.backdrop[data-astro-cid-2id6qcbw] .backdrop-content[data-astro-cid-2id6qcbw]{grid-row:1;display:flex;align-items:center;justify-content:flex-start;max-width:var(--main-width);width:calc(100% - 2 * var(--spacing-md));margin:0 auto;padding:0}.backdrop[data-astro-cid-2id6qcbw] h2[data-astro-cid-2id6qcbw],.backdrop[data-astro-cid-2id6qcbw] h3[data-astro-cid-2id6qcbw]{margin:0}.contact-me[data-astro-cid-oeg4qa2o]{--height: calc(var(--spacing-xxxxlg) * 2);width:100%;height:var(--height);margin:0 auto;position:relative;background-image:var(--contact-me-gradient);background-color:var(--backdrop-bg-color);display:flex;align-items:center}.contact-me[data-astro-cid-oeg4qa2o] .contact-me-content[data-astro-cid-oeg4qa2o]{padding:0 var(--spacing-md);max-width:var(--main-width);width:calc(100% - 2 * var(--spacing-md));margin:0 auto;display:flex;flex-flow:row wrap;justify-content:space-between;gap:var(--spacing-lg) var(--spacing-xlg);align-items:center}.contact-me[data-astro-cid-oeg4qa2o] .contact-me-title[data-astro-cid-oeg4qa2o]{margin:0}.contact-me[data-astro-cid-oeg4qa2o] .socials-list[data-astro-cid-oeg4qa2o]{flex:1;list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));align-items:center;gap:var(--spacing-md)}.contact-me[data-astro-cid-oeg4qa2o] .social-link[data-astro-cid-oeg4qa2o]{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-md);color:var(--text-color);font-family:var(--neue-regrade);text-decoration:none;font-size:1.4rem;font-weight:500;background-color:color-mix(in srgb,var(--bg-color) 30%,var(--clear-color));border:2px solid color-mix(in srgb,var(--bg-color) 10%,var(--clear-color));padding:var(--spacing-md);box-shadow:inset 0 0 10px color-mix(in srgb,var(--bg-color) 20%,var(--clear-color));border-radius:var(--border-radius-md);transition:box-shadow .1s ease-in-out;cursor:pointer}.contact-me[data-astro-cid-oeg4qa2o] .social-link[data-astro-cid-oeg4qa2o]:hover{box-shadow:inset 0 0 20px color-mix(in srgb,var(--bg-color) 80%,var(--clear-color))}.contact-me[data-astro-cid-oeg4qa2o] .ext-link-icon[data-astro-cid-oeg4qa2o]{margin-left:auto}.work-experience-article[data-astro-cid-g66xxdyz]{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 0 var(--spacing-lg);border-left:1px solid var(--secondary-text-color)}.work-experience-article-summary[data-astro-cid-g66xxdyz]{position:relative;list-style:none;cursor:pointer;width:calc(100% - 2 * var(--spacing-md));padding:var(--spacing-md) var(--spacing-md)}.work-experience-article-content[data-astro-cid-g66xxdyz]{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md)}.work-experience-article-title[data-astro-cid-g66xxdyz]{font-size:2.5rem;font-weight:600;margin:0 0 var(--spacing-md);color:var(--primary-text-color);line-height:1}.work-experience-article-company[data-astro-cid-g66xxdyz]{font-size:1.4rem;font-family:var(--neue-regrade);font-weight:600;line-height:1;margin:0 0 var(--spacing-xsm)}.work-experience-article-time[data-astro-cid-g66xxdyz]{color:var(--secondary-text-color);font-family:var(--neue-regrade);font-weight:500;margin:0}.work-experience-article-summary-chevron[data-astro-cid-g66xxdyz]{height:28px;width:28px;position:absolute;right:0;top:50%;transform:translateY(-50%);background-color:var(--secondary-text-color)}.work-experience-article[data-astro-cid-g66xxdyz][open] .work-experience-article-summary-chevron[data-astro-cid-g66xxdyz]{transform:translateY(-50%) rotate(180deg)}@media (min-width: 576px){.work-experience-article-summary[data-astro-cid-g66xxdyz]{padding:var(--spacing-md) var(--spacing-lg);width:calc(100% - 2 * var(--spacing-lg))}.work-experience-article-content[data-astro-cid-g66xxdyz]{padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-md)}}.work-experience[data-astro-cid-dax2byko]{max-width:var(--main-width);padding:0 var(--spacing-md);margin:var(--spacing-md) auto}.how-i-work-section[data-astro-cid-j7pv25f6],.work-experience-section[data-astro-cid-j7pv25f6]{width:100%}h2[data-astro-cid-j7pv25f6] strong[data-astro-cid-j7pv25f6]{transform:scaleX(1.3);display:inline-block;transform-origin:center;transform-box:fill-box}.how-i-work-section[data-astro-cid-j7pv25f6] h2[data-astro-cid-j7pv25f6] strong[data-astro-cid-j7pv25f6]{margin:0 1rem}.work-experience-section[data-astro-cid-j7pv25f6] h2[data-astro-cid-j7pv25f6] strong[data-astro-cid-j7pv25f6]{margin:0 1.8rem}