:root{--color-bg: #ffffff;--color-title-text: #1b1b1b;--color-body-text: #2f3132;--color-secondary-text: #6B7280;--color-border: #1a1a1a1f;--color-darker-marin: #c1c2c3;--color-marin: #f6f3f4;--color-marin-hover: #ebe6e7;--color-recruiter: #4f46e5;--color-recruiter-hover: #4338ca;--color-focus: oklch(62.3% .214 259.815);--color-gravish-lavender: #B8B8FF;--color-helvetia-blue: #0057BA;--color-aconite-violet: #9C52F2;--color-ochraceous-salmon: #D99E73;--color-rainette-green: #6B9346;--color-old-rose: #D94D99;--color-lilac: #B875EB;--color-turquoise-green: #B5FFC2;--color-vandyke-red: #740909;--color-spinel-red: #FF4DC9;--color-accent: #EE3364;--color-secondary: #EE9433;--color-tertiary: var(--color-lilac);--color-opposite-accent: var(--color-ochraceous-salmon);--nav-link-active-color: var(--color-title-text);--nav-link-color: var(--color-secondary-text);--nav-link-font-weight: 500;--nav-link-font-size: 16px;--recruiter-color: var(--color-recruiter);--desktop-margin-l: 120px;--desktop-margin-m: 60px;--mobile-margin-l: 60px;--mobile-margin-m: 40px;--content-max-width: 1000px;--content-padding-inline: 1rem;--p-max-width: 80ch;--image-margin-bottom: 60px;--button-padding: 10px 14px;--button-radius: 0px;--button-bg: var(--color-title-text);--button-hover: var(--color-secondary);--button-color: white;--button-font-weight: 600;--button-font-size: 12px;--sidebar-width: 250px;--gap: 2rem;--sidebar-title-font-size: 1.2rem;--sidebar-title-font-weight: 900;--sidebar-title-transform: uppercase;--sidebar-title-margin-bottom: 1rem;--sidebar-title-text-align: left;--sidebar-list-font-size: 16px;--sidebar-list-color: #555;--card-padding: 20px;--card-radius: 16px;--card-title-font-size: 24px;--card-title-font-weight: 800;--card-title-font-family: "tiempos-bold";--card-title-color: var(--color-title-text);--card-subtitle-font-size: 16px;--card-subtitle-font-weight: bold;--card-subtitle-color: var(--color-secondary-text);--logo-company-size: 36px;--logo-company-radius: 100vh;--achievements-margin-top: 20px;--achievements-margin-bottom: 10px;--badges-gap: .5rem;--badges-bg: #ffe3ee;--badges-radius: 16px;--badges-font-size: 12px;--badges-font-color: var(--color-accent);--subtitle-font-weight: 700;--subtitle-color: var(--color-title-text);--subtitle-hover-color: #2f3132;--description-font-size: 16px;--card-link-transition: inherit .2s ease;--card-link-hover-bg: var(--color-marin-hover);--card-link-bg: var(--color-marin);--public-btn-bg: white;--public-btn-color: var(--color-title-text);--public-btn-radius: 9999px;--public-btn-font-weight: 600;--public-btn-font-size: 1rem;--public-btn-hover-bg: #f3f4f6;--error-bg: rgb(254, 242, 242);--error-color: rgb(185, 28, 28);--error-border-color: rgb(254, 202, 202);--error-font-size: 14px;--card-bg: white;--card-shadow: 0 8px 24px rgba(0, 0, 0, .1);--card-max-width: 360px;--card-margin-top: 60px;--card-margin-bottom: 20px;--heading-font-size: 1.5rem;--heading-font-weight: 700;--subheading-color: var(--color-body-text);--subheading-font-size: 1rem;--subheading-margin-bottom: 20px;--subheading-margin-top: 10px;--input-padding: 10px;--input-font-size: 1rem;--input-radius: 12px;--body-bg: var(--color-marin);--background-main: #ffffff;--b1: #0e11a8}:root.dark{--color-bg: #18181b;--color-title-text: #f3f4f6;--color-body-text: #e5e7eb;--color-secondary-text: #a1a1aa;--color-accent: #dc568e;--color-border: #27272a;--color-marin: #232336;--color-marin-hover: #1e1e2e;--color-recruiter: #4f46e5;--color-recruiter-hover: #463ecc;--nav-link-active-color: var(--color-title-text);--nav-link-color: var(--color-secondary-text);--button-bg: var(--color-accent);--button-bg-hover: #e97aa8;--button-color: #18181b;--sidebar-list-color: #a1a1aa;--card-bg: #232336;--card-title-color: var(--color-title-text);--card-subtitle-color: var(--color-secondary-text);--card-shadow: 0 8px 24px rgba(0,0,0,.25);--subtitle-color: var(--color-title-text);--subtitle-hover-color: #e5e7eb;--badges-bg: #4c4c5d;--badges-font-color: var(--color-title-text);--public-btn-bg: #232336;--public-btn-color: var(--color-title-text);--public-btn-hover-bg: #18181b;--error-bg: #3b1f1f;--error-color: #f87171;--error-border-color: #fca5a5;--body-bg: #18181b;--background-main: #18181b;--color-darker-marin: #232336;--b1: #5357f3}.align-nicely-h4{line-height:24px;margin-bottom:20px}.image-row{display:flex;justify-content:center;align-items:flex-start;gap:2em;width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;overflow-x:visible;margin-bottom:120px}.image-track{display:flex;gap:2em;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.image-track::-webkit-scrollbar{display:none}.image-track img{flex:0 0 auto;border-radius:8px;scroll-snap-align:start;height:auto;max-width:300px!important;margin-bottom:0}.experience-sidebar h4{font-weight:var(--sidebar-title-font-weight);font-size:var(--sidebar-title-font-size);text-transform:var(--sidebar-title-transform);margin-bottom:var(--sidebar-title-margin-bottom);text-align:var(--sidebar-title-text-align)}.experience-container-grid{display:grid;grid-template-columns:var(--sidebar-width) 1fr;gap:var(--gap)}aside{text-align:left}.experience-sidebar ul{list-style:none;padding:0;margin:0}.experience-sidebar li{margin-bottom:1.2rem}.experience-sidebar span{font-size:var(--sidebar-list-font-size);color:var(--sidebar-list-color)}.experience-sidebar li h2{font-size:var(--sidebar-list-font-size);margin-bottom:6px}.experience-sidebar li p{font-size:var(--sidebar-list-font-size);margin-bottom:0}.linkedin-link{display:inline-block;margin-top:1.5rem;font-weight:700;text-decoration:none;border-bottom:1px solid}.experience-content p{margin-bottom:1rem;text-align:left}.experience-role-title{color:var(--color-title-text);font-weight:600}.highlight{font-weight:700}.experience-filter{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.filter-button{cursor:pointer;color:var(--color-secondary-text);font-weight:var(--nav-link-font-weight);font-size:var(--nav-link-font-size);font-family:Karla,sans-serif;opacity:.6}.filter-button.active,.filter-button:hover{color:var(--color-title-text);opacity:1}.experience-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--gap);margin-top:2rem}.card{padding:var(--card-padding);text-align:left}.card h3{margin-bottom:.5rem;font-family:var(--card-title-font-family);font-optical-sizing:auto;font-weight:var(--card-title-font-weight);font-style:normal;font-size:var(--card-title-font-size);color:var(--card-title-color);margin-bottom:0;margin-top:0}.card-subtitle{font-size:var(--card-subtitle-font-size);font-weight:var(--card-subtitle-font-weight);color:var(--card-subtitle-color);margin-bottom:1rem}.card ul{padding-left:1rem;margin:0}.card li p{margin-bottom:4px;font-size:var(--description-font-size)}.logo-company{width:var(--logo-company-size);height:var(--logo-company-size);vertical-align:top;border-radius:var(--logo-company-radius);margin:0!important}.achievements{margin-top:var(--achievements-margin-top);margin-bottom:var(--achievements-margin-bottom)}.badges{display:flex;flex-wrap:wrap;gap:var(--badges-gap);margin-top:.5rem}.badges span{background:var(--badges-bg);padding:.3rem .6rem;border-radius:var(--badges-radius)}.badges span p{margin-bottom:0;font-size:var(--badges-font-size);color:var(--badges-font-color);font-weight:700}.logo-title img{height:24px!important;margin-inline:unset;margin-bottom:10px!important;max-width:80px}.subtitle{font-weight:var(--subtitle-font-weight);margin-bottom:6px!important;color:var(--subtitle-color)}.subtitle:hover{-webkit-text-decoration:underline solid var(--subtitle-hover-color) 2px!important;text-decoration:underline solid var(--subtitle-hover-color) 2px!important;text-underline-offset:2px!important;-webkit-text-decoration-line:underline!important;-webkit-text-decoration-style:solid!important;-webkit-text-decoration-color:var(--subtitle-hover-color)!important;-webkit-text-decoration-thickness:2px!important;-webkit-text-underline-offset:2px!important}.description{font-size:var(--description-font-size)}.card.card-link{transition:var(--card-link-transition)}.project-card{overflow:hidden}.roles-list{display:block;padding:0;margin:0}.role-item{display:flex;grid-column-gap:12px;grid-row-gap:6px;align-items:center;margin-bottom:1.2rem}.project-columns{margin-bottom:80px}@media (max-width: 600px){.image-row{margin-bottom:60px}.image-track img{max-width:160px!important}.image-track{gap:1em}.image-row{padding-left:4vw}.content{padding-inline:1rem!important}.text-tablet-left{text-align:left!important;padding-bottom:10px!important}.work-filter{gap:1rem}.page-title{padding-bottom:10px}section h4{text-align:center}.roles-list{display:flex;flex-direction:row;overflow-x:auto;gap:0;padding-bottom:8px;margin-bottom:12px;justify-content:flex-start;box-sizing:border-box}.role-item{flex:auto;display:flex;flex-direction:column;align-items:flex-start;margin-bottom:0;border-right:2px dotted var(--color-darker-marin);padding:0 16px;word-break:break-word;white-space:normal;box-sizing:border-box}.role-item:first-child{padding-left:0}.role-item:last-child{border-right:none;padding-right:0}.experience-sidebar{margin-bottom:20px}.experience-sidebar-roles{margin-top:20px}.align-nicely-h4{line-height:unset;margin-bottom:10px}body{overflow-x:hidden!important}.link-about-me{text-align:center;margin-bottom:20px!important}.experience-container{gap:0px}.center-mobile{text-align:center!important}.center-mobile ul,.center-mobile p,.center-mobile h3,.center-mobile li{text-align:center!important;margin-left:auto!important;margin-right:auto!important}.work-filter{padding-bottom:40px}}.role-company-dates{display:flex;gap:6px;font-size:var(--sidebar-list-font-size);margin-bottom:0}.role-separator{color:var(--color-secondary-text);margin:0}.role-dates{color:var(--color-secondary-text)}@media (max-width: 600px){.role-company-dates{display:block;margin-top:4px;margin-bottom:0;font-size:13px;line-height:1.3}.hero-row{gap:.3em}.card-achievements .badges{justify-content:start}.badges{justify-content:center}#login-portfolio{display:none}#experience-aside{justify-content:center!important}.role-company{display:block;margin-bottom:2px}.role-separator{display:none}.role-dates{display:block;color:var(--color-secondary-text);margin-bottom:0}}@media (min-width: 768px){.experience-container-grid{display:grid;grid-template-columns:var(--sidebar-width) 1fr;gap:var(--gap);align-items:flex-start}.project-card{display:flex;flex-direction:column;gap:20px}.project-card.flex-row{flex-direction:row;align-items:center}.project-card.flex-col{flex-direction:column;align-items:stretch}.experience-container.stacked{display:flex;flex-direction:column;gap:0}.experience-container.stacked #experience-aside{width:100%;max-width:100%;margin-bottom:20px;order:0}.experience-container.stacked #experience-content{width:100%;max-width:100%;order:1}.experience-content.full-width{width:100%;max-width:100%}.project-card.flex-row .cover{width:460px;height:276px;-o-object-fit:cover;object-fit:cover;border-radius:0;margin-bottom:0;margin-right:0;margin-left:0;display:block}.project-card.flex-row .project-content{padding:0;flex-direction:column;justify-content:center;border-radius:0;margin:0}.project-card.flex-col .cover{width:100%;aspect-ratio:5 / 3;-o-object-fit:cover;object-fit:cover;border-radius:0;margin-bottom:20px;margin-right:0;margin-left:0;display:block}.project-card.flex-col .project-content{width:100%;padding:0;border-radius:0;margin:0}}@media (max-width: 767px){.show-hover{opacity:1!important;transform:none!important;pointer-events:auto!important}}.card-achievements{margin-top:0;padding-top:0;margin-bottom:0}#cards-project-container{display:flex;flex-direction:column;gap:20px}.icon-png{display:flex;align-items:center;gap:8px}@media (max-width: 600px){.icon-png{justify-content:center}.experience-container-grid{grid-template-columns:1fr}.icon-png h3{margin:0!important;align-items:center}}@media (max-width: 600px){.experience-sidebar{margin-bottom:2rem}}@media (min-width: 601px) and (max-width: 1000px){.image-track img{max-width:240px!important}.image-row{margin-bottom:60px}.page-title{font-size:2em;padding-bottom:10px;margin-top:40px}.image-track{gap:1em}.image-row{padding-left:4vw}.content{padding-inline:2rem!important}.experience-container-grid{grid-template-columns:180px 1fr}.decorative-image-hero{height:44px!important;width:90px!important}.hero-row{gap:.5em}.experience-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-top:2rem}.gridwork{grid-template-columns:400px 1fr;align-items:baseline}.project-card.flex-row .cover{width:360px;height:216px}.text-tablet-left{text-align:left}.projects-container{grid-template-columns:1fr!important}.project-columns,.project-column{gap:2rem!important}.work-filter{padding-bottom:40px!important}.third-col-work{display:none!important}}.read-toggle{display:none;background:transparent;border:none;color:var(--color-secondary-text);font-family:Karla,sans-serif;cursor:pointer;font-size:1em;padding:0;text-decoration:underline;text-underline-offset:3px}#project-columns.filter-all-active .read-toggle,#cards-project-container.filter-all-active .read-toggle{display:inline-block}#project-columns.filter-all-active .card .description,#cards-project-container.filter-all-active .card .description,#project-columns.filter-all-active .card .badges,#cards-project-container.filter-all-active .card .badges,#project-columns.filter-all-active .card .casestudy-btn,#cards-project-container.filter-all-active .card .casestudy-btn{display:none!important}#project-columns.filter-all-active .card.expanded .description,#cards-project-container.filter-all-active .card.expanded .description,#project-columns.filter-all-active .card.expanded .badges,#cards-project-container.filter-all-active .card.expanded .badges,#project-columns.filter-all-active .card.expanded .casestudy-btn,#cards-project-container.filter-all-active .card.expanded .casestudy-btn{display:block!important}.overlay-badges{display:flex!important;gap:.5rem;flex-wrap:wrap}#project-columns.filter-all-active .card.expanded .badges{display:flex!important}.work-row{width:100%;display:flex;gap:2rem;align-items:flex-start;margin-bottom:2.5rem;box-sizing:border-box}.work-row-single.align-right{justify-content:flex-end}.work-row-single.align-left{justify-content:flex-start}.work-row-two{justify-content:space-between}.project-card{box-sizing:border-box;max-width:100%}.project-card .cover,.project-card .card-image,.project-card .project-image{width:100%;display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;border-radius:0}.project-card.layout-r16{max-width:66%}.project-card.layout-r16 .cover{aspect-ratio:16 / 9}.project-card.layout-l1{max-width:42%}.project-card.layout-l1 .cover{aspect-ratio:1 / 1}.project-card.layout-r16-offset{max-width:80%;position:relative;z-index:2}.project-card.layout-r16-offset .cover{aspect-ratio:16 / 9;transition:transform .32s ease;transform:translate(0)}.work-row-single.align-right .project-card.layout-r16-offset .cover{transform:translate(5em)}.project-card.layout-l16-big{max-width:62%}.project-card.layout-l16-big .cover{aspect-ratio:16 / 9}.project-card.layout-r16-small{max-width:36%;position:relative;z-index:1}.project-card.layout-r16-small .cover{aspect-ratio:16 / 9;transition:transform .32s ease;transform:translate(6em)}@media (max-width: 900px){.work-row,.work-row-two{flex-direction:column;gap:1.25rem}.work-row-single.align-right,.work-row-single.align-left{justify-content:flex-start}.project-card.layout-r16,.project-card.layout-l1,.project-card.layout-r16-offset,.project-card.layout-l16-big,.project-card.layout-r16-small{max-width:100%}.project-card.layout-r16-offset .cover,.project-card.layout-r16-small .cover{transform:none}}@media (prefers-reduced-motion: reduce){.project-card.layout-r16-offset .cover,.project-card.layout-r16-small .cover{transition:none;transform:none}}.card .card-inner{opacity:0;transform:translateY(48px) scale(.995);filter:blur(6px);transition:opacity .56s cubic-bezier(.22,.9,.33,1),transform .56s cubic-bezier(.22,.9,.33,1),filter .56s;will-change:transform,opacity,filter}.card .card-inner.visible{opacity:1;transform:translateY(0) scale(1);filter:none}.section-inner{opacity:0;transform:translateY(48px) scale(.995);filter:blur(6px);transition:opacity .56s cubic-bezier(.22,.9,.33,1),transform .56s cubic-bezier(.22,.9,.33,1),filter .56s;will-change:transform,opacity,filter}.section-inner.visible{opacity:1;transform:translateY(0) scale(1);filter:none}@media (prefers-reduced-motion: reduce){.section-inner{transition:none!important;transform:none!important;opacity:1!important;filter:none!important}}.project-columns{display:flex;gap:4rem;align-items:flex-start}.project-column{flex:1 1 0;display:flex;flex-direction:column;gap:4rem}@media (max-width: 767px){.project-columns{flex-direction:column;gap:1rem}}.card.project-card{display:inline-block;width:100%;margin:0;padding:0;break-inside:avoid;-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;vertical-align:top;position:relative;overflow:visible}.card .cover,.card .card-image,.card .project-image{width:100%;display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;border-radius:0;transition:transform .42s ease;transform-origin:center center}#cards-project-container{display:none}.experience-columns-homepage{display:grid;grid-template-columns:repeat(16,1fr);grid-auto-rows:min-content;gap:2rem;align-items:start}.experience-columns-homepage .project-item{grid-column:1 / -1;box-sizing:border-box;transition:transform .32s ease}.experience-columns-homepage .item-1{grid-column:10 / span 7;grid-row:1}.experience-columns-homepage .item-2{grid-column:2 / span 5;grid-row:1;transform:translateY(14rem)}.experience-columns-homepage .item-3{grid-column:9 / span 7;grid-row:2;transform:translateY(-1rem)}.experience-columns-homepage .item-4{grid-column:1 / span 7;grid-row:3;transform:none}.experience-columns-homepage .item-5{grid-column:11 / span 5;grid-row:3;transform:translateY(4rem)}.experience-columns-homepage .project-item{will-change:transform}@media (prefers-reduced-motion: reduce){.experience-columns-homepage .project-item{transition:none!important;transform:none!important}}@media (max-width: 900px){.experience-columns-homepage{grid-template-columns:1fr;gap:1.25rem}.experience-columns-homepage .project-item{grid-column:1 / -1;transform:none!important}}.experience-columns-homepage .project-item .cover,.experience-columns-homepage .project-item .card-image,.experience-columns-homepage .project-item .project-image{width:100%;display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;aspect-ratio:16 / 9}.experience-columns-homepage .item-2 .cover,.experience-columns-homepage .item-2 .card-image,.experience-columns-homepage .item-2 .project-image{aspect-ratio:1 / 1}.secondary-cover{position:absolute!important;opacity:0;top:0;margin:0!important}.primary-cover{margin:0!important;position:relative!important}@media (hover: hover) and (pointer: fine){.cover-wrapper:hover .secondary-cover,.primary-cover:hover+.secondary-cover,.cover-wrapper:focus-within .secondary-cover,.primary-cover:focus+.secondary-cover{opacity:1}.cover-wrapper:hover .primary-cover,.primary-cover:focus{opacity:0}}@media (max-width: 900px){.project-card .cover,.project-card .card-image,.project-card .project-image{aspect-ratio:11/8!important}.experience-columns-homepage .item-1,.experience-columns-homepage .item-2,.experience-columns-homepage .item-3,.experience-columns-homepage .item-4,.experience-columns-homepage .item-5{grid-row:auto;transform:none}.secondary-cover{position:absolute!important;opacity:0;top:0;margin:0!important;visibility:hidden}}@media (hover: hover) and (pointer: fine) and (max-width: 900px){.cover-wrapper:hover .secondary-cover,.primary-cover:hover+.secondary-cover,.cover-wrapper:focus-within .secondary-cover,.primary-cover:focus+.secondary-cover{opacity:0}.cover-wrapper:hover .primary-cover,.primary-cover:focus{opacity:1}}