:root{--pf-bg:#f5f6f5;--pf-ink:#2c4f63;--pf-ink-soft:#5c6b73;--pf-ink-softer:#40525c;--pf-ink-strong:#3c4e58;--pf-muted:#63727a;--pf-green:#547466;--pf-green-dark:#4c7367;--pf-red:#c4544e;--pf-accent-green:#6b9184;--pf-border:#17252e1a;--pf-border-soft:#17252e14;--pf-border-mid:#17252e1f;--pf-border-strong:#17252e29;--pf-card:#fff;--pf-card-alt:#fcfcfb;--pf-tag-border:#17252e24;--font-display:"Syne", sans-serif;--font-body:"Instrument Sans", ui-sans-serif, system-ui, sans-serif;--font-mono:"IBM Plex Mono", monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body{background:var(--pf-bg);margin:0}body{font-family:var(--font-body);color:var(--pf-ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100svh}.pf-main-gradient{background-color:var(--pf-bg);background-image:radial-gradient(46% 60% at 2% 2%,#6f9b8c33 0%,#6f9b8c00 60%),radial-gradient(70% 80% at 104% 104%,#dc5b5721 0%,#dc5b570d 45%,#dc5b5700 72%),radial-gradient(26% 32% at 100% 100%,#c4544e33 0%,#c4544e00 100%);background-attachment:fixed}a{color:var(--pf-ink);text-decoration:none}a:hover{color:var(--pf-green)}h1,h2,h3{font-family:var(--font-display);margin:0}p{margin:0}button{font:inherit}@keyframes pfCaret{0%,45%{opacity:1}55%,to{opacity:0}}@keyframes pfPulse{0%,to{opacity:.35;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}}@keyframes pfFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pf-page{animation:.4s pfFadeIn}.pf-tag{border:1px solid var(--pf-tag-border);color:var(--pf-ink-softer);white-space:nowrap;border-radius:20px;padding:4px 9px;font-size:12.5px}.pf-card-link{transition:border-color .25s,background-color .25s}.pf-card-link:hover{color:var(--pf-ink);background:#fbfcfb;border-color:#17252e47}.pf-outline-btn{transition:border-color .2s}.pf-outline-btn:hover{border-color:var(--pf-ink)}.pf-primary-btn{transition:background-color .2s}.pf-primary-btn:hover{background:#22343f}.pf-lang-btn{cursor:pointer;font-family:var(--font-mono);letter-spacing:.1em;color:var(--pf-muted);background:0 0;border:none;border-radius:3px;padding:5px 9px;font-size:10.5px}.pf-lang-btn.is-active{background:var(--pf-ink);color:#fff}.pf-header{justify-content:space-between;align-items:center;padding:16px 26px;display:flex}.pf-header--sub{z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f5f6f5db;border-bottom:1px solid #17252e17;position:sticky;top:0}.pf-header-back{border:1px solid var(--pf-border-strong);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--pf-ink);border-radius:6px;align-items:center;gap:9px;padding:8px 13px;font-size:11px;transition:border-color .2s;display:inline-flex}.pf-header-back:hover{border-color:var(--pf-ink);color:var(--pf-ink)}.pf-header-brand{align-items:baseline;gap:10px;display:flex}.pf-header-name{font-family:var(--font-display);letter-spacing:-.01em;color:var(--pf-ink);font-size:15px;font-weight:700}.pf-header-role{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--pf-muted);font-size:10.5px}.pf-header-lang-group{border:1px solid var(--pf-border-mid);border-radius:5px;align-items:center;gap:1px;padding:2px;display:flex}.pf-cursor{pointer-events:none;z-index:9999;opacity:0;border:1.5px solid #dc5b57d9;border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;transition:width .18s,height .18s,margin .18s,opacity .2s;position:fixed;top:0;left:0}.pf-home-wrap{box-sizing:border-box;padding:0 14px 14px}.pf-home-grid{grid-template-rows:repeat(8,minmax(78px,1fr));grid-template-columns:repeat(12,1fr);gap:10px;min-height:calc(100svh - 140px);display:grid}.pf-home-card{border:1px solid var(--pf-border);background:#fff;border-radius:8px;overflow:hidden}.pf-home-label{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--pf-muted);font-size:10.5px}.pf-home-footer-link{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--pf-ink);font-size:11px}.pf-contact-card{transition:border-color .25s}.pf-contact-card:hover{color:var(--pf-ink);border-color:#17252e47}.pf-card-link:hover .pf-home-footer-link,.pf-contact-card:hover .pf-home-footer-link{text-decoration:underline}.pf-home-card-footer{justify-content:space-between;align-items:flex-end;display:flex}.pf-home-hero{grid-area:1/1/span 4/span 6;position:relative}.pf-home-about{grid-area:1/7/span 5/span 3}.pf-home-contact{grid-area:1/10/span 2/span 3}.pf-home-cv{grid-area:3/10/span 3/span 3}.pf-home-skills{grid-area:5/1/span 1/span 6}.pf-home-nn{grid-area:6/5/span 3/span 4}.pf-home-qz{grid-area:6/9/span 3/span 4}.pf-home-next{grid-area:6/1/span 3/span 4}.pf-home-panel{box-sizing:border-box;color:inherit;flex-direction:column;justify-content:space-between;display:flex}.pf-home-panel--about{padding:30px 28px 26px}.pf-home-panel--contact{height:100%;padding:22px 24px 18px}.pf-home-panel--cv{padding:22px}.pf-home-panel--project{padding:26px}.pf-home-skills-card{box-sizing:border-box;flex-direction:column;justify-content:center;padding:0 26px;display:flex}.pf-home-skills-row{align-items:center;gap:18px;display:flex}.pf-home-skills-label{flex:none;width:74px}.pf-home-skills-tags{flex-wrap:wrap;gap:6px 7px;display:flex}.pf-home-title-lg{letter-spacing:-.02em;margin:16px 0 0;font-size:30px;font-weight:600}.pf-home-title-md{letter-spacing:-.02em;margin:12px 0 0;font-size:27px;font-weight:600}.pf-home-desc-md{color:var(--pf-ink-soft);margin:14px 0 0;font-size:15px;line-height:1.6}.pf-home-desc-sm{color:var(--pf-ink-soft);margin:10px 0 0;font-size:14px;line-height:1.55}.pf-home-desc-xs{color:var(--pf-ink-soft);margin:10px 0 0;font-size:13.5px;line-height:1.55}.pf-home-cv-btn{border:1px solid var(--pf-border-strong);color:inherit;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border-radius:6px;align-items:center;gap:8px;padding:9px 14px;font-size:11px;display:inline-flex}.pf-home-icon-md{width:56px;height:56px}.pf-home-icon-sm{width:42px;height:42px}.pf-home-icon-project{width:46px;height:46px}.pf-hero-card{background-color:#fcfcfb;background-image:radial-gradient(120% 150% at 6% 8%,#6f9b8c42 0%,#6f9b8c00 58%),radial-gradient(90% 110% at 92% 92%,#dc5b5726 0%,#dc5b5700 62%),radial-gradient(80% 90% at 68% 4%,#466e9629 0%,#466e9600 62%)}.pf-hero-icon{width:62px;height:62px;transition:opacity .7s .1s;position:absolute;bottom:34px;right:40px}.pf-hero-inner{box-sizing:border-box;flex-direction:column;justify-content:flex-end;height:100%;padding:38px 40px 34px;display:flex}.pf-hero-title{letter-spacing:-.042em;max-width:640px;margin:0;font-size:74px;font-weight:700;line-height:.88;transition:color 1s}.pf-hero-line2{max-width:600px;font-family:var(--font-display);letter-spacing:-.03em;white-space:nowrap;margin:10px 0 0;font-size:28px;font-weight:600;line-height:.95;transition:color 1s}.pf-hero-line3-wrap{max-width:400px;min-height:48px;margin:16px 0 0;transition:opacity .7s,transform .7s cubic-bezier(.2,.8,.2,1)}.pf-hero-line3{margin:0;font-size:16px;line-height:1.5;transition:color 1s}.pf-hero-caret{animation:1.05s step-end infinite pfCaret;display:inline-block}.pf-hero-caret-1{vertical-align:-7px;width:6px;height:54px;margin-left:8px}.pf-hero-caret-2{vertical-align:-3px;width:3px;height:22px;margin-left:6px}.pf-hero-caret-3{vertical-align:-2px;width:2px;height:13px;margin-left:5px}@media (width>=901px) and (width<=1300px){.pf-home-grid{grid-template-rows:none!important;grid-template-columns:repeat(2,1fr)!important;min-height:0!important}.pf-home-hero{grid-area:1/1/auto/span 2!important}.pf-home-about{grid-area:2/1/span 2/span 1!important}.pf-home-contact{grid-area:2/2/auto/span 1!important}.pf-home-cv{grid-area:3/2/auto/span 1!important}.pf-home-skills{grid-area:4/1/auto/span 2!important}.pf-home-skills-card{padding:16px 24px!important}.pf-home-next{grid-area:5/1/auto/span 2!important}.pf-home-nn{grid-area:6/1/auto/span 1!important}.pf-home-qz{grid-area:6/2/auto/span 1!important}.pf-hero-card{min-height:380px!important}.pf-home-panel--about,.pf-home-panel--contact,.pf-home-panel--cv{min-height:180px!important}}@media (width<=900px){.pf-home-wrap{min-width:0!important}.pf-home-grid{grid-template-rows:none!important;grid-template-columns:1fr!important;min-height:0!important}.pf-home-grid>*{grid-area:auto!important}.pf-home-next{order:1!important}.pf-home-nn{order:2!important}.pf-home-qz{order:3!important}.pf-home-skills-card{padding:18px 22px!important}.pf-hero-card{min-height:260px!important}.pf-hero-inner{height:auto!important}.pf-hero-title{max-width:100%!important;font-size:42px!important;line-height:.95!important}.pf-hero-line2{white-space:normal!important;max-width:100%!important;font-size:22px!important}.pf-hero-caret-1{vertical-align:-4px!important;height:32px!important}.pf-hero-line3-wrap{min-height:72px!important}}.about-wrap{max-width:1240px;margin:0 auto;padding:28px 26px 90px}.about-title{letter-spacing:-.035em;margin-top:24px;font-size:48px;font-weight:700;line-height:1}.about-intro{background:#ffffff8c;border:1px solid #17252e12;border-radius:8px;margin-top:32px;padding:38px 42px}.pf-two-col{grid-template-columns:1fr 1fr;gap:40px;display:grid}.about-quote{font-family:var(--font-display);letter-spacing:-.025em;overflow-wrap:break-word;margin:0;font-size:38px;font-weight:500;line-height:1.18}.about-quote span{display:block}.about-quote em{color:var(--pf-accent-green);font-style:normal;font-weight:500}.about-quote em.about-quote-highlight{color:var(--pf-red);font-weight:700}.about-divider{background:var(--pf-border);height:1px;margin:30px 0 28px}.about-col-heading{align-items:center;gap:11px;margin-bottom:14px;display:flex}.about-col-icon{flex:none;width:24px;height:24px}.about-col-label{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--pf-muted);font-size:10.5px}.about-col-body{color:var(--pf-ink-strong);margin:0;font-size:15px;line-height:1.72}.about-sections{flex-direction:column;gap:52px;margin-top:60px;display:flex}.pf-timeline{grid-template-columns:140px 1fr;gap:0 24px;display:grid}.about-section-label{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--pf-green);margin:0 0 4px;font-size:13px;font-weight:600}.about-timeline-divider{background:var(--pf-border-soft);grid-column:1/-1;height:1px;margin:20px 0}.about-timeline-divider--first{background:var(--pf-border-mid);margin:16px 0 20px}.about-date{font-family:var(--font-mono);letter-spacing:.06em;color:var(--pf-muted);padding-top:3px;font-size:11.5px}.about-entry-heading{flex-wrap:wrap;align-items:baseline;gap:9px;display:flex}.about-entry-title{margin:0;font-size:17px;font-weight:600}.about-entry-link{color:var(--pf-green);font-size:14px}.about-entry-sub{font-family:var(--font-mono);color:var(--pf-muted);margin-top:5px;font-size:11px}.about-entry-body{color:var(--pf-ink-soft);max-width:62ch;margin:8px 0 0;font-size:14.5px;line-height:1.65}.about-entry-footer-link{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--pf-red);align-items:center;gap:8px;margin-top:12px;font-size:11px;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.about-entry-footer-link:hover{color:#a83f3a}.about-edu-link{color:var(--pf-green);margin-top:2px;font-size:14px;display:inline-block}.about-also-divider{background:var(--pf-border-mid);height:1px;margin:16px 0 20px}.about-also-body{color:var(--pf-ink-soft);max-width:70ch;margin:0;font-size:14.5px;line-height:1.7}.about-also-body+.about-also-body{margin-top:10px}@media (width<=900px){.pf-two-col,.pf-timeline{grid-template-columns:1fr!important}.about-intro{padding:26px 22px!important}.about-quote{font-size:28px!important}}.project-wrap{max-width:1240px;margin:0 auto;padding:28px 26px 90px}.pf-project-grid{grid-template-columns:minmax(0,7fr) minmax(240px,4fr);grid-template-areas:"header cta""shots shots""body sidebar";column-gap:56px;margin-top:24px;display:grid}.project-header{grid-area:header}.project-title{letter-spacing:-.035em;font-size:48px;font-weight:700;line-height:1}.project-tagline{font-family:var(--font-display);color:var(--pf-green-dark);max-width:56ch;margin:16px 0 0;font-size:20px;font-weight:500;line-height:1.35}.project-cta-group{flex-direction:column;grid-area:cta;align-self:start;gap:9px;display:flex}.project-btn{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border-radius:7px;justify-content:space-between;align-items:center;padding:15px 18px;font-size:11.5px;display:flex}.project-btn--primary{background:var(--pf-ink);color:#fff}.project-btn--outline{border:1px solid var(--pf-border-strong);color:inherit}.project-screenshot-grid{grid-area:shots;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:32px;display:grid}.project-screenshot-tile{border:1px solid var(--pf-border);aspect-ratio:580/300;background:#fff;border-radius:8px;overflow:hidden}.project-screenshot-tile--main{aspect-ratio:auto;grid-area:1/1/3}.project-screenshot-img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.project-sections{flex-direction:column;grid-area:body;gap:32px;max-width:70ch;margin-top:40px;display:flex}.project-section-label{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--pf-red);margin:0 0 12px;font-size:13px;font-weight:600}.project-section-body{flex-direction:column;gap:14px;display:flex}.project-body-p{color:var(--pf-ink-strong);max-width:70ch;margin:0;font-size:16px;line-height:1.75}.project-sidebar-cards{flex-direction:column;grid-area:sidebar;gap:18px;margin-top:40px;display:flex}.project-side-card{border:1px solid var(--pf-border);background:#fff;border-radius:8px;padding:22px}.project-side-label{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--pf-green);font-size:10.5px}.project-side-label--stack{margin:18px 0 12px}.project-test-account{font-family:var(--font-mono);color:var(--pf-ink-softer);margin:12px 0 0;font-size:12.5px;line-height:1.9}.project-role-text{color:var(--pf-ink-soft);margin:12px 0 0;font-size:14.5px;line-height:1.65}.project-role-divider{background:var(--pf-border-soft);height:1px;margin:18px 0}.project-stack-tags{flex-wrap:wrap;gap:6px;display:flex}@media (width<=900px){.pf-project-grid{grid-template-columns:1fr!important;grid-template-areas:"header""cta""shots""body""sidebar"!important}.project-sidebar-cards{margin-top:32px!important}.project-screenshot-grid{aspect-ratio:auto!important;grid-template-rows:none!important;grid-template-columns:repeat(2,1fr)!important}.project-screenshot-tile{aspect-ratio:580/300!important}.project-screenshot-tile--main{aspect-ratio:1600/620!important;grid-area:auto/1/auto/-1!important}}