*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:1rem}:root{--navbar-shadow: rgba(0, 0, 0, .1);--bg: #0e0e0f;--surface: #f8f9fa;--surface2: #1c1c1f;--border-dark: rgba(255, 255, 255, .07);--muted: #555;--body: hsl(240, 5%, 15%);--text: #333335;--accent2: #7ec8a4;--serif: "DM Serif Display", Georgia, serif;--sans: "DM Sans", system-ui, sans-serif;--noto-sans: "Noto Sans Display", sans-serif;--nav-h: 3.75rem;--max-w: 57.5rem;--bg-color: #ffffff;--text-primary: #2d2d2d;--text-secondary: #666666;--accent: hsl(131, 95%, 22%);--card-bg: #fdfdfd;--border: #ececec}@media (prefers-color-scheme: dark){:root{--body: #9898a6;--bg-color: #121212;--navbar-shadow: rgba(0, 0, 0, .5);--text-primary: #f0f0f0;--text-secondary: #a0a0a0;--surface: #1e1e1e;--accent: #3793ff;--card-bg: #1e1e1e;--border: #333333}}[data-theme=dark]{--body: #9898a6;--bg-color: #121212;--navbar-shadow: rgba(0, 0, 0, .5);--text-primary: #f0f0f0;--text-secondary: #a0a0a0;--surface: #1e1e1e;--accent: #3793ff;--card-bg: #1e1e1e;--border: #333333}[data-theme=light]{--navbar-shadow: rgba(0, 0, 0, .1);--bg: #0e0e0f;--surface: #f8f9fa;--surface2: #1c1c1f;--muted: #555;--body: hsl(240, 5%, 15%);--text: #333335;--accent2: #7ec8a4;--bg-color: #ffffff;--text-primary: #2d2d2d;--text-secondary: #666666;--accent: hsl(131, 95%, 22%);--card-bg: #fdfdfd;--border: #ececec}body{font-family:var(--noto-sans);background-color:var(--bg-color);color:var(--text-primary);line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .4s ease,color .4s ease}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}::-webkit-scrollbar{width:.375rem}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#333;border-radius:.1875rem}::-webkit-scrollbar-thumb:hover{background:#555}.progress-bar{position:fixed;top:0;left:0;z-index:200;height:.225rem;background:green;transition:width .08s exponential;pointer-events:none}.theme-toggle{background:none;border:none;cursor:pointer;font-size:1rem;color:var(--text-primary);width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:.625rem;transition:background-color .2s,color .2s;flex-shrink:0}.theme-toggle:hover{background-color:#0000000f}@media (prefers-color-scheme: dark){.theme-toggle:hover{background-color:#ffffff14}}[data-theme=dark] .theme-toggle:hover{background-color:#ffffff14}[data-theme=light] .theme-toggle:hover{background-color:#0000000f}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--nav-h);display:flex;align-items:center;justify-content:center;background:#0e0e0fd9;backdrop-filter:blur(1rem);-webkit-backdrop-filter:blur(1rem);border-bottom:.0625rem solid var(--border);background-color:var(--bg-color);padding:0 1rem;transition:background-color .4s ease,color .4s ease}.navbar__inner{display:flex;align-items:center;justify-content:center;gap:.75rem;margin:0 auto}.nav-link{color:var(--text-primary)}.nav-link:hover,.nav-link.active{color:var(--accent)}.navbar__item{background:none;border:none;cursor:pointer;font-family:var(--sans);font-size:.75rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:.5rem 1rem;border-radius:.375rem;transition:color .2s,background .2s;position:relative}.navbar__item:hover{color:var(--text-primary);background:#0000000a}@media (prefers-color-scheme: dark){.navbar__item:hover{background:#ffffff14}}[data-theme=dark] .navbar__item:hover{background:#ffffff14;color:var(--text-primary)}[data-theme=light] .navbar__item:hover{background:#0000000a;color:var(--text-primary)}.navbar__item--active{color:var(--accent)!important}.navbar__item--active:after{content:"";position:absolute;bottom:-.0625rem;left:0;width:100%;height:.125rem;background:var(--accent);border-radius:.125rem}@media (max-width: 48rem){.navbar{padding:0 .75rem}.navbar__item{padding:.5rem .75rem;font-size:.65rem}}@media (max-width: 26.25rem){.navbar{padding:0 .5rem}.navbar__item{padding:.375rem .625rem;font-size:.6rem}}.fade-in{opacity:0;transform:translateY(1.75rem);transition:opacity .65s ease,transform .65s ease}.fade-in--visible{opacity:1;transform:translateY(0)}.section-label{font-size:.6875rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:1.25rem;display:flex;align-items:center;gap:.625rem}.section-label:after{content:"";width:1rem;height:.0625rem;background:var(--accent);opacity:.45;flex-shrink:0}.home-section__grid{display:grid;grid-template-columns:1fr 13.75rem;gap:0;align-items:center}.home-section__title{font-family:var(--serif);font-size:clamp(1.8rem,4.5vw,3rem);font-weight:400;line-height:1.2;color:var(--text);margin-bottom:1.5rem}.home-section__desc{font-size:.9375rem;color:var(--body);line-height:1.8;margin-bottom:2.25rem;margin-right:2.25rem;text-align:justify}.home-section__socials{display:flex;flex-wrap:wrap;gap:.625rem}.social-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.5625rem 1rem;border-radius:.5rem;border:.0625rem solid var(--border);background:var(--surface);color:var(--body);font-size:.8125rem;transition:border-color .2s,color .2s,transform .18s}.social-chip:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-.125rem)}.home-section__image-wrap{height:18.125rem;border-radius:1rem;overflow:hidden;border:.0625rem solid var(--border);flex-shrink:0;position:relative}.home-section__image-wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,transparent 50%,rgba(200,169,110,.1));pointer-events:none}.home-section__image{width:100%;height:100%;object-fit:cover}@media (max-width: 45rem){.home-section__grid{grid-template-columns:1fr}.home-section__image-wrap{width:100%;max-width:17.5rem;height:15rem;margin:0 auto;order:-1}}.about-section__grid{display:grid;grid-template-columns:1fr 16.25rem;gap:4rem;align-items:start}.about-section__title{font-family:var(--serif);font-size:clamp(1.5rem,3vw,2.2rem);font-weight:400;color:var(--text);line-height:1.25;margin-bottom:1.25rem}.about-section__desc{font-size:.9375rem;color:var(--body);line-height:1.8;text-align:justify;margin-bottom:2.25rem}.about-section__socials{list-style:none;display:flex;flex-direction:column;gap:.625rem}.social-row-link{display:flex;align-items:center;gap:.875rem;padding:.75rem 1rem;border-radius:.625rem;border:.0625rem solid var(--border);background:var(--surface);color:var(--body);font-size:.8125rem;transition:border-color .2s,color .2s,background .2s}.social-row-link:hover{border-color:var(--accent2);color:var(--accent2);background:#7ec8a40d}.social-row-link__icon{width:1rem;text-align:center;font-size:.9375rem;flex-shrink:0}.about-section__image-wrap{width:100%;aspect-ratio:3 / 4;border-radius:1rem;margin-top:6rem!important;overflow:hidden;border:.0625rem solid var(--border)}.about-section__image{width:100%;height:100%;object-fit:cover;filter:grayscale(15%)}@media (max-width: 45rem){.about-section__grid{grid-template-columns:1fr}.about-section__image-wrap{max-width:18.75rem;margin:0 auto;aspect-ratio:1 / 1}}.projects-section__title{font-family:var(--serif);font-size:clamp(1.4rem,3vw,2.1rem);font-weight:400;color:var(--text);line-height:1.25;margin-bottom:1rem}.projects-section__desc{font-size:.9375rem;color:var(--body);line-height:1.8;text-align:justify;margin-bottom:0}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(15.625rem,1fr));gap:1.125rem;margin-top:2.75rem}.project-card{display:flex;flex-direction:column;gap:.875rem;padding:1.5rem;background:var(--surface);border:.0625rem solid var(--border);border-radius:.875rem;transition:border-color .2s,transform .2s,box-shadow .2s;cursor:pointer}.project-card:hover{border-color:#c8a96e66;transform:translateY(-.25rem);box-shadow:0 .75rem 2rem #0000004d}.project-card__logo{width:2.75rem;height:2.75rem;border-radius:.625rem;overflow:hidden;background:#ffffff0a;border:.0625rem solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0}.project-card__logo img{width:1.75rem;height:1.75rem;object-fit:contain}.project-card__title{font-size:.9375rem;font-weight:500;color:var(--text)}.project-card__desc{font-size:.8125rem;color:var(--body);line-height:1.65;flex:1}.project-card__link{display:flex;align-items:center;gap:.4375rem;font-size:.6875rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.work-card{margin-top:2.75rem;background:var(--surface);border:.0625rem solid var(--border);border-radius:.875rem;padding:1.75rem}.work-card__header{display:flex;align-items:center;gap:.625rem;font-size:.75rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin-bottom:1.5rem}.work-card__icon{color:var(--accent)}.work-card__body{display:flex;flex-direction:column;gap:1rem}.work-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:.625rem;background:#ffffff06;border:.0625rem solid var(--border)}.work-item:hover{border-color:green}.work-item__logo{width:2.5rem;height:2.5rem;border-radius:.5rem;overflow:hidden;flex-shrink:0;background:#ffffff0f;display:flex;align-items:center;justify-content:center}.work-item__logo img{width:2rem;height:2rem;object-fit:contain}.work-item__company{font-size:.875rem;font-weight:500;color:var(--text)}.work-item__role{font-size:.75rem;color:var(--body);margin-top:.125rem}.work-item__duration{font-size:1rem;color:var(--muted);margin-left:auto;white-space:nowrap}.contact-section__inner{max-width:42.5rem}.contact-section__content{max-width:100%;margin:0 auto 2.75rem}.contact-section__title{font-family:var(--serif);font-size:clamp(1.4rem,3vw,2.1rem);font-weight:400;color:var(--text);line-height:1.28;margin-bottom:1.25rem}.contact-section__desc{font-size:1.5rem;color:var(--body);line-height:1.82;text-align:justify}.contact-section__email-link{color:var(--accent);text-decoration:underline;text-decoration-color:#c8a96e59;transition:text-decoration-color .2s}.contact-section__email-link:hover{text-decoration-color:var(--accent)}.contact-section__cta{display:flex;width:max-content;align-items:center;gap:.625rem;padding:.875rem 1.75rem;border-radius:.625rem;background:var(--accent);color:#0e0e0f;font-size:.875rem;font-weight:600;letter-spacing:.04em;margin:0 auto 2.75rem;transition:opacity .2s,transform .18s}.contact-section__cta:hover{opacity:.86;transform:translateY(-.125rem)}.contact-section__socials{list-style:none;display:flex;flex-direction:row;gap:.625rem;max-width:22.5rem}.contact-section .social-row-link{display:flex;align-items:center;gap:.875rem;padding:.75rem 1rem;border-radius:.625rem;border:.0625rem solid var(--border);background:var(--surface);color:var(--body);font-size:.8125rem;transition:border-color .2s,color .2s,background .2s}.contact-section .social-row-link:hover{border-color:var(--accent2);color:var(--accent2);background:#7ec8a40d}.contact-section .social-row-link__icon{width:1rem;text-align:center;font-size:.9375rem;flex-shrink:0}.footer{border-top:.0625rem solid var(--border);padding:2rem 1.5rem;display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.footer__text{font-size:.75rem;color:var(--muted);letter-spacing:.06em}.footer__button{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.25rem;border-radius:999px;background:#f2c94c;color:#101212;font-weight:600;font-size:.875rem;text-decoration:none;transition:transform .2s ease,background-color .2s ease,box-shadow .2s ease;box-shadow:0 0 #0000001a}.footer__button:hover,.footer__button:focus-visible{transform:translateY(-1px);box-shadow:0 .75rem 1.5rem #0000001f}.footer__button svg{width:1rem;height:1rem}.section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:6.25rem 1.5rem 5rem}.section+.section{border-top:.0625rem solid var(--border)}.section__container{width:100%;max-width:var(--max-w);margin:0 auto}.section__container>*+*{margin-top:0}