*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}html,body{margin:0;padding:0}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul,ol{margin:0;padding:0;list-style:none}img,picture,svg,video{display:block;max-width:100%}img{height:auto}button,input,textarea,select{font:inherit}button{margin:0;padding:0;border:0;background:none;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}table{border-collapse:collapse;border-spacing:0}:root{--color-bg: 255 255 255;--color-bg-alt: rgb(248, 247, 248);--color-text: rgb(17, 17, 17);--color-muted: rgb(102, 102, 102);--color-line: rgb(222, 222, 222);--color-header-bg: rgb(255 255 255 / 75%);--color-header-line: rgb(0 0 0 / 8%);--container: 1440px;--gutter: clamp(20px, 4vw, 72px);--section-space: clamp(120px, 10vw, 180px);--font-sans: "Archivo", sans-serif;--font-h1: clamp(48px, 3.6vw, 68px);--font-h2: clamp(38px, 3vw, 52px);--font-h3: clamp(22px, 1.7vw, 28px);--font-body-lg: clamp(18px, 1.15vw, 20px);--font-body: 16px;--font-small: 13px;color-scheme:light}html[data-theme=dark]{--color-bg: 15 15 15;--color-bg-alt: rgb(10 10 11);--color-text: rgb(242 242 242);--color-muted: rgb(160 160 160);--color-line: rgb(55 55 55);--color-header-bg: rgb(15 15 15 / 92%);--color-header-line: rgb(255 255 255 / 10%);color-scheme:dark}body{min-height:100vh;background-color:rgb(var(--color-bg));color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-body);font-weight:400;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;transition:background-color .35s ease,color .35s ease}::selection{background-color:var(--color-text);color:rgb(var(--color-bg))}.container{width:100%;padding-inline:clamp(var(--gutter),4vw,var(--gutter))}section{padding-block:calc(var(--section-space) * .5);&:is(#hero){padding-block-start:var(--section-space)}&:is(#work){padding-block-end:calc(var(--section-space) * .25)}&:is(#what-i-do){padding-block-start:calc(var(--section-space) * .25);padding-block-end:calc(var(--section-space) * .5)}&:is(#about){padding-block-start:calc(var(--section-space) * .5)}}main>section>.container,.footer>.container{position:relative;z-index:10}h1,h2,h3,h4{font-weight:400;line-height:1;letter-spacing:-.04em}h1{font-size:var(--font-h1);line-height:.98;letter-spacing:-.045em}h2{font-size:var(--font-h2)}h3{font-size:var(--font-h3)}p{max-width:65ch}.text-large{font-size:var(--font-body-lg);line-height:1.55}.eyebrow,.section-label,.meta{font-size:var(--font-small);font-weight:500;line-height:1.2;text-transform:uppercase;letter-spacing:.08em}:focus-visible{outline:2px solid currentColor;outline-offset:4px}.header{position:fixed;top:0;width:100%;z-index:1000;padding-block:2rem;transition:background-color .3s ease-in-out,padding .3s ease-in-out,box-shadow .3s ease-in-out;&.scrolled{padding-block:1.25rem;background-color:var(--color-header-bg);box-shadow:0 1px 0 var(--color-header-line);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.container{display:grid;grid-template-columns:1fr auto 1fr;@media(max-width:960px){grid-template-columns:1fr auto}.logo{position:relative;text-transform:uppercase;font-size:1rem;font-weight:800;letter-spacing:.5rem;justify-self:flex-start;transition:opacity .3s ease-in-out;&:before{content:"";position:absolute;left:0;bottom:-4px;width:0;height:1px;background-color:var(--color-text);transition:all .3s ease-in-out;transform-origin:right}&:hover{&:before{width:100%;transform-origin:left}}}nav{ul{display:flex;flex-direction:row;justify-content:center;gap:clamp(12px,2.2vw,32px);li{a{position:relative;&:before{content:"";position:absolute;left:0;bottom:-4px;width:0;height:1px;background-color:var(--color-text);transition:all .3s ease-in-out;transform-origin:right}&:hover:before{width:100%;transform-origin:left}&.active{position:relative;&:before{content:"";position:absolute;left:0;bottom:-4px;width:100%;height:1px;background-color:var(--color-text);transition:all .3s ease-in-out;transform-origin:right}}}}}@media screen and (max-width:960px){margin-right:75px;ul{li:not(:last-of-type){display:none}}}}}@media(max-width:1160px){background-color:var(--color-header-bg);backdrop-filter:blur(12px)}@media(max-width:768px){background-color:unset;backdrop-filter:unset}}.cv-download{position:fixed;top:2rem;right:calc(var(--gutter) + 2.5rem);z-index:1001;color:#fff;mix-blend-mode:difference;transition:top .3s ease-in-out;&:before{content:"";position:absolute;left:0;bottom:-4px;width:0;height:1px;background-color:var(--color-line);transition:all .3s ease-in-out;transform-origin:right;z-index:1001}&:hover{&:before{width:100%;transform-origin:left}}}.theme-toggle{position:fixed;top:2rem;right:var(--gutter);z-index:1001;font-size:1.5rem;line-height:1;color:#fff;mix-blend-mode:difference;transition:top .3s ease-in-out}.header.scrolled+.cv-download{top:1.25rem}.header.scrolled+.cv-download+.theme-toggle{top:1.25rem}html[data-theme=dark] .what-i-do .skill img{filter:invert(1)}.hero,.project-content,.about{transition:background-color .35s ease-in-out,color .35s ease-in-out,border-color .35s ease-in-out}html[data-theme=dark] .hero{background-image:url(/images/hero-bg-dark.png)}.hero{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;background-image:url(/images/hero-bg.png);background-size:contain;background-repeat:no-repeat;background-position:right bottom;background-color:var(--color-bg-alt);@media(max-width:1041px){grid-template-columns:1fr}@media(max-width:1200px){background-size:auto 100%}@media(max-width:1000px){background-position:12.5vw center}.container{position:relative;display:flex;flex-direction:column;gap:2rem;transition:all .3s ease-in-out;@media(max-width:460px){gap:1.5rem}h4{position:relative;align-self:flex-start;text-transform:uppercase;letter-spacing:.08em;font-weight:500;&:after{content:"";position:absolute;top:calc(50% - 1.5px);right:-2rem;width:1.5rem;height:1.5px;background-color:var(--color-text)}}h1{font-size:var(--font-h1);line-height:1.05;text-wrap:pretty;letter-spacing:.02rem;margin-top:-1rem;font-weight:300;span{display:block;font-weight:600}@media(max-width:477px){font-size:calc(var(--font-h1) * .66)}}h3{font-size:calc(var(--font-h3) * .75);line-height:1.2;letter-spacing:.02rem}p{font-size:var(--font-body);line-height:1.5;max-width:50ch}a{position:relative;align-self:flex-start;font-size:var(--font-body);font-weight:500;text-decoration:none;transition:all .3s ease-in-out;&:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:var(--color-text);transition:all .3s ease-in-out;transform-origin:right}&:after{content:"⟶";position:absolute;right:-2rem;bottom:0;transition:all .3s ease-in-out;transform-origin:right}&:hover{&:before{width:0}&:after{right:-1.75rem}}}}}.selected-work{.container{display:flex;flex-direction:column;gap:1rem;.selected-work-top{position:relative;display:flex;justify-content:space-between;align-items:center;>h4{position:relative;align-self:flex-start;text-transform:uppercase;letter-spacing:.08em;font-weight:500;&:after{content:"";position:absolute;top:calc(50% - 1.5px);right:-2rem;width:1.5rem;height:1.5px;background-color:var(--color-text)}}.selected-work-nums{font-size:var(--font-body-lg);font-weight:500;letter-spacing:.08em;.current-slide{font-weight:300;color:var(--color-text)}.total-slides{font-weight:500;color:var(--color-line)}}}.projects-slider{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;&::-webkit-scrollbar{display:none}.project{flex:0 0 100%;scroll-snap-align:start;display:grid;grid-template-columns:30% 70%;@media(max-width:1024px){grid-template-columns:1fr}.project-content{position:relative;display:flex;flex-direction:column;gap:1rem;padding:var(--gutter);background-color:var(--color-bg-alt);h3{font-size:var(--font-h3);line-height:1.2;letter-spacing:.05rem}p{font-size:var(--font-body);line-height:1.5;&:nth-of-type(1){margin-block-start:-.5rem}}.technologies-used{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:.5rem;font-size:var(--font-small);font-weight:500;letter-spacing:.08em;line-height:1.2;span{border:1px solid var(--color-text);background-color:rgb(var(--color-bg));padding:.5rem}}}img{object-fit:cover;height:100%}}}.slider-nav{display:flex;align-items:center;justify-content:space-between;.slider-pagination{display:flex;gap:2rem;button{position:relative;padding-bottom:.5rem;opacity:.35;transition:opacity .3s ease;&:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--color-text);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}&:hover,&.active{opacity:1}&.active:after{transform:scaleX(1)}}}.slider-arrows{display:flex;gap:1rem;margin-block-start:-.5rem;button{font-size:1.5rem;transition:opacity .3s ease;&:hover{opacity:.5}}}}}}.what-i-do{.container{display:flex;flex-direction:column;gap:2rem;>h4{position:relative;align-self:flex-start;text-transform:uppercase;letter-spacing:.08em;font-weight:500;&:after{content:"";position:absolute;top:calc(50% - 1.5px);right:-2rem;width:1.5rem;height:1.5px;background-color:var(--color-text)}}.what-i-do-skills{display:grid;grid-template-columns:repeat(4,1fr);gap:0;@media(max-width:768px){grid-template-columns:1fr 1fr;row-gap:1rem}@media(max-width:460px){grid-template-columns:1fr;row-gap:1rem}.skill{display:flex;flex-direction:column;gap:.5rem;padding-inline:calc(var(--gutter) / 2);&:first-of-type{padding-inline-start:0}&:last-of-type{padding-inline-end:0}img{height:2.5rem;width:auto;align-self:flex-start}&:not(:last-child){border-inline-end:1px solid var(--color-line);@media(max-width:768px){border-inline-end:unset}}h4{font-size:calc(var(--font-h3)*.75);font-weight:500}p{font-size:var(--font-body);line-height:1.5;color:var(--color-muted);margin-block-start:1rem;&:nth-of-type(1){font-weight:500;font-size:calc(var(--font-body)*.75);color:var(--color-text)}}}}}}.ai-workflow{padding-block:calc(var(--section-space) * .5);background-color:var(--color-bg-alt);.container{display:flex;flex-direction:column;gap:2rem;>h4{position:relative;align-self:flex-start;text-transform:uppercase;letter-spacing:.08em;font-weight:500;&:after{content:"";position:absolute;top:calc(50% - 1.5px);right:-2rem;width:1.5rem;height:1.5px;background-color:var(--color-text)}}}.ai-workflow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(1.25rem,3vw,3rem);@media(max-width:600px){grid-template-columns:1fr}}.ai-workflow-intro{grid-column:span 2;display:flex;flex-direction:column;gap:1rem;h2{font-size:calc(var(--font-h2) * .85);line-height:1.1;letter-spacing:0}.ai-tags{position:relative;width:100%;display:flex;justify-content:flex-start;flex-wrap:wrap;gap:.5rem;span{border:1px solid var(--color-text);background-color:rgb(var(--color-bg));font-size:calc(var(--font-body) * .75);padding:.5rem}}}.ai-workflow-content{display:flex;flex-direction:column;gap:1rem;grid-column:span 2;max-width:600px;p{color:var(--color-muted);line-height:1.6}.ai-lead{margin-block-end:1.5rem;font-size:clamp(1.25rem,1.6vw,1.5rem);color:var(--color-text);line-height:1.45;@media(max-width:600px){margin-block-end:0}}.ai-tags{position:relative;width:100%;display:flex;justify-content:flex-start;flex-wrap:wrap;gap:.5rem;span{border:1px solid var(--color-text);background-color:rgb(var(--color-bg));font-size:calc(var(--font-body) * .75);padding:.5rem}}}}.about{.container{display:flex;flex-direction:column;gap:2rem;>h4{position:relative;align-self:flex-start;text-transform:uppercase;letter-spacing:.08em;font-weight:500;&:after{content:"";position:absolute;top:calc(50% - 1.5px);right:-2rem;width:1.5rem;height:1.5px;background-color:var(--color-text)}}.about-container{position:relative;display:grid;grid-template-columns:1fr .75fr 1fr;@media(max-width:1200px){grid-template-columns:1fr .5fr;row-gap:2rem}@media(max-width:600px){display:flex;flex-direction:column;gap:2rem}.about-desc{position:relative;display:flex;flex-direction:column;gap:1rem;padding-inline-end:calc(var(--gutter) / 1.5);border-inline-end:1px solid var(--color-line);@media(max-width:600px){border-inline-end:unset}>h4{text-transform:uppercase;letter-spacing:.08em;font-weight:500}h2{font-size:calc(var(--font-h2)*.85);line-height:1.1;letter-spacing:0}}.about-stack{position:relative;display:flex;flex-direction:column;gap:1rem;justify-content:space-between;padding-inline:calc(var(--gutter));border-inline-end:1px solid var(--color-line);padding-block-start:.7rem;@media(max-width:600px){display:grid;grid-template-columns:1fr 1fr;padding-inline:unset;padding-block-start:unset;border-inline-end:unset}.stack-item{display:flex;flex-direction:column;gap:.25rem;h3{font-size:calc(var(--font-h3)*1.25);font-weight:500;@media(max-width:600px){font-size:calc(var(--font-h3)*.75)}}h4{font-size:calc(var(--font-h3)*.75);font-weight:500}p{font-size:var(--font-body);line-height:1.5;color:var(--color-muted)}}}.about-experience{@media(max-width:1200px){grid-column:span 2}.experience{padding-block:unset;.container{@media(max-width:1200px){padding-inline:0}}}.experience-list{position:relative;display:flex;flex-direction:column;&:before{content:"";position:absolute;top:0;bottom:0;left:4px;width:1px;background-color:var(--color-line)}.experience-item{position:relative;display:grid;grid-template-columns:140px minmax(0,1fr);padding-left:40px;padding-bottom:3rem;@media(max-width:460px){grid-template-columns:unset;padding-left:20px}&:last-child{padding-bottom:0}}.experience-marker{position:absolute;top:7px;left:0;width:9px;height:9px;background-color:var(--color-text);border-radius:50%;transform:translate(0)}.experience-year{font-size:14px;color:var(--color-muted);line-height:1.4;@media(max-width:460px){margin-bottom:.5rem}}.experience-content{h3{margin-bottom:.15rem;font-size:18px;font-weight:600;letter-spacing:-.02em}p{margin:0;font-size:15px;line-height:1.5;color:var(--color-muted)}.experience-type{margin-bottom:.2rem;color:var(--color-text);font-weight:400}}}}}}}.footer{position:relative;padding-block:var(--gutter);color:#fff;background:linear-gradient(90deg,#000000bf,#00000073),url(/images/footer-bg.png);background-size:cover;background-position:center;background-repeat:no-repeat;.container{min-height:100%;.footer-main{display:grid;grid-template-columns:2fr 1fr;align-items:end;min-height:300px;padding-bottom:3rem;@media(max-width:1100px){grid-template-columns:1fr 1fr}@media(max-width:768px){display:block}@media(max-width:768px){padding-bottom:2rem}.footer-intro{position:relative;display:flex;flex-direction:column;gap:0;.section-label{position:relative;align-self:flex-start;margin-bottom:.75rem;color:#ffffffb3;&:after{content:"";position:absolute;top:calc(50% - 1.5px);right:-2rem;width:1.5rem;height:1.5px;background-color:#ffffffb3}}h2{margin-bottom:1rem;font-size:clamp(32px,3vw,52px);font-weight:400;letter-spacing:-.04em}p{max-width:40ch;margin-bottom:2rem;color:#ffffffa6;line-height:1.5;@media(max-width:768px){margin-bottom:1rem}}.footer-contact{position:relative;align-self:flex-start;display:inline-block;padding-bottom:.25rem;font-weight:500;&:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background-color:currentColor;transition:width .3s ease}&:after{content:"⟶";position:absolute;right:-2rem;transition:right .3s ease}&:hover{&:before{width:0}&:after{right:-2.5rem}}}}}}}.footer-links{display:grid;grid-template-columns:auto auto;gap:1rem;align-self:end;@media(max-width:768px){display:flex;margin-top:2rem}@media(max-width:360px){flex-direction:column}a{position:relative;justify-self:flex-end;padding-left:2rem;border-left:1px solid rgb(255 255 255 / 20%);color:#ffffffb3;transition:color .25s ease,opacity .25s ease;@media(max-width:768px){padding-left:0;border-left:unset}span{display:block;margin-bottom:.4rem;color:#fff;font-size:13px;font-weight:500}&:hover{color:#fff}}}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:2rem;border-top:1px solid rgb(255 255 255 / 20%);@media(max-width:960px){flex-direction:column;gap:1rem}.footer-brand{display:flex;align-items:center;gap:2rem;@media(max-width:960px){order:2}@media(max-width:360px){flex-direction:column;gap:0}a{position:relative;text-transform:uppercase;font-size:1rem;font-weight:800;letter-spacing:.5rem;transition:all .3s ease-in-out;&:hover{opacity:.5}}strong{font-size:13px;font-weight:700;letter-spacing:.4rem}span{color:#ffffff8c;font-size:13px}}}.footer-nav{display:flex;gap:2rem;@media(max-width:960px){order:1}@media(max-width:600px){gap:1rem}@media(max-width:360px){display:none}a{color:#ffffffa6;font-size:13px;transition:color .25s ease;&:hover{color:#fff}}}.reveal{opacity:0;transform:translateY(32px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1);will-change:opacity,transform}.reveal.is-visible{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}.metaballs[data-astro-cid-i3wfvvyk]{position:fixed;inset:0;z-index:5;overflow:hidden;pointer-events:none;opacity:.82;mask-image:linear-gradient(to bottom,transparent 0,#000 11vh,#000 calc(100% - 9vh),transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 11vh,#000 calc(100% - 9vh),transparent 100%)}.metaballs__canvas[data-astro-cid-i3wfvvyk]{display:block;width:100%;height:100%}@media(max-width:720px){.metaballs[data-astro-cid-i3wfvvyk]{opacity:.58}}@media(prefers-reduced-motion:reduce){.metaballs[data-astro-cid-i3wfvvyk]{opacity:.48}}