:root{--bg:#f7f5f0;--surface:#fff;--surface-2:#efece5;--text:#1c1b19;--muted:#5d5a54;--border:#e2ddd3;--accent:#c2410c;--accent-text:#fff;--accent-soft:#fbe7dc;--todo-bg:#fff6d6;--todo-text:#6b4e00;--todo-border:#c99a00;--shadow:0 1px 2px #1c1b190f, 0 8px 24px #1c1b190f;--radius:16px;--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#121214;--surface:#1b1b1f;--surface-2:#26262b;--text:#ecebe8;--muted:#a8a59f;--border:#303036;--accent:#fb923c;--accent-text:#1c1b19;--accent-soft:#3a2416;--todo-bg:#3a3112;--todo-text:#ffe28a;--todo-border:#c99a00;--shadow:0 1px 2px #0000004d, 0 8px 24px #00000040;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:72px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:1rem;line-height:1.6}img{max-width:100%;display:block}a{color:var(--accent);text-underline-offset:3px}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:6px}h1,h2,h3{letter-spacing:-.01em;margin:0;line-height:1.2}p{margin:0}ul,ol{margin:0;padding:0}.skip-link{z-index:20;background:var(--accent);color:var(--accent-text);border-radius:8px;padding:8px 14px;font-weight:600;position:absolute;top:-48px;left:12px}.skip-link:focus{top:12px}.muted{color:var(--muted);font-size:.9rem}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:.8rem;font-weight:700}.header{z-index:10;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border);position:sticky;top:0}.header__inner{flex-wrap:wrap;align-items:center;gap:8px;max-width:1080px;min-height:56px;margin:0 auto;padding:0 16px;display:flex}.header__mark{background:var(--accent);width:36px;height:36px;color:var(--accent-text);border-radius:10px;flex:none;place-items:center;font-size:.9rem;font-weight:800;text-decoration:none;display:grid}.header nav{margin-left:auto}.header__toggle{border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--text);font:inherit;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-left:auto;padding:8px 14px;font-weight:600;display:none}.header__toggle:hover,.header__toggle[aria-expanded=true]{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.header__toggle[aria-expanded=true] svg{transform:rotate(180deg)}@media (width<=719px){:root:not(.js) .header nav{order:3;width:100%}:root:not(.js) .header .icon-button{margin-left:auto}:root:not(.js){scroll-padding-top:152px}:root:not(.js) .header__nav{flex-wrap:wrap}.js .header__toggle{display:inline-flex}.js .header__sections{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);max-height:calc(100dvh - 80px);box-shadow:var(--shadow);padding:6px;display:none;position:absolute;top:calc(100% + 8px);left:16px;right:16px;overflow-y:auto}.js .header__sections--open{display:block}.js .header__nav{flex-direction:column}.js .header__nav a{border-radius:10px;min-height:44px;padding:10px 14px}.header__nav a:hover{background:var(--accent-soft)}}.header__nav{list-style:none;display:flex}.header__nav a{color:var(--text);padding:10px 7px;font-size:.95rem;font-weight:500;text-decoration:none;display:block}.header__nav a:hover{color:var(--accent)}.icon-button{border:1px solid var(--border);background:var(--surface);width:44px;height:44px;color:var(--text);cursor:pointer;border-radius:12px;flex:none;place-items:center;display:inline-grid}.icon-button:hover{border-color:var(--accent);color:var(--accent)}.theme-icon--moon,[data-theme=dark] .theme-icon--sun{display:none}[data-theme=dark] .theme-icon--moon{display:block}.page{max-width:1080px;margin:0 auto;padding:0 16px 48px}.section{padding-top:56px}.section__title{margin-bottom:20px;font-size:1.75rem}.section__subtitle{margin:40px 0 16px;font-size:1.2rem}.button{border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--text);font:inherit;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex}.button:hover{border-color:var(--accent);color:var(--accent)}.button--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.button--primary:hover{color:var(--accent-text);filter:brightness(1.08)}.chips{flex-wrap:wrap;gap:8px;list-style:none;display:flex}.chip{background:var(--surface-2);color:var(--text);border-radius:999px;padding:4px 10px;font-size:.82rem;font-weight:500}.todo{border:2px dashed var(--todo-border);background:var(--todo-bg);min-height:44px;color:var(--todo-text);font-family:var(--mono);letter-spacing:normal;text-transform:none;border-radius:12px;align-items:center;padding:8px 14px;font-size:.82rem;font-weight:600;display:inline-flex}.eyebrow .todo{min-height:0;margin-left:8px;padding:2px 8px}.hero{isolation:isolate;padding-top:40px;position:relative}.hero__trails{z-index:-1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;-webkit-mask-image:linear-gradient(#000 75%,#0000);mask-image:linear-gradient(#000 75%,#0000)}.hero__avatar{width:96px;height:96px;box-shadow:0 0 0 4px var(--surface), 0 0 0 5px var(--border);border-radius:50%;margin-bottom:20px}.hero__title{letter-spacing:-.02em;margin-top:8px;font-size:2.25rem;font-weight:800}.hero__intro{max-width:36rem;color:var(--muted);margin-top:16px;font-size:1.08rem}.hero__meta{color:var(--muted);align-items:center;gap:6px;margin-top:12px;font-size:.92rem;display:flex}.hero__status{background:var(--accent-soft);border-radius:999px;align-items:center;gap:8px;margin-top:12px;padding:4px 12px;font-size:.88rem;font-weight:600;display:inline-flex}.hero__status:before{content:"";background:#16a34a;border-radius:50%;width:8px;height:8px}.hero__actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.hero__social{gap:10px;margin-top:20px;list-style:none;display:flex}.projects__grid{gap:20px;margin-top:20px;display:grid}.project{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);flex-direction:column;display:flex;overflow:hidden}.project__media{aspect-ratio:16/10;background:var(--surface-2);border-bottom:1px solid var(--border)}.project__media .picture{height:100%;display:block}.project__media img{object-fit:cover;object-position:top;width:100%;height:100%}.picture__img{background-color:var(--surface-2);background-position:top;background-size:cover}.project__media-empty{background:repeating-linear-gradient(-45deg, var(--surface-2) 0 12px, transparent 12px 24px);place-items:center;height:100%;padding:16px;display:grid}.project__body{flex-direction:column;flex:1;gap:12px;padding:20px;display:flex}.project__intro,.project__details{flex-direction:column;gap:12px;display:flex}.project__details{flex:1}.project__title{font-size:1.4rem}.project--lead .project__title{font-size:1.6rem}.project__tagline{color:var(--muted);margin-top:-6px;font-weight:500}.project__highlights{gap:6px;padding-left:1.1rem;font-size:.95rem;display:grid}.project__highlights li::marker{color:var(--accent)}.demo{background:var(--accent-soft);border-radius:12px;padding:12px 14px}.demo__title{margin-bottom:6px;font-size:.85rem;font-weight:700}.demo__list{gap:6px;margin:0;display:grid}.demo__row{gap:2px;display:grid}.demo__row dt{color:var(--muted);font-size:.78rem}.demo__row dd{min-width:0;margin:0}.demo__row--password{border-top:1px dashed var(--border);margin-top:4px;padding-top:8px}.demo__more{margin-top:8px}.demo__more summary{color:var(--accent);cursor:pointer;padding:6px 0;font-size:.85rem;font-weight:600}.demo__more[open] summary{margin-bottom:6px}.copy{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.copy__value{min-width:0;font-family:var(--mono);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;font-size:.82rem}.copy__button{border:1px solid var(--border);background:var(--surface);min-width:64px;min-height:36px;color:var(--text);font:inherit;cursor:pointer;border-radius:8px;flex:none;padding:4px 10px;font-size:.78rem;font-weight:600}.copy__button:hover{border-color:var(--accent);color:var(--accent)}.project__actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:auto;padding-top:4px;display:flex}.projects__more{color:var(--muted);margin-top:20px}.work{gap:16px;list-style:none;display:grid}.work__item article{border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:var(--radius);background:var(--surface);flex-direction:column;gap:10px;height:100%;padding:20px;display:flex}.work__status{color:var(--muted);font-size:.82rem;font-weight:600}.work__title{font-size:1.2rem}.work__link{align-items:center;gap:6px;min-height:44px;font-weight:600;display:inline-flex}.skills{gap:16px;display:grid}.skills__group{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:18px}.skills__heading{margin-bottom:12px;font-size:1rem}.contact__lead{color:var(--muted)}.contact__email{overflow-wrap:anywhere;align-items:center;gap:10px;margin-top:16px;font-size:1.15rem;font-weight:700;display:inline-flex}.contact__links{flex-wrap:wrap;gap:12px;margin-top:24px;list-style:none;display:flex}.footer{border-top:1px solid var(--border);color:var(--muted);margin-top:56px;padding-top:20px;font-size:.85rem}@media (width>=720px){html{scroll-padding-top:72px}.header{position:sticky}.header__inner{flex-wrap:nowrap;height:56px}.header__nav a{padding:10px}.hero{padding-top:72px}.hero__avatar{width:112px;height:112px}.hero__title{font-size:3.25rem}.section{padding-top:80px}.section__title{font-size:2.1rem}.projects__grid,.work,.skills{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=960px){.project--lead .project__body{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:32px;padding:28px 32px 32px;display:grid}.project--lead .project__media--empty{aspect-ratio:16/5}.skills{grid-template-columns:repeat(3,minmax(0,1fr))}}