.site-header{z-index:101;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:fixed;top:0;left:0;right:0}.site-header__inner{width:100%;max-width:none;padding:.875rem var(--page-gutter);box-sizing:border-box;justify-content:space-between;align-items:center;gap:1rem;margin:0;display:flex}.site-header__title{font-size:clamp(.75rem,2.8vw,1.125rem);font-weight:600;font-family:var(--heading);letter-spacing:.04em;text-transform:uppercase;max-width:min(52vw,18rem);margin:0;line-height:1.2}.site-header__brand{color:var(--text-h);white-space:nowrap;text-overflow:ellipsis;text-decoration:none;display:block;overflow:hidden}.site-header__brand:hover,.site-header__brand:focus-visible{color:var(--accent)}.site-header__brand:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}.site-header__nav-desktop{margin-left:auto;display:none}.site-header__list-desktop{flex-flow:wrap;justify-content:flex-end;align-items:center;gap:.25rem .15rem;margin:0;padding:0;list-style:none;display:flex}.site-header__link-desktop{font-family:var(--heading);letter-spacing:.02em;color:var(--text-h);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.5rem .85rem;font-size:.9375rem;font-weight:500;transition:background .2s,color .2s}.site-header__link-desktop:hover,.site-header__link-desktop:focus-visible{background:var(--accent-bg);color:var(--accent)}.site-header__link-desktop:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (width>=768px){.site-header__nav-desktop{display:flex}.site-header__title{max-width:min(40vw,20rem)}}.site-header__hamburger{background:var(--code-bg);cursor:pointer;border:none;border-radius:8px;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:10px;transition:background .2s;display:flex}.site-header__hamburger:hover{background:var(--accent-bg)}.site-header__hamburger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.site-header__hamburger-bar{background:var(--text-h);border-radius:1px;width:100%;height:2px;transition:transform .25s,opacity .2s;display:block}.site-header__hamburger[aria-expanded=true] .site-header__hamburger-bar:first-child{transform:translateY(7px)rotate(45deg)}.site-header__hamburger[aria-expanded=true] .site-header__hamburger-bar:nth-child(2){opacity:0}.site-header__hamburger[aria-expanded=true] .site-header__hamburger-bar:nth-child(3){transform:translateY(-7px)rotate(-45deg)}@media (width>=768px){.site-header__hamburger{display:none}}.site-header__panel{pointer-events:none;visibility:hidden;opacity:0;transition:opacity .25s,visibility .25s;position:fixed;inset:57px 0 0}.site-header__panel--open{pointer-events:auto;visibility:visible;opacity:1}.site-header__backdrop{background:#00000073;position:absolute;inset:0}@media (prefers-color-scheme:dark){.site-header__backdrop{background:#000000a6}}.site-header__nav{background:var(--bg);border-left:1px solid var(--border);width:min(320px,100%);min-height:calc(100dvh - 57px);box-shadow:var(--shadow);box-sizing:border-box;padding:1.5rem 1.25rem 2rem;transition:transform .3s cubic-bezier(.22,1,.36,1);position:absolute;top:0;right:0;transform:translate(100%)}.site-header__panel--open .site-header__nav{transform:translate(0)}.site-header__list{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.site-header__link{text-align:left;width:100%;font-family:var(--heading);color:var(--text-h);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.875rem 1rem;font-size:1.125rem;font-weight:500;transition:background .2s,color .2s;display:block}.site-header__link:hover,.site-header__link:focus-visible{background:var(--accent-bg);color:var(--accent)}.site-header__link:focus-visible{outline:2px solid var(--accent);outline-offset:0}.site-header__close{background:var(--code-bg);width:40px;height:40px;color:var(--text-h);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:1.5rem;line-height:1;transition:background .2s;display:flex;position:absolute;top:1rem;right:1rem}.site-header__close:hover{background:var(--accent-bg)}.site-header__close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (width>=768px){.site-header__panel{pointer-events:none!important;visibility:hidden!important;opacity:0!important;display:none!important}}.dot-matrix-bg{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;inset:0}.main{z-index:1;width:100%;padding-top:57px;position:relative}.section{width:100%;scroll-margin-top:72px}.section--snap{box-sizing:border-box;min-height:calc(100svh - 57px)}.section__inner{width:100%;max-width:none;padding:3rem var(--page-gutter) 4rem;box-sizing:border-box;margin:0}.section__inner--narrow{max-width:min(720px,100%)}.section--contact .section__inner--narrow{max-width:min(680px,100%)}.section--home{isolation:isolate;background:radial-gradient(ellipse 70% 55% at 96% 8%, var(--accent-glow), transparent 50%), radial-gradient(ellipse 45% 38% at 4% 92%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 48%), radial-gradient(ellipse 50% 35% at 62% 108%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 45%), linear-gradient(165deg, color-mix(in srgb, var(--accent) 8%, var(--bg)) 0%, var(--bg) 48%, var(--bg) 100%);border-bottom:none;position:relative;overflow:hidden}.section--home:after{content:"";background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 55%, transparent), color-mix(in srgb, var(--accent) 18%, transparent) 55%, transparent 100%);pointer-events:none;height:1px;position:absolute;bottom:0;left:0;right:18%}.section--home .section__inner--hero{z-index:1;position:relative}.section--hero{justify-content:center;align-items:center;display:flex}.section__inner--hero{text-align:left;padding-top:4rem;padding-bottom:4rem;padding-left:var(--page-gutter);padding-right:clamp(1.5rem, calc(var(--page-gutter) + 3vw), 6rem);flex-direction:column;align-items:flex-start;gap:2rem;display:flex}@media (width>=768px){.section__inner--hero{padding-left:var(--page-gutter);padding-right:clamp(2rem, calc(var(--page-gutter) + 6vw), 7.5rem);flex-direction:row;justify-content:flex-start;align-items:flex-end;gap:clamp(1.75rem,5vw,3.75rem)}.hero__text{align-items:flex-start;max-width:min(34rem,52vw);padding-bottom:.35rem}}.hero__photo-wrap{flex-shrink:0;align-self:flex-start}@media (width>=768px){.hero__photo-wrap{transform:translate(.35rem,-1.1rem)rotate(-2.75deg)}}@media (prefers-reduced-motion:reduce){.hero__photo-wrap{transform:none}}.hero__photo{aspect-ratio:1;object-fit:cover;border:3px solid var(--accent-border);width:min(220px,70vw);height:auto;box-shadow:var(--shadow);border-radius:50% 48% 52% 50%;display:block}@media (width>=768px){.hero__photo{width:min(268px,36vw)}}.hero__text{flex-direction:column;align-items:flex-start;display:flex}.hero__text .hero__greeting,.hero__text .hero__name,.hero__text .hero__tagline{text-align:left}.hero__text .hero__cta{align-self:flex-start}.hero__greeting{text-transform:uppercase;letter-spacing:.14em;color:var(--accent);margin:0 0 .5rem;font-size:.9375rem;font-weight:500}.hero__name{font-family:var(--heading);letter-spacing:-.04em;color:var(--text-h);margin:0 0 .85rem;font-size:clamp(2rem,6vw,3.5rem);font-weight:500;line-height:1.05}.hero__tagline{max-width:36ch;font-family:var(--heading);letter-spacing:-.02em;color:var(--text-h);margin:0 0 1.75rem;font-size:clamp(1.15rem,2.8vw,1.65rem);font-weight:500;line-height:150%}.hero__cta{color:var(--text-h);background:var(--accent-bg);border:2px solid var(--accent-border);border-radius:8px;justify-content:center;align-items:center;padding:.65rem 1.35rem;font-size:1rem;font-weight:500;text-decoration:none;transition:box-shadow .2s,transform .15s;display:inline-flex}.hero__cta:hover{box-shadow:var(--shadow)}.hero__cta:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.section__tag{letter-spacing:.18em;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent-border);background:var(--accent-bg);border-radius:999px;align-items:center;width:fit-content;margin:0 0 .65rem;padding:.4rem .75rem;font-size:.6875rem;font-weight:600;display:inline-flex}.section__header{text-align:left;max-width:38rem;margin-bottom:2.25rem;margin-left:0;margin-right:auto}.section__header .section__tag{border-radius:999px 999px 999px 4px}.section__header .section__heading{letter-spacing:-.035em;text-align:left;margin:0 0 .65rem;font-size:clamp(1.5rem,4.2vw,2rem)}.section__header .section__intro{text-align:left;max-width:40ch;margin:0}.section__heading{text-align:left;margin:0 0 .5rem}.section__intro{text-align:left;max-width:42ch;margin:0 0 2rem;line-height:155%}.section--projects{border-bottom:1px solid var(--border);background:linear-gradient(192deg, color-mix(in srgb, var(--accent) 6%, var(--bg)) 0%, color-mix(in srgb, var(--accent) 2.5%, var(--bg)) 38%, var(--bg) 78%);position:relative}.section--projects:before{content:"";top:0;left:var(--page-gutter);background:linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent) 35%, transparent));pointer-events:none;border-radius:0 0 10px 2px;width:min(96px,22vw);height:4px;position:absolute;transform:none}.section--projects .section__inner{z-index:1;padding-top:3.5rem;padding-left:var(--page-gutter);padding-right:clamp(var(--page-gutter), calc(var(--page-gutter) + 2vw), 5rem);position:relative}.project-grid{grid-template-columns:1fr;align-items:start;gap:1.25rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=640px){.project-grid{grid-template-columns:repeat(2,1fr);gap:1.35rem 1.15rem}.project-card:nth-child(2n){margin-top:1.35rem}}@media (width>=960px){.project-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:1.5rem 1.25rem}.project-card:nth-child(2n),.project-card:nth-child(3n+2),.project-card:nth-child(3n+3){margin-top:0}}.project-card{text-align:left;border:1px solid var(--border);background:color-mix(in srgb, var(--code-bg) 55%, var(--bg));border-radius:14px 18px 12px 16px;padding:1.35rem 1.25rem;transition:border-color .25s,box-shadow .25s,transform .25s}.project-card:nth-child(3n+1){border-radius:16px 12px 18px 14px}.project-card:nth-child(3n+3){border-radius:12px 16px 14px 20px}.project-card:hover{border-color:var(--accent-border);box-shadow:var(--shadow);transform:translateY(-2px)rotate(0)}@media (width>=768px) and (prefers-reduced-motion:no-preference){.project-card:nth-child(odd){transform:rotate(-.45deg)}.project-card:nth-child(2n){transform:rotate(.55deg)}.project-card:hover{transform:translateY(-3px)rotate(0)}}@media (prefers-reduced-motion:reduce){.project-card:hover{transform:none}}.project-card__title{color:var(--text-h);margin:0 0 .5rem;font-size:1.125rem}.project-card__desc{margin:0;font-size:.9375rem;line-height:150%}.section--contact{padding-bottom:3rem;position:relative;overflow:hidden}.section--contact:before{content:"";background:radial-gradient(ellipse 65% 48% at 88% -8%, var(--accent-glow), transparent 68%);pointer-events:none;opacity:.6;position:absolute;inset:0}.section--contact .section__inner{z-index:1;max-width:min(680px,100%);padding-top:3.25rem;padding-left:var(--page-gutter);padding-right:clamp(var(--page-gutter), calc(var(--page-gutter) + 3vw), 5.5rem);margin-left:0;margin-right:auto;position:relative}.contact-panel{border:1px solid var(--border);background:color-mix(in srgb, var(--bg) 88%, var(--accent) 12%);max-width:100%;box-shadow:var(--shadow), 0 0 0 1px color-mix(in srgb, var(--accent) 8%, transparent);border-radius:22px 14px 20px 16px;margin-top:.35rem;margin-left:0;margin-right:auto;padding:1.75rem 1.35rem 1.85rem}@media (width>=640px) and (prefers-reduced-motion:no-preference){.contact-panel{transform-origin:0 0;transform:rotate(-.55deg)}}@media (width>=480px){.contact-panel{padding:2rem 1.65rem 2.15rem 2.1rem}}@media (prefers-reduced-motion:reduce){.contact-panel{transform:none}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.section--reveal{animation:.85s cubic-bezier(.22,1,.36,1) both sectionReveal;animation-timeline:view();animation-range:entry cover 42%}}}@keyframes sectionReveal{0%{opacity:0;transform:translateY(1.5rem)}to{opacity:1;transform:translateY(0)}}.contact-form{text-align:left;flex-direction:column;gap:1.125rem;display:flex}.contact-form__field{flex-direction:column;gap:.4rem;display:flex}.contact-form__label{color:var(--text-h);font-size:.875rem;font-weight:500}.contact-form__input,.contact-form__textarea{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--text-h);border-radius:8px;padding:.65rem .75rem;transition:border-color .2s}.contact-form__input:focus,.contact-form__textarea:focus{border-color:var(--accent);outline:none}.contact-form__textarea{resize:vertical;min-height:100px}.contact-form__submit{font:inherit;color:var(--text-h);background:var(--accent-bg);border:2px solid var(--accent-border);cursor:pointer;border-radius:8px;align-self:flex-start;margin-top:.25rem;padding:.65rem 1.25rem;font-weight:500;transition:box-shadow .2s}.contact-form__submit:hover{box-shadow:var(--shadow)}.contact-form__submit:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.contact-form__submit:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.contact-form__status{margin:0;font-size:.9375rem;line-height:155%}.contact-form__status--success{text-align:center;color:var(--text-h);padding:1.75rem .5rem;font-size:1.0625rem;font-weight:500}.contact-form__status--error{color:#c0453a;margin-top:-.35rem}.project-card__links{flex-wrap:wrap;gap:.6rem;margin-top:.9rem;display:flex}.project-card__link{color:var(--accent);border:1px solid var(--accent-border);background:var(--accent-bg);border-radius:999px;align-items:center;gap:.4rem;padding:.4rem .85rem;font-size:.8125rem;font-weight:500;text-decoration:none;transition:box-shadow .2s,border-color .2s,transform .15s;display:inline-flex}.project-card__link:hover{box-shadow:var(--shadow);border-color:var(--accent);transform:translateY(-1px)}.project-card__link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.project-card__icon{flex-shrink:0}@media (prefers-reduced-motion:reduce){.project-card__link:hover{transform:none}}.footer{border-top:1px solid var(--border);padding:2.5rem var(--page-gutter) 2rem}.footer__inner{text-align:center;flex-direction:column;align-items:center;gap:1.25rem;max-width:min(720px,100%);margin:0 auto;display:flex}.footer__socials{gap:.75rem;display:flex}.footer__social-link{border:1px solid var(--accent-border);background:var(--accent-bg);width:2.5rem;height:2.5rem;color:var(--accent);border-radius:999px;justify-content:center;align-items:center;transition:box-shadow .2s,border-color .2s,transform .15s;display:inline-flex}.footer__social-link:hover{box-shadow:var(--shadow);border-color:var(--accent);transform:translateY(-2px)}.footer__social-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.footer__social-icon{width:18px;height:18px}.footer__copyright{color:var(--text-h);opacity:.7;margin:0;font-size:.8125rem}@media (prefers-reduced-motion:reduce){.footer__social-link:hover{transform:none}}html{scroll-behavior:auto;scroll-padding-top:57px}:root{--page-gutter:clamp(1.25rem, 5vw, 4.5rem);--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#dc2626;--accent-bg:#dc26261a;--accent-border:#dc262673;--accent-glow:#dc26262e;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#f87171;--accent-bg:#f8717124;--accent-border:#f871717a;--accent-glow:#f8717138;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}}#root{z-index:1;text-align:start;box-sizing:border-box;background:var(--bg);flex-direction:column;width:100%;max-width:none;min-height:100svh;margin:0;display:flex;position:relative}body{width:100%;margin:0;overflow-x:clip}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code{font-family:var(--mono);color:var(--text-h);background:var(--code-bg);border-radius:4px;padding:4px 8px;font-size:15px;line-height:135%;display:inline-flex}