@import url("https://fonts.googleapis.com/css2?family=Inter+Tight:wght@400;500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500;600&display=swap");:root{--pe-f-display:"Inter Tight",ui-sans-serif,system-ui,sans-serif;--pe-f-body:"Inter",ui-sans-serif,system-ui,sans-serif;--pe-f-mono:"JetBrains Mono",ui-monospace,monospace;--pe-bg:oklch(98.5% 0.004 75);--pe-bg-subtle:oklch(96.5% 0.005 75);--pe-bg-raised:oklch(100% 0 0);--pe-bg-sunken:oklch(94% 0.005 75);--pe-ink:oklch(14% 0.012 75);--pe-ink-2:oklch(28% 0.01 75);--pe-ink-3:oklch(48% 0.008 75);--pe-ink-4:oklch(66% 0.006 75);--pe-ink-5:oklch(82% 0.004 75);--pe-line:oklch(91% 0.005 75);--pe-line-2:oklch(86% 0.006 75);--pe-accent:oklch(62% 0.17 148);--pe-accent-soft:oklch(92% 0.06 148);--pe-accent-ink:oklch(32% 0.10 148);--pe-go:oklch(62% 0.17 148);--pe-go-soft:oklch(94% 0.05 148);--pe-caution:oklch(72% 0.14 75);--pe-caution-soft:oklch(94% 0.05 75);--pe-skip:oklch(58% 0.18 25);--pe-skip-soft:oklch(94% 0.05 25);--pe-new:oklch(60% 0.14 260);--pe-new-soft:oklch(94% 0.04 260);--pe-r-xs:4px;--pe-r-sm:6px;--pe-r-md:8px;--pe-r-lg:12px;--pe-r-xl:16px;--pe-shadow-1:0 1px 2px oklch(0% 0 0/0.04),0 1px 3px oklch(0% 0 0/0.06);--pe-shadow-2:0 2px 4px oklch(0% 0 0/0.04),0 4px 12px oklch(0% 0 0/0.06);--pe-shadow-3:0 8px 24px oklch(0% 0 0/0.10),0 2px 6px oklch(0% 0 0/0.06)}.pe-app[data-theme=dark]{--pe-bg:oklch(18% 0.008 75);--pe-bg-subtle:oklch(22% 0.008 75);--pe-bg-raised:oklch(24% 0.008 75);--pe-bg-sunken:oklch(16% 0.008 75);--pe-ink:oklch(96% 0.005 75);--pe-ink-2:oklch(84% 0.006 75);--pe-ink-3:oklch(66% 0.008 75);--pe-ink-4:oklch(50% 0.008 75);--pe-ink-5:oklch(34% 0.008 75);--pe-line:oklch(30% 0.008 75);--pe-line-2:oklch(36% 0.008 75)}.pe-app{font-family:var(--pe-f-body);color:var(--pe-ink);background:var(--pe-bg);font-size:14px;line-height:1.5;letter-spacing:-.005em}.pe-app *,.pe-app :after,.pe-app :before{box-sizing:border-box}.pe-app svg{width:16px;height:16px;flex-shrink:0}.pe-app svg[height],.pe-app svg[width]{width:revert;height:revert}.pe-display{font-size:36px;line-height:1.1;letter-spacing:-.02em}.pe-display,.pe-h1{font-family:var(--pe-f-display);font-weight:600;color:var(--pe-ink)}.pe-h1{font-size:28px;line-height:1.15;letter-spacing:-.015em}.pe-h2{font-size:20px;line-height:1.25;letter-spacing:-.01em}.pe-h2,.pe-h3{font-family:var(--pe-f-display);font-weight:600;color:var(--pe-ink)}.pe-h3{font-size:16px;line-height:1.35;letter-spacing:-.005em}.pe-body{font-size:14px;line-height:1.55;color:var(--pe-ink-2)}.pe-body-sm{font-size:13px;line-height:1.5;color:var(--pe-ink-3)}.pe-caption{font-size:11.5px;line-height:1.4;color:var(--pe-ink-3);font-family:var(--pe-f-mono);letter-spacing:0}.pe-eyebrow{font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--pe-ink-4)}.pe-num{font-family:var(--pe-f-display);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.pe-shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.pe-sidebar{border-right:1px solid var(--pe-line);background:var(--pe-bg-subtle);padding:16px 12px;display:flex;flex-direction:column;gap:6px;position:sticky;top:0;height:100vh;overflow-y:auto}.pe-sidebar-brand{display:flex;align-items:center;gap:9px;padding:6px 8px 18px}.pe-brand-mark{width:26px;height:26px;border-radius:7px;background:var(--pe-ink);position:relative;display:flex;align-items:center;justify-content:center;font-family:var(--pe-f-display);font-size:14px;font-weight:700;color:var(--pe-bg);letter-spacing:-.02em;flex-shrink:0}.pe-brand-mark:before{content:"";position:absolute;top:4px;right:4px;width:5px;height:5px;border-radius:50%;background:var(--pe-accent);box-shadow:0 0 0 2px var(--pe-ink)}.pe-brand-name{font-family:var(--pe-f-display);font-weight:600;font-size:14px;color:var(--pe-ink);letter-spacing:-.01em}.pe-nav-section{margin-top:14px;padding:0 8px 6px}.pe-nav-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:var(--pe-r-sm);color:var(--pe-ink-3);font-size:13.5px;font-weight:500;cursor:pointer;transition:background .12s ease,color .12s ease;text-decoration:none}.pe-nav-item:hover{background:var(--pe-bg-sunken);color:var(--pe-ink)}.pe-nav-item.is-active{background:var(--pe-ink);color:var(--pe-bg)}.pe-nav-item.is-active .pe-nav-badge{background:var(--pe-bg);color:var(--pe-ink)}.pe-nav-item svg{width:15px;height:15px;opacity:.85}.pe-nav-badge{margin-left:auto;font-size:10.5px;font-family:var(--pe-f-mono);background:var(--pe-bg-sunken);color:var(--pe-ink-3);padding:1px 6px;border-radius:10px;font-weight:500}.pe-topbar{height:52px;padding:0 24px;border-bottom:1px solid var(--pe-line);background:var(--pe-bg);display:flex;align-items:center;gap:16px;position:sticky;top:0;z-index:20}@media (max-width:640px){.pe-topbar{padding:0 14px;gap:10px}}.pe-topbar-path{font-size:13px;color:var(--pe-ink-3);display:flex;align-items:center;gap:6px}.pe-topbar-path strong{color:var(--pe-ink);font-weight:600}.pe-topbar-sep{color:var(--pe-ink-5)}.pe-topbar-search{margin-left:auto;display:flex;align-items:center;gap:8px;height:30px;padding:0 10px;background:var(--pe-bg-subtle);border:1px solid var(--pe-line);border-radius:var(--pe-r-sm);font-size:12.5px;color:var(--pe-ink-3);min-width:240px;cursor:pointer}.pe-topbar-search:hover{border-color:var(--pe-line-2)}.pe-topbar-search svg{width:14px;height:14px}.pe-topbar-search .pe-kbd{margin-left:auto}@media (max-width:900px){.pe-topbar-search{min-width:0;flex:1}.pe-topbar-search .pe-kbd{display:none}}@media (max-width:560px){.pe-topbar-search span{display:none}.pe-topbar-search{min-width:0;flex:0 0 auto;padding:0 8px}.pe-topbar-path{font-size:13px}}.pe-main{padding:24px}@media (max-width:640px){.pe-main{padding:16px}}.pe-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 12px;font-size:13px;font-weight:500;line-height:1;font-family:var(--pe-f-body);color:var(--pe-ink);background:var(--pe-bg-raised);border:1px solid var(--pe-line);border-radius:var(--pe-r-sm);cursor:pointer;transition:all .12s ease;white-space:nowrap}.pe-btn:hover:not(:disabled){background:var(--pe-bg-sunken);border-color:var(--pe-line-2)}.pe-btn:disabled{opacity:.4;cursor:not-allowed}.pe-btn svg{width:14px;height:14px}.pe-btn-primary{background:var(--pe-ink);color:var(--pe-bg);border-color:var(--pe-ink)}.pe-btn-primary:hover:not(:disabled){background:var(--pe-ink-2);border-color:var(--pe-ink-2)}.pe-btn-accent{background:var(--pe-accent);color:oklch(18% .05 148);border-color:var(--pe-accent);font-weight:600}.pe-btn-accent:hover:not(:disabled){background:oklch(58% .17 148);border-color:oklch(58% .17 148)}.pe-btn-ghost{background:transparent;border-color:transparent;color:var(--pe-ink-3)}.pe-btn-ghost:hover:not(:disabled){background:var(--pe-bg-sunken);color:var(--pe-ink);border-color:transparent}.pe-btn-danger{color:var(--pe-skip)}.pe-btn-danger:hover:not(:disabled){background:var(--pe-skip-soft);border-color:var(--pe-skip)}.pe-btn-sm{padding:5px 10px;font-size:12px}.pe-btn-lg{padding:10px 18px;font-size:14px}.pe-card{background:var(--pe-bg-raised)}.pe-card,.pe-card-flat{border:1px solid var(--pe-line);border-radius:var(--pe-r-lg)}.pe-card-flat{background:var(--pe-bg-subtle)}.pe-card-raised{background:var(--pe-bg-raised);border:1px solid var(--pe-line);border-radius:var(--pe-r-lg);box-shadow:var(--pe-shadow-1)}.pe-card-header{padding:14px 18px;border-bottom:1px solid var(--pe-line);display:flex;align-items:center;justify-content:space-between;gap:12px}.pe-card-body{padding:18px}.pe-input{width:100%;height:34px;padding:0 12px;background:var(--pe-bg-raised);border:1px solid var(--pe-line);border-radius:var(--pe-r-sm);font-size:13.5px;font-family:var(--pe-f-body);color:var(--pe-ink);outline:none;transition:border-color .12s ease,box-shadow .12s ease}.pe-input::-moz-placeholder{color:var(--pe-ink-4)}.pe-input::placeholder{color:var(--pe-ink-4)}.pe-input:focus{border-color:var(--pe-ink-3);box-shadow:0 0 0 3px oklch(50% .01 75/.08)}textarea.pe-input{height:auto;min-height:80px;padding:10px 12px;resize:vertical;line-height:1.5}select.pe-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--pe-ink-3) 50%),linear-gradient(135deg,var(--pe-ink-3) 50%,transparent 50%);background-position:calc(100% - 14px) 14px,calc(100% - 10px) 14px;background-size:4px 4px;background-repeat:no-repeat;padding-right:28px}.pe-label{display:block;font-size:12px;font-weight:500;color:var(--pe-ink-2);margin-bottom:6px}.pe-field{display:grid;gap:0}.pe-pill{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600;letter-spacing:.01em;font-family:var(--pe-f-body);border:1px solid transparent}.pe-pill-go{background:var(--pe-go-soft);color:var(--pe-accent-ink);border-color:oklch(82% .1 148)}.pe-pill-caution{background:var(--pe-caution-soft);color:oklch(40% .1 75);border-color:oklch(82% .09 75)}.pe-pill-skip{background:var(--pe-skip-soft);color:oklch(40% .12 25);border-color:oklch(82% .1 25)}.pe-pill-new{background:var(--pe-new-soft);color:oklch(40% .1 260);border-color:oklch(82% .08 260)}.pe-pill-neutral{background:var(--pe-bg-sunken);color:var(--pe-ink-2);border-color:var(--pe-line)}.pe-pill-solid-ink{background:var(--pe-ink);color:var(--pe-bg);border-color:var(--pe-ink)}.pe-dot{display:inline-block;width:6px;height:6px;border-radius:50%;flex-shrink:0}.pe-dot-go{background:var(--pe-go)}.pe-dot-caution{background:var(--pe-caution)}.pe-dot-skip{background:var(--pe-skip)}.pe-dot-new{background:var(--pe-new)}.pe-dot-neutral{background:var(--pe-ink-4)}.pe-kbd{padding:1px 5px;font-family:var(--pe-f-mono);font-size:10.5px;color:var(--pe-ink-3);border:1px solid var(--pe-line);border-radius:3px;box-shadow:0 1px 0 var(--pe-line-2)}.pe-chip,.pe-kbd{display:inline-flex;align-items:center;background:var(--pe-bg-raised)}.pe-chip{gap:5px;padding:4px 10px;font-size:12px;font-weight:500;color:var(--pe-ink-2);border:1px solid var(--pe-line);border-radius:14px;cursor:pointer;transition:all .12s ease;white-space:nowrap}.pe-chip:hover{border-color:var(--pe-line-2);color:var(--pe-ink)}.pe-chip[data-selected=true]{background:var(--pe-ink);color:var(--pe-bg);border-color:var(--pe-ink)}.pe-table{width:100%;border-collapse:collapse;font-size:13px}.pe-table thead th{padding:10px 14px;text-align:left;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--pe-ink-4);background:var(--pe-bg-subtle);position:sticky;top:0;z-index:1}.pe-table tbody td,.pe-table thead th{border-bottom:1px solid var(--pe-line)}.pe-table tbody td{padding:12px 14px;color:var(--pe-ink-2);vertical-align:middle}.pe-table tbody tr{cursor:pointer;transition:background .1s ease}.pe-table tbody tr:hover{background:var(--pe-bg-subtle)}.pe-table tbody tr[data-selected=true]{background:var(--pe-bg-sunken)}.pe-table tbody tr:last-child td{border-bottom:none}.pe-alert{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:var(--pe-r-md);font-size:13px;line-height:1.5;border:1px solid}.pe-alert-error{background:var(--pe-skip-soft);color:oklch(35% .12 25);border-color:oklch(82% .1 25)}.pe-alert-success{background:var(--pe-go-soft);color:var(--pe-accent-ink);border-color:oklch(82% .1 148)}.pe-alert-info{background:var(--pe-new-soft);color:oklch(35% .1 260);border-color:oklch(82% .08 260)}.pe-alert-warning{background:var(--pe-caution-soft);color:oklch(35% .1 75);border-color:oklch(82% .09 75)}.pe-mono{font-family:var(--pe-f-mono);font-variant-numeric:tabular-nums}.pe-divider{border:none;border-top:1px solid var(--pe-line);margin:16px 0}.pe-skeleton{animation:pe-pulse 1.5s ease-in-out infinite;background:var(--pe-bg-sunken);border-radius:var(--pe-r-sm)}@keyframes pe-pulse{0%,to{opacity:1}50%{opacity:.5}}.pe-app ::-webkit-scrollbar{width:8px;height:8px}.pe-app ::-webkit-scrollbar-track{background:transparent}.pe-app ::-webkit-scrollbar-thumb{background:var(--pe-line-2);border-radius:4px}.pe-app ::-webkit-scrollbar-thumb:hover{background:var(--pe-ink-4)}.pe-anim-fade-in{animation:pe-fade-in .2s ease-out}@media (max-width:900px){.pe-shell{grid-template-columns:1fr}.pe-sidebar{display:none}.pe-main{padding:16px}.pe-portfolio-grid{grid-template-columns:1fr!important}}@media (max-width:720px){.pe-portfolio-cta{grid-template-columns:1fr!important}.pe-gallery-outer{flex-direction:column!important;aspect-ratio:auto!important}.pe-gallery-outer>div:first-child{aspect-ratio:16/9!important}.pe-gallery-rail{width:100%!important;border-left:0!important;border-top:1px solid var(--pe-line)!important;flex-direction:row!important;overflow-x:auto!important}.pe-contact-row{grid-template-columns:1fr!important}}@keyframes pe-fade-in{0%{opacity:0}to{opacity:1}}@keyframes pe-modal-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}