:root{--c-primary: #66d9ef;--c-primary-dark: #49b8d6;--c-primary-light: #a6e22e;--c-accent: #f92672;--c-accent-dark: #fd971f;--c-black: #f8f8f2;--c-gray-900: #e6db74;--c-gray-700: #cfcfc2;--c-gray-600: #a59f85;--c-gray-500: #75715e;--c-gray-400: #66666a;--c-white: #272822;--c-border-dark: #49483e;--c-border-light: #3e3d32;--c-bg-subtle: #2e2e28;--c-bg-card: #33332d;--c-overlay: rgba(102, 217, 239, .1);--c-overlay-hover: rgba(102, 217, 239, .2);--c-shadow: rgba(0, 0, 0, .5);--s-1: 3px;--s-2: 4px;--s-3: 6px;--s-4: 8px;--s-5: 10px;--s-6: 12px;--s-7: 15px;--s-8: 16px;--s-10: 20px;--s-12: 24px;--s-14: 30px;--s-16: 32px;--s-20: 40px;--s-24: 48px;--s-26: 50px;--s-28: 60px;--s-32: 80px;--s-36: 100px;--fs-xs: .764rem;--fs-sm: .854rem;--fs-base: .9rem;--fs-md: 1rem;--fs-normal: 1rem;--fs-lg: 1.09rem;--fs-xl: 1.236rem;--fs-2xl: 1.382rem;--fs-3xl: 1.618rem;--fs-4xl: 2rem;--fs-5xl: 2.618rem;--fs-6xl: 4.236rem;--fs-7xl: 6.854rem;--fw-light: 300;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--lh-tight: 1.4;--lh-normal: 1.618;--lh-relaxed: 1.8;--w-narrow: 500px;--w-medium: 600px;--w-content: 1200px;--w-container: 1400px;--w-prose: 120ch;--w-img: 300px;--w-img-mobile: 450px;--w-grid-min: 280px;--w-grid-skill: 200px;--size-icon-sm: 16px;--size-icon: 18px;--size-icon-lg: 20px;--size-dot: 8px;--size-tech-logo: 16px;--size-tech-logo-sm: 14px;--size-hamburger: 20px;--size-hamburger-height: 2px;--radius-sm: 6px;--radius: 8px;--radius-lg: 12px;--radius-xl: 16px;--z-sticky: 100;--z-dropdown: 200;--z-toggle: 501;--transition-fast: .2s ease;--transition-base: .3s ease;--transition-fade: .25s ease-out}@font-face{font-family:RemySans;src:local("Satoshi Regular"),local("Satoshi"),url(/assets/Satoshi-Regular-B3SN4yqc.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:RemySans;src:local("Satoshi Bold"),local("Satoshi-Bold"),url(/assets/Satoshi-Bold-C3YRi9Vg.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}@keyframes fadeInQuick{0%{opacity:0}to{opacity:1}}.projects-section,.about-section,.experience-section,.contact-section,.skills-section,.home-section,.home-grid,.projects-grid,.experience-timeline,.skills-categories,.contact-methods,.about-grid,.about-text,.hero-banner,.about-content,.contact-content{animation:fadeInQuick .25s ease-out}.project-card{animation:fadeInQuick .3s ease-out both}.project-card:nth-child(1){animation-delay:.05s}.project-card:nth-child(2){animation-delay:.1s}.project-card:nth-child(3){animation-delay:.15s}.project-card:nth-child(4){animation-delay:.2s}.project-card:nth-child(5){animation-delay:.25s}.timeline-item{animation:fadeInQuick .3s ease-out both}.timeline-item:nth-child(1){animation-delay:.05s}.timeline-item:nth-child(2){animation-delay:.1s}.timeline-item:nth-child(3){animation-delay:.15s}.timeline-item:nth-child(4){animation-delay:.2s}.timeline-item:nth-child(5){animation-delay:.25s}.home-card{animation:fadeInQuick .3s ease-out both}.home-card:nth-child(1){animation-delay:.05s}.home-card:nth-child(2){animation-delay:.1s}.home-card:nth-child(3){animation-delay:.15s}.skill-category{animation:fadeInQuick .3s ease-out both}.skill-category:nth-child(1){animation-delay:.05s}.skill-category:nth-child(2){animation-delay:.1s}.skill-category:nth-child(3){animation-delay:.15s}.contact-item{animation:fadeInQuick .3s ease-out both}.contact-item:nth-child(1){animation-delay:.05s}.contact-item:nth-child(2){animation-delay:.1s}.contact-item:nth-child(3){animation-delay:.15s}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:auto;font-size:18px;overflow-x:hidden;scrollbar-gutter:stable}body{font-family:RemySans,sans-serif;line-height:var(--lh-normal);color:var(--c-gray-900);background:var(--c-white);font-size:var(--fs-xl)}a{color:var(--c-gray-600);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--c-black)}.project-link{text-decoration:none;transition:color var(--transition-fast);display:inline-flex;align-items:center;gap:var(--s-2);background-color:var(--c-border-light);padding:var(--s-1) var(--s-4);border-radius:var(--radius-sm);color:var(--c-gray-600);font-size:var(--fs-base)}.project-link:hover{background-color:var(--c-bg-card);color:var(--c-black);box-shadow:0 4px 6px var(--c-shadow);transform:translateY(-2px)}.contact-link{color:var(--c-gray-600);text-decoration:none;transition:color var(--transition-fast);display:inline-flex;align-items:center;gap:var(--s-6)}.contact-link:hover{color:var(--c-black)}.portfolio{max-width:var(--w-container);padding:0 var(--s-10);margin:0 auto}.site-header{padding:var(--s-4) 0;border-bottom:1px solid var(--c-border-dark);margin-bottom:var(--s-28);position:sticky;top:0;background:var(--c-white);z-index:var(--z-sticky);width:100%;box-sizing:border-box;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}.header-content{display:flex;justify-content:space-between;align-items:center;padding:0 var(--s-6);position:relative}.site-title{font-size:var(--fs-4xl);font-weight:var(--fw-bold);font-weight:700;list-style:none;list-style-type:none;color:var(--c-black);cursor:pointer;display:inline-flex;align-items:center;gap:var(--s-6);margin-right:var(--s-1)}.site-title:hover{opacity:.7}.nav-list{list-style:none;display:flex;gap:var(--s-12)}.nav-link{color:var(--c-gray-600);text-decoration:none;font-size:var(--fs-2xl);cursor:pointer;transition:color var(--transition-fast);display:inline-flex;align-items:center;gap:var(--s-4)}.nav-link .nav-icon{width:var(--size-icon);height:var(--size-icon);display:inline-block;flex-shrink:0}.nav-link:hover{color:var(--c-black)}.nav-link.active,.nav-link.active:hover{color:var(--c-black);background:transparent}.mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:var(--s-4);z-index:var(--z-toggle)}.hamburger{display:flex;flex-direction:column;gap:var(--s-1)}.hamburger-line{width:var(--size-hamburger);height:var(--size-hamburger-height);background:var(--c-gray-900);transition:all var(--transition-base)}.main-content{padding:0 var(--s-10) var(--s-28) var(--s-10);background:var(--c-white);margin-bottom:var(--s-28)}section{margin-bottom:var(--s-28);padding:0}.section-title{font-size:var(--fs-5xl);font-weight:var(--fw-medium);text-align:left;color:var(--c-black);letter-spacing:-.02em;margin-bottom:var(--s-12)}.about-text p,.contact-intro,.project-description,.timeline-description,.hero-description{max-width:var(--w-prose);line-height:var(--lh-relaxed);margin-bottom:1.5em;text-align:left}.about-text p:last-child,.contact-intro:last-child{margin-bottom:0}.home-section{display:flex;flex-direction:column;align-items:center}.hero-banner{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;padding:var(--s-32) var(--s-10);text-align:left}.hero-banner,.hero-snapshots{width:100%;max-width:var(--w-content);box-sizing:border-box}.hero-title{font-size:var(--fs-6xl);font-weight:700;margin-bottom:var(--s-10);font-family:RemySans,sans-serif;color:var(--c-black);text-align:left;width:100%;max-width:var(--w-content)}.hero-subtitle{font-size:var(--fs-3xl);color:var(--c-gray-600);margin-bottom:var(--s-10);text-align:left;width:100%;max-width:var(--w-content)}.hero-ctas{display:flex;gap:var(--s-8);margin-top:var(--s-12);width:100%;max-width:var(--w-content)}.cta{background:var(--c-primary);color:var(--c-white);padding:var(--s-6) var(--s-12);border-radius:var(--radius-sm);border:none;cursor:pointer;font-size:var(--fs-base);font-weight:var(--fw-regular)}.cta:hover{border-bottom:4px solid var(--c-gray-400)}.cta.secondary{background:transparent;color:var(--c-gray-600);border:1px solid var(--c-border-light);font-weight:var(--fw-regular)}.cta.secondary:hover{background:var(--c-bg-subtle);color:var(--c-black);border:1px solid var(--c-border-dark)}.hero-description{font-size:var(--fs-3xl);color:var(--c-gray-600);text-align:left;max-width:var(--w-content)}.hero-description strong{font-weight:var(--fw-bold);font-weight:600}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-synthesis:none}.hero-description strong,.hero-subtitle strong{font-family:RemySans,sans-serif;font-weight:700}.hero-portraits{display:flex;gap:var(--s-6);align-items:center;margin-top:var(--s-14);flex-wrap:wrap}.hero-portrait{width:120px;height:120px;object-fit:cover;border-radius:8px;border:2px solid var(--c-border-dark);box-shadow:0 6px 18px #00000026;transition:transform var(--transition-fast),box-shadow var(--transition-fast);display:block}.hero-portrait:hover,.hero-portrait:focus{transform:translateY(-4px) scale(1.02);box-shadow:0 10px 28px #0003}.portrait-caption{font-size:var(--fs-sm);color:var(--c-primary-dark);margin-top:var(--s-4)}@media (max-width: 768px){.hero-portraits{justify-content:center;gap:var(--s-6)}.hero-portrait{width:100px;height:100px;border-radius:8px}.hero-caption{text-align:left;margin-top:var(--s-2)}}.hero-grid{display:grid;grid-template-columns:1fr minmax(250px,250px);gap:var(--s-20)}figcaption{font-size:var(--fs-xs);font-family:monospace;color:var(--c-accent-dark);text-align:center}figure{display:flex;flex-direction:column;align-items:center;gap:var(--s-3)}.hero-feature{display:flex;flex-direction:column;align-items:center}.project-image.hero-feature--mobile-only,.hero-feature .project-image.hero-feature--mobile-only{display:none}.project-image.hero-feature--desktop-only,.hero-feature .project-image.hero-feature--desktop-only{display:block}.hero-featured-image{width:100%;height:300px;object-fit:cover;object-position:top;border-radius:var(--radius-xl);border:2px solid var(--c-border-dark);box-shadow:0 14px 40px #0000002e;display:block}.hero-feature .project-image,.hero-featured-image{min-height:300px;height:300px;display:block}.hero-feature .project-image img,.hero-feature .project-image .project-screenshot,.hero-featured-image{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.hero-portraits--small{margin-top:var(--s-8);gap:var(--s-4)}@media (max-width: 1024px){.hero-featured-image{height:340px}}@media (max-width: 768px){.hero-grid{grid-template-columns:1fr}.hero-featured-image{width:100%;height:260px;margin:0 auto}.hero-feature{margin-top:var(--s-12)}.project-image.hero-feature--mobile-only,.hero-feature .project-image.hero-feature--mobile-only{display:block!important;width:100%;box-sizing:border-box;margin:var(--s-8) 0}.project-image.hero-feature--mobile-only img,.hero-feature .project-image.hero-feature--mobile-only img,.project-image.hero-feature--mobile-only .project-screenshot,.hero-feature .project-image.hero-feature--mobile-only .project-screenshot{height:260px;overflow:hidden}.project-image.hero-feature--desktop-only,.hero-feature .project-image.hero-feature--desktop-only{display:none!important}}@media (min-width: 769px){.hero-feature .project-image,.hero-featured-image{min-width:250px;width:100%;box-sizing:border-box}}.hero-snapshots{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--s-12);margin-top:var(--s-4);max-width:var(--w-content);margin-left:auto;margin-right:auto;align-items:start}.hero-caption{align-self:flex-start;width:100%;max-width:var(--w-content);margin:var(--s-6) auto;box-sizing:border-box;text-align:left;font-size:var(--fs-3xl);color:var(--c-black)}.hero-snapshots{width:100%;max-width:var(--w-content);margin-left:auto;margin-right:auto;box-sizing:border-box}@media (max-width: 768px){.hero-caption,.hero-snapshots{padding:0 var(--s-8)}}.hero-snapshots figure{display:flex;flex-direction:column;align-items:center;gap:var(--s-3)}.hero-snapshots figure>.project-image{order:1;position:relative;width:100%}.hero-snapshots figure>figcaption{order:2;margin-top:0;text-align:center}.hero-snapshot{font-size:0;width:100%;height:360px;position:relative;overflow:hidden;object-position:top;object-fit:cover;border-radius:var(--radius);border:none;box-shadow:none;display:block}.hero-snapshots .project-image{height:360px;overflow:hidden;display:block;border-radius:var(--radius);border:1px solid var(--c-border-dark);background:var(--c-bg-card);box-shadow:0 10px 30px #00000014}.hero-feature .project-image{height:300px;overflow:hidden;display:block;border-radius:var(--radius-xl);border:2px solid var(--c-border-dark);background:var(--c-bg-card);box-shadow:0 14px 40px #0000001f}.hero-snapshots .project-image img,.hero-feature .project-image img,.hero-snapshots .project-image .project-screenshot,.hero-feature .project-image .project-screenshot{width:100%;height:100%;object-fit:cover;object-position:top;display:block}@media (max-width: 1024px){.hero-snapshot,.hero-snapshots .project-image{height:300px}.hero-feature .project-image{height:340px}}@media (max-width: 768px){.hero-snapshots{grid-template-columns:1fr}.hero-snapshot,.hero-snapshots .project-image{height:220px}.hero-feature .project-image{height:260px}}.home-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--w-grid-min),1fr));gap:var(--s-14);margin-top:var(--s-20)}.home-card{text-align:left;padding:var(--s-12);border:1px solid var(--c-border-light);border-radius:var(--radius);background:var(--c-bg-subtle)}.home-card h3{font-size:var(--fs-2xl);font-weight:var(--fw-medium);margin-bottom:var(--s-7);color:var(--c-black)}.home-card p{color:var(--c-gray-600);line-height:var(--lh-normal);margin:0}.skills-section,.experience-section,.projects-section,.about-section{max-width:var(--w-content);margin:0 auto}.about-text p{margin-bottom:var(--s-10);color:var(--c-gray-600);line-height:var(--lh-normal)}.project-image.about-side-main-wrap,.project-image.about-side-thumb-wrap{overflow:hidden;display:block;box-shadow:0 8px 20px #00000014}.project-image.about-side-main-wrap,.project-image.about-side-thumb-wrap{height:auto}.projects-grid{display:flex;flex-direction:column;gap:var(--s-16);margin-top:var(--s-14)}.project-card{border-bottom:1px solid var(--c-border-light);padding-bottom:var(--s-20);display:block;gap:var(--s-12);align-items:stretch;background:var(--c-bg-subtle);border:2px solid var(--c-border-dark);border-radius:var(--radius);margin-bottom:var(--s-18);padding:var(--s-6) var(--s-10)}.project-image{flex-shrink:0;position:relative;display:block;align-items:center;justify-content:center}.project-image:not(.loaded):before{content:"";position:absolute;inset:0;margin:auto;width:30px;height:30px;border:3px solid var(--c-border-dark);border-top-color:var(--c-primary);border-radius:50%;transform-origin:center center;animation:spin .8s linear infinite;z-index:1;pointer-events:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.project-screenshot{max-width:100%;height:auto;border-radius:var(--radius);border:1px solid var(--c-border-dark);display:block;position:relative;z-index:2;opacity:0;animation:fadeInImage .4s ease .1s forwards;color:transparent;font-size:0}@keyframes fadeInImage{0%{opacity:0}to{opacity:1;color:inherit}}.project-content{flex:1;background-color:#20201d;padding:var(--s-6) var(--s-8);border-radius:var(--radius);border:1px solid var(--c-border-dark)}@media (min-width: 769px){.nav-link .nav-icon{display:none!important}.projects-grid{display:flex;flex-direction:column;gap:var(--s-20);max-width:var(--w-container);margin:0 auto;margin-top:var(--s-14)}.project-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(var(--w-img),360px);gap:var(--s-16);align-items:start}.project-card .project-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding-left:var(--s-8);padding-right:var(--s-4);box-sizing:border-box}.project-content{padding-right:var(--s-8);display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:var(--s-8);align-items:start}.project-title{grid-column:1 / 2;grid-row:1 / 2}.project-card .project-image{grid-column:2 / 3;grid-row:1 / 3;align-self:start;justify-self:center;padding-left:var(--s-8);box-sizing:border-box}.project-body{grid-column:1 / 2;grid-row:2 / 3}}@media (max-width: 1200px){.hero-banner{padding:var(--s-32) var(--s-16) var(--s-36) var(--s-16);min-height:50vh}}@media (max-width: 768px){.hero-banner{padding:var(--s-20) var(--s-8);min-height:auto}.project-card{display:flex;flex-direction:column;gap:var(--s-10)}.project-image{width:100%;max-width:var(--w-img-mobile);margin:0 auto;box-sizing:border-box;order:1}.project-screenshot{border-radius:var(--radius);width:100%;height:auto;display:block;margin-bottom:var(--s-6)}.project-title{order:2;text-align:left;margin-top:var(--s-2);margin-bottom:var(--s-2)}.project-body{order:2}.project-content{padding:var(--s-6) var(--s-8)}}.project-title-description{background-color:#20201d;padding:var(--s-6) var(--s-8);border-radius:var(--radius);border:1px solid var(--c-border-dark)}.project-title{font-size:var(--fs-3xl);font-weight:var(--fw-medium);color:var(--c-black);width:fit-content}.project-description{color:var(--c-gray-600);margin-bottom:var(--s-7);line-height:var(--lh-tight)}.project-tech{margin-bottom:var(--s-7)}.tech-label{font-weight:var(--fw-medium);color:var(--c-black);font-size:var(--fs-base)}.tech-list{display:flex;flex-wrap:wrap;gap:var(--s-4);align-items:center;margin-top:var(--s-2)}.tech-item{display:flex;align-items:center;gap:var(--s-6);padding:var(--s-2) var(--s-4);border-radius:var(--radius-sm);font-size:var(--fs-sm);font-family:monospace;color:var(--c-gray-600);transition:all var(--transition-base);border-bottom:1px solid var(--c-border-dark)}.tech-item:hover{background:var(--c-bg-subtle);border-bottom:1px solid var(--c-primary-dark)}.tech-logo{width:var(--size-tech-logo);height:var(--size-tech-logo);object-fit:contain;flex-shrink:0}.tech-name{font-weight:var(--fw-medium);white-space:nowrap}.project-links{display:flex;flex-direction:column;gap:var(--s-4);margin-top:var(--s-4)}.links-label{font-weight:var(--fw-medium);color:var(--c-black);font-size:var(--fs-base)}.links-container{display:flex;gap:var(--s-10);align-items:center}.project-link:hover{opacity:.7}.github-icon{width:var(--size-icon-sm);height:var(--size-icon-sm);margin-right:var(--s-4);vertical-align:middle}.experience-timeline{margin-top:var(--s-14)}.experience-timeline{position:relative;padding-left:calc(var(--s-10) + var(--s-4));background-image:linear-gradient(var(--c-border-dark),var(--c-border-dark));background-repeat:no-repeat;background-position:calc(var(--s-6)) var(--s-4);background-size:3px calc(100% - calc(var(--s-6) * 2))}.timeline-item{position:relative;margin-bottom:var(--s-26)}.timeline-header{display:flex;align-items:center;justify-content:space-between}.timeline-year{position:relative;z-index:2}.timeline-item:before{display:none}.timeline-year{position:relative;font-family:monospace;z-index:2}.timeline-year:before{content:"";position:absolute;left:calc(var(--s-10) - 70.5px);top:50%;transform:translateY(-50%);width:16px;height:16px;border-radius:50%;background:var(--c-primary-dark);border:8px solid var(--c-white);z-index:10}.timeline-year{margin-left:calc(var(--s-10) + var(--s-2));color:var(--c-black);font-weight:var(--fw-semibold)}.timeline-year{color:var(--c-black);font-weight:var(--fw-semibold)}.timeline-content{margin-left:calc(var(--s-10) + var(--s-8))}.timeline-duration{color:var(--c-gray-600);font-family:monospace;font-size:var(--fs-base)}.timeline-item{margin-bottom:var(--s-26);padding-bottom:var(--s-20);position:relative}.timeline-item:after{content:"";position:absolute;bottom:0;left:16px;right:16px;height:1px;background-color:var(--c-border-light)}.timeline-item:last-child{border-bottom:none;padding-bottom:0;margin-bottom:0}.timeline-item:last-child:after{display:none}.timeline-year{font-size:var(--fs-xl);font-weight:var(--fw-medium);color:var(--c-black);margin-bottom:var(--s-4);letter-spacing:-.01em;margin-left:var(--s-10)}.timeline-content{margin-left:var(--s-10)}.timeline-title{font-size:var(--fs-2xl);font-weight:var(--fw-medium);margin-bottom:var(--s-3);color:var(--c-gray-900)}.timeline-duration{color:var(--c-gray-600);font-family:monospace;font-size:var(--fs-base);margin-bottom:var(--s-6);display:block}.timeline-description{color:var(--c-gray-700);line-height:var(--lh-relaxed);max-width:var(--w-prose);margin:0}.experience-duration{color:var(--c-gray-400);font-size:var(--fs-base);margin-bottom:var(--s-7)}.experience-description{color:var(--c-gray-600);line-height:var(--lh-tight)}.skills-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--w-grid-skill),1fr));gap:var(--s-20);margin-top:var(--s-20)}.skill-category-title{font-size:var(--fs-xl);font-weight:var(--fw-medium);margin-bottom:var(--s-10);color:var(--c-black)}.skills-list{display:flex;flex-direction:column;gap:var(--s-6)}.skill-item{display:flex;justify-content:space-between;align-items:center}.skill-name{color:var(--c-gray-600);font-size:var(--fs-md)}.skill-level{display:flex;gap:var(--s-1)}.skill-dot{width:var(--size-dot);height:var(--size-dot);border-radius:50%;background:var(--c-border-dark)}.skill-dot.filled{background:var(--c-black)}.contact-section{max-width:var(--w-content);margin:0 auto;text-align:left}.contact-intro{color:var(--c-gray-700);margin-bottom:var(--s-14);line-height:var(--lh-relaxed);font-size:var(--fs-lg)}.contact-methods{display:flex;flex-direction:column;gap:var(--s-8)}.contact-item{text-align:left;display:flex;align-items:center;gap:var(--s-4);width:fit-content}.contact-label{font-weight:var(--fw-medium);color:var(--c-gray-900);margin-right:var(--s-4)}.contact-link{width:fit-content}.footer{margin-top:var(--s-16);padding:var(--s-20) var(--s-10);text-align:center;border-top:1px solid var(--c-border-dark)}.footer p{color:var(--c-gray-400);font-size:var(--fs-base);width:fit-content;margin:0 auto}@media (max-width: 768px){body{font-size:16px;line-height:var(--lh-tight);overflow-x:hidden}html{overflow-x:hidden}.site-header{position:sticky;top:0;z-index:1001;width:100%;background:var(--c-white);padding:var(--s-6) 0;border-bottom:1px solid var(--c-border-dark);margin-bottom:var(--s-10)}.header-content{flex-direction:row;justify-content:space-between;align-items:center;gap:var(--s-8);width:100%;padding:0 var(--s-4);box-sizing:border-box}.portfolio{padding:0 var(--s-4);max-width:100%;box-sizing:border-box}.main-content{padding:0 var(--s-8) var(--s-12) var(--s-8);margin-bottom:var(--s-8)}.mobile-menu-toggle{display:block}.navbar{display:none;position:absolute;top:100%;left:0;gap:0;align-items:stretch;width:100%;box-sizing:border-box;padding:var(--s-8)}.navbar.mobile-menu-open{display:block;position:fixed;top:0;left:0;right:0;height:100vh;overflow-y:auto;background:var(--c-white);box-shadow:0 var(--s-4) var(--s-12) var(--c-shadow);z-index:var(--z-dropdown);padding:var(--s-8);box-sizing:border-box}.navbar .nav-list{display:flex;flex-direction:column;gap:0;padding:0;margin:0}.nav-link{color:var(--c-gray-600);text-decoration:none;font-size:var(--fs-2xl);cursor:pointer;transition:color var(--transition-fast);display:inline-flex;align-items:center;gap:var(--s-4);padding:var(--s-6) 0;width:100%;box-sizing:border-box}.nav-link .nav-icon{width:var(--size-icon);height:var(--size-icon);display:inline-block;flex-shrink:0;vertical-align:middle}.nav-link .nav-icon svg,.nav-link .nav-icon path{fill:currentColor!important;height:100%;width:100%;display:block;visibility:visible}.nav-link:hover,.nav-link.active{color:var(--c-black)}.nav-item{border-bottom:1px solid var(--c-border-dark)}.nav-item:last-child{border-bottom:none}.nav-link{padding:var(--s-8) 0;font-size:var(--fs-normal);text-align:left}.main-content{margin-bottom:var(--s-20)}section{margin-bottom:var(--s-28)}.section-title{font-size:var(--fs-4xl);margin-bottom:var(--s-8);margin-top:var(--s-10);text-align:left}.hero-title{font-size:var(--fs-4xl);text-align:left;margin-bottom:var(--s-8)}.hero-description{text-align:left;font-size:var(--fs-lg);margin:0 auto;margin-bottom:var(--s-16)}.home-grid{grid-template-columns:1fr;gap:var(--s-10);margin-top:var(--s-16)}.home-card{padding:var(--s-10);text-align:left}.about-text{text-align:left}.about-text p,.contact-intro,.timeline-description{max-width:none;text-align:left}.about-text{margin-top:var(--s-4)}.projects-section,.experience-section,.contact-section{max-width:none}.project-card{flex-direction:column;gap:var(--s-8);text-align:left;padding:var(--s-8)}.project-content{flex:1 1 auto}@media (min-width: 769px){.project-image{flex:0 0 320px;max-width:320px}.project-screenshot{width:100%;height:auto;display:block;border-radius:var(--radius)}.project-content{flex:1 1 auto}}.project-image{width:100%;max-width:var(--w-img-mobile);margin:0}.project-content{text-align:left}.project-links{margin-top:var(--s-6)}.links-container{flex-direction:column;gap:var(--s-4);align-items:flex-start}.tech-list{gap:var(--s-4)}.tech-item{font-size:var(--fs-xs);padding:var(--s-1) var(--s-3)}.tech-logo{width:var(--size-tech-logo-sm);height:var(--size-tech-logo-sm)}.timeline-item{margin-bottom:var(--s-20);padding-bottom:var(--s-16);text-align:left}.timeline-content{text-align:left}.skills-categories{grid-template-columns:1fr;gap:var(--s-12)}.skill-category,.contact-section{text-align:left}.project-screenshot{max-width:100%;height:auto}.contact-methods{gap:var(--s-8)}.contact-item{text-align:left;justify-content:flex-start}.contact-svg{width:var(--size-icon-lg);height:var(--size-icon-lg);margin-right:var(--s-2)}.footer{margin-top:var(--s-14);padding:var(--s-16) var(--s-8)}}.about-grid{display:flex;flex-direction:column;gap:var(--s-12)}.about-grid .about-text{width:100%}.about-text figure{width:100%;margin:var(--s-16) 0}.about-text figure{display:flex;flex-direction:column;align-items:center;gap:var(--s-3)}.about-text figure>.project-image,.about-text figure>img,.about-text figure>picture,.about-text figure>.project-image img,.about-text figure>.project-image .project-screenshot{order:1!important}.about-text figure>figcaption{order:2!important;margin-top:0!important;text-align:center}.about-text .project-screenshot,.about-text img.project-screenshot{margin-bottom:0!important}.about-text .about-side-main,.about-text .about-side-thumb,.about-text .project-image.about-side-main-wrap,.about-text .project-image.about-side-thumb-wrap{width:100%;height:auto;display:block;border-radius:var(--radius);border:1px solid var(--c-border-dark);object-fit:cover}:root{--about-img-max: 560px}.about-text figure{max-width:var(--about-img-max);margin-left:auto;margin-right:auto}.about-text .project-image.about-side-main-wrap,.about-text .project-image.about-side-thumb-wrap,.about-text .about-side-main,.about-text .about-side-thumb{max-width:var(--about-img-max);margin-left:auto;margin-right:auto}.about-text .about-side-thumb,.about-text .project-image.about-side-thumb-wrap img,.about-text .project-image.about-side-thumb-wrap .project-screenshot{max-width:360px}.about-text .project-image.about-side-main-wrap,.about-text .project-image.about-side-thumb-wrap{border:none!important;background:transparent!important;box-shadow:none!important;padding:0!important}.about-text .about-side-main,.about-text .about-side-thumb,.about-text .project-image.about-side-main-wrap img,.about-text .project-image.about-side-thumb-wrap img,.about-text .project-image.about-side-main-wrap .project-screenshot,.about-text .project-image.about-side-thumb-wrap .project-screenshot{border:1px solid var(--c-border-dark)!important;box-shadow:0 8px 20px #00000014!important;border-radius:var(--radius)!important;background:transparent!important;display:block}.about-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--s-8);margin-top:var(--s-12)}@media (max-width: 768px){.about-grid{flex-direction:column;gap:var(--s-12)}}.title-with-icon{display:inline-flex;align-items:center;gap:var(--s-6)}.masked-icon{--icon-size: 24px;width:var(--icon-size);height:var(--icon-size);min-width:var(--icon-size);display:inline-flex;align-items:center;justify-content:center;margin-right:var(--s-6);background-color:var(--c-gray-900);background-repeat:no-repeat;background-position:center;background-size:contain;border-radius:6px;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;mask-repeat:no-repeat;mask-position:center;mask-size:contain}.masked-icon--info{-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20fill='%23000000'%20width='800px'%20height='800px'%20viewBox='0%200%201920%201920'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M852.517%20606.04C722.804%20666.467%20612.48%20770.67%20502.075%20923.02c-15.746%2021.725-16.38%2034.927-.205%2046.602%2011.372%208.209%2017.98%205.583%2034.542-12.088%202.217-2.38%202.217-2.38%204.484-4.84%2014.318-15.505%2025.852-28.662%2050.49-57.274%2081.407-94.538%20121.17-133.45%20182.968-169.038%2053.478-30.795%20100.476%2014.462%2091.527%2072.38-2.51%2016.258-6.836%2028.257-17.978%2054.022-4.432%2010.249-6.302%2014.707-8.38%2020.171-20.085%2052.8-37.002%2096.846-72.451%20188.834l-1.696%204.4c-10.718%2027.813-10.718%2027.813-21.427%2055.62-46.426%20120.661-74.598%20194.652-103.665%20272.901l-1.705%204.587c-7.8%2020.975-11.474%2030.871-15.534%2041.881-33.306%2090.321-52.353%20149.007-66.84%20211.427-2.262%209.713-2.262%209.713-4.556%2019.584-8.162%2035.31-12.53%2058.062-14.972%2081.448-4.222%2040.439-.827%2073.553%2011.881%20101.382%2014.38%2031.493%2045.278%2054.021%2080.532%2059.138%2058.727%208.525%20115.393%207.92%20163.927-3.123%2027.314-6.21%2054.338-14.34%2080.853-24.306%2076.773-28.866%20150.735-73.905%20222.371-133.442%2062.681-52.236%20121.988-115.875%20184.165-194.965%205.42-6.849%205.42-6.849%2010.823-13.686%2018.78-23.947%2027.981-39.501%2031.416-55.93%203.736-17.836-11.342-35.912-23.394-29.864-5.956%202.989-12.187%209.176-21.68%2021.15-6.791%208.714-10.483%2013.37-14.178%2017.555-14.745%2016.695-30.315%2033.783-47.184%2051.837-27.812%2029.752-56.07%2058.865-97.055%20100.308-20.874%2021.107-47.126%2039.56-75.351%2053.435-45.176%2022.197-85.929-5.782-81.034-55.857%203.229-33.058%2011.238-67.234%2023.212-100.275%2026.157-72.22%2047.544-130.604%2094.86-259.27%2020.52-55.803%2029.38-79.91%2040.446-110.086%2032.81-89.425%2059-161.415%2083.919-230.875%2030.784-85.803%2048.175-149.762%2056.227-215.81%206.08-49.817-7.78-97.46-39.389-130.216-35.047-36.312-84.896-53.039-146.979-52.305-68.692.817-148.82%2023.261-222.548%2057.608Zm470.186-592.224c-123.444-48.028-271.57%2034.483-296.373%20165.169-17.984%2094.72%2017.4%20176.498%2089.622%20210.751%20143.165%2067.897%20314.982-40.897%20314.989-199.468.007-88.211-37.668-148.991-108.238-176.452Z'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20fill='%23000000'%20width='800px'%20height='800px'%20viewBox='0%200%201920%201920'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M852.517%20606.04C722.804%20666.467%20612.48%20770.67%20502.075%20923.02c-15.746%2021.725-16.38%2034.927-.205%2046.602%2011.372%208.209%2017.98%205.583%2034.542-12.088%202.217-2.38%202.217-2.38%204.484-4.84%2014.318-15.505%2025.852-28.662%2050.49-57.274%2081.407-94.538%20121.17-133.45%20182.968-169.038%2053.478-30.795%20100.476%2014.462%2091.527%2072.38-2.51%2016.258-6.836%2028.257-17.978%2054.022-4.432%2010.249-6.302%2014.707-8.38%2020.171-20.085%2052.8-37.002%2096.846-72.451%20188.834l-1.696%204.4c-10.718%2027.813-10.718%2027.813-21.427%2055.62-46.426%20120.661-74.598%20194.652-103.665%20272.901l-1.705%204.587c-7.8%2020.975-11.474%2030.871-15.534%2041.881-33.306%2090.321-52.353%20149.007-66.84%20211.427-2.262%209.713-2.262%209.713-4.556%2019.584-8.162%2035.31-12.53%2058.062-14.972%2081.448-4.222%2040.439-.827%2073.553%2011.881%20101.382%2014.38%2031.493%2045.278%2054.021%2080.532%2059.138%2058.727%208.525%20115.393%207.92%20163.927-3.123%2027.314-6.21%2054.338-14.34%2080.853-24.306%2076.773-28.866%20150.735-73.905%20222.371-133.442%2062.681-52.236%20121.988-115.875%20184.165-194.965%205.42-6.849%205.42-6.849%2010.823-13.686%2018.78-23.947%2027.981-39.501%2031.416-55.93%203.736-17.836-11.342-35.912-23.394-29.864-5.956%202.989-12.187%209.176-21.68%2021.15-6.791%208.714-10.483%2013.37-14.178%2017.555-14.745%2016.695-30.315%2033.783-47.184%2051.837-27.812%2029.752-56.07%2058.865-97.055%20100.308-20.874%2021.107-47.126%2039.56-75.351%2053.435-45.176%2022.197-85.929-5.782-81.034-55.857%203.229-33.058%2011.238-67.234%2023.212-100.275%2026.157-72.22%2047.544-130.604%2094.86-259.27%2020.52-55.803%2029.38-79.91%2040.446-110.086%2032.81-89.425%2059-161.415%2083.919-230.875%2030.784-85.803%2048.175-149.762%2056.227-215.81%206.08-49.817-7.78-97.46-39.389-130.216-35.047-36.312-84.896-53.039-146.979-52.305-68.692.817-148.82%2023.261-222.548%2057.608Zm470.186-592.224c-123.444-48.028-271.57%2034.483-296.373%20165.169-17.984%2094.72%2017.4%20176.498%2089.622%20210.751%20143.165%2067.897%20314.982-40.897%20314.989-199.468.007-88.211-37.668-148.991-108.238-176.452Z'/%3e%3c/svg%3e")}.section-title-icon{width:24px;height:24px;min-width:24px;background-color:var(--c-gray-900);background-repeat:no-repeat;background-position:center;background-size:contain;-webkit-mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20fill='%23000000'%20width='800px'%20height='800px'%20viewBox='0%200%201920%201920'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M852.517%20606.04C722.804%20666.467%20612.48%20770.67%20502.075%20923.02c-15.746%2021.725-16.38%2034.927-.205%2046.602%2011.372%208.209%2017.98%205.583%2034.542-12.088%202.217-2.38%202.217-2.38%204.484-4.84%2014.318-15.505%2025.852-28.662%2050.49-57.274%2081.407-94.538%20121.17-133.45%20182.968-169.038%2053.478-30.795%20100.476%2014.462%2091.527%2072.38-2.51%2016.258-6.836%2028.257-17.978%2054.022-4.432%2010.249-6.302%2014.707-8.38%2020.171-20.085%2052.8-37.002%2096.846-72.451%20188.834l-1.696%204.4c-10.718%2027.813-10.718%2027.813-21.427%2055.62-46.426%20120.661-74.598%20194.652-103.665%20272.901l-1.705%204.587c-7.8%2020.975-11.474%2030.871-15.534%2041.881-33.306%2090.321-52.353%20149.007-66.84%20211.427-2.262%209.713-2.262%209.713-4.556%2019.584-8.162%2035.31-12.53%2058.062-14.972%2081.448-4.222%2040.439-.827%2073.553%2011.881%20101.382%2014.38%2031.493%2045.278%2054.021%2080.532%2059.138%2058.727%208.525%20115.393%207.92%20163.927-3.123%2027.314-6.21%2054.338-14.34%2080.853-24.306%2076.773-28.866%20150.735-73.905%20222.371-133.442%2062.681-52.236%20121.988-115.875%20184.165-194.965%205.42-6.849%205.42-6.849%2010.823-13.686%2018.78-23.947%2027.981-39.501%2031.416-55.93%203.736-17.836-11.342-35.912-23.394-29.864-5.956%202.989-12.187%209.176-21.68%2021.15-6.791%208.714-10.483%2013.37-14.178%2017.555-14.745%2016.695-30.315%2033.783-47.184%2051.837-27.812%2029.752-56.07%2058.865-97.055%20100.308-20.874%2021.107-47.126%2039.56-75.351%2053.435-45.176%2022.197-85.929-5.782-81.034-55.857%203.229-33.058%2011.238-67.234%2023.212-100.275%2026.157-72.22%2047.544-130.604%2094.86-259.27%2020.52-55.803%2029.38-79.91%2040.446-110.086%2032.81-89.425%2059-161.415%2083.919-230.875%2030.784-85.803%2048.175-149.762%2056.227-215.81%206.08-49.817-7.78-97.46-39.389-130.216-35.047-36.312-84.896-53.039-146.979-52.305-68.692.817-148.82%2023.261-222.548%2057.608Zm470.186-592.224c-123.444-48.028-271.57%2034.483-296.373%20165.169-17.984%2094.72%2017.4%20176.498%2089.622%20210.751%20143.165%2067.897%20314.982-40.897%20314.989-199.468.007-88.211-37.668-148.991-108.238-176.452Z'/%3e%3c/svg%3e");-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;mask-image:url("data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='utf-8'?%3e%3c!--%20Uploaded%20to:%20SVG%20Repo,%20www.svgrepo.com,%20Generator:%20SVG%20Repo%20Mixer%20Tools%20--%3e%3csvg%20fill='%23000000'%20width='800px'%20height='800px'%20viewBox='0%200%201920%201920'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M852.517%20606.04C722.804%20666.467%20612.48%20770.67%20502.075%20923.02c-15.746%2021.725-16.38%2034.927-.205%2046.602%2011.372%208.209%2017.98%205.583%2034.542-12.088%202.217-2.38%202.217-2.38%204.484-4.84%2014.318-15.505%2025.852-28.662%2050.49-57.274%2081.407-94.538%20121.17-133.45%20182.968-169.038%2053.478-30.795%20100.476%2014.462%2091.527%2072.38-2.51%2016.258-6.836%2028.257-17.978%2054.022-4.432%2010.249-6.302%2014.707-8.38%2020.171-20.085%2052.8-37.002%2096.846-72.451%20188.834l-1.696%204.4c-10.718%2027.813-10.718%2027.813-21.427%2055.62-46.426%20120.661-74.598%20194.652-103.665%20272.901l-1.705%204.587c-7.8%2020.975-11.474%2030.871-15.534%2041.881-33.306%2090.321-52.353%20149.007-66.84%20211.427-2.262%209.713-2.262%209.713-4.556%2019.584-8.162%2035.31-12.53%2058.062-14.972%2081.448-4.222%2040.439-.827%2073.553%2011.881%20101.382%2014.38%2031.493%2045.278%2054.021%2080.532%2059.138%2058.727%208.525%20115.393%207.92%20163.927-3.123%2027.314-6.21%2054.338-14.34%2080.853-24.306%2076.773-28.866%20150.735-73.905%20222.371-133.442%2062.681-52.236%20121.988-115.875%20184.165-194.965%205.42-6.849%205.42-6.849%2010.823-13.686%2018.78-23.947%2027.981-39.501%2031.416-55.93%203.736-17.836-11.342-35.912-23.394-29.864-5.956%202.989-12.187%209.176-21.68%2021.15-6.791%208.714-10.483%2013.37-14.178%2017.555-14.745%2016.695-30.315%2033.783-47.184%2051.837-27.812%2029.752-56.07%2058.865-97.055%20100.308-20.874%2021.107-47.126%2039.56-75.351%2053.435-45.176%2022.197-85.929-5.782-81.034-55.857%203.229-33.058%2011.238-67.234%2023.212-100.275%2026.157-72.22%2047.544-130.604%2094.86-259.27%2020.52-55.803%2029.38-79.91%2040.446-110.086%2032.81-89.425%2059-161.415%2083.919-230.875%2030.784-85.803%2048.175-149.762%2056.227-215.81%206.08-49.817-7.78-97.46-39.389-130.216-35.047-36.312-84.896-53.039-146.979-52.305-68.692.817-148.82%2023.261-222.548%2057.608Zm470.186-592.224c-123.444-48.028-271.57%2034.483-296.373%20165.169-17.984%2094.72%2017.4%20176.498%2089.622%20210.751%20143.165%2067.897%20314.982-40.897%20314.989-199.468.007-88.211-37.668-148.991-108.238-176.452Z'/%3e%3c/svg%3e");mask-repeat:no-repeat;mask-position:center;mask-size:contain;border-radius:6px}@supports (mask-image: none) or (-webkit-mask-image: none){.masked-icon--info,.masked-icon--code,.masked-icon--timeline,.masked-icon--contact{background-image:none!important}}@media (max-width: 768px){.code-icon{width:30px;height:30px}.title-with-icon{gap:var(--s-4)}.section-title-icon{width:24px;height:24px;min-width:24px}.about-grid{flex-direction:column;align-items:flex-start;gap:var(--s-10)}}