.tops{font-family:var(--font-mono);gap:14px;display:grid}.tops-cards{gap:14px;display:grid}.tp{border:2px solid var(--color-ink);box-shadow:3px 3px 0 var(--color-ink);color:var(--color-ink);background:#f7eed9;border-radius:8px;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.tp-img{aspect-ratio:16/10;border-bottom:2px solid var(--color-ink);background:var(--color-ink);max-width:100%;display:block}.tp-img img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.tp-img.tp-contain{background:var(--bg-base)}.tp-img.tp-contain img{-o-object-fit:contain;object-fit:contain}.tp-in{flex-direction:column;flex:1;gap:10px;padding:14px;display:flex}.tp-t{letter-spacing:.1em;text-transform:uppercase;font-size:16px;font-weight:700}.tp:hover .tp-t{color:var(--color-primary)}.tp-d{color:#6f6658;flex:1;font-size:12px;line-height:1.5}.pill-tags{flex-wrap:wrap;gap:6px;display:flex}.pill-tags span{letter-spacing:.08em;text-transform:uppercase;border:1.5px solid var(--color-ink);background:var(--color-sage,#b5c7a9);border-radius:999px;padding:3px 10px;font-size:9px;font-weight:700}.tp-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.tp-stats>span{border:2px solid var(--color-ink);text-align:center;background:var(--bg-base);border-radius:4px;gap:2px;padding:7px 4px;display:grid}.tp-stats b{font-size:14px}.tp-stats>span>span{letter-spacing:.1em;text-transform:uppercase;color:#6f6658;font-size:8.5px}.tp-dots{justify-content:center;align-items:center;gap:8px;display:flex}.tp-dots button{border:2px solid var(--color-ink);background:var(--bg-base);cursor:pointer;border-radius:999px;width:12px;height:12px;padding:0;transition:width .25s,background-color .25s}.tp-dots button[aria-current=true]{background:var(--color-ink);width:30px}@media (width<=767px){.tp[data-active=false]{display:none}}@media (width>=768px){.tops-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.tp-dots{display:none}}@media (prefers-reduced-motion:reduce){.tp-dots button{transition:none}}.wx{font-family:var(--font-mono);gap:12px;display:grid}.wx-h{letter-spacing:.16em;text-transform:uppercase;color:#6f6658;padding:0 16px 10px;font-size:9px;font-weight:700;display:block}.wx-where{letter-spacing:.12em;text-transform:uppercase;color:#6f6658;justify-content:space-between;gap:12px;margin:0;font-size:9.5px;font-weight:700;display:flex}.wx-where b{color:var(--color-ink)}.wx-pills{flex-wrap:wrap;gap:6px;display:flex}.wx-pills[hidden]{display:none}.wx-pills button{border:2px solid var(--color-ink);background:var(--bg-base);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink);cursor:pointer;border-radius:999px;padding:5px 11px;font-size:9.5px;font-weight:700}.wx-pills button[aria-pressed=true]{background:var(--color-ink);color:var(--bg-base)}.wx-subpills{border-left:2px solid var(--color-primary);padding-left:10px}.wx-subpills button{border-width:1.5px;padding:4px 10px;font-size:9px}.wx-subpills button[aria-pressed=true]{background:var(--color-primary);color:var(--color-ink)}.wx-side{display:none}.wx-row{width:100%;padding:8px 16px 8px calc(16px + var(--d,0) * 16px);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;text-align:left;color:var(--color-ink);cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;font-size:10px;font-weight:700;display:flex;border-radius:0!important}.wx-row[hidden]{display:none}.wx-row svg{flex:none;width:15px;height:15px}.wx-n{color:#8a8070;margin-left:auto;font-size:8.5px}.wx-row:hover{background:#f7eed9}.wx-row.on{box-shadow:inset 3px 0 0 var(--color-primary)}.wx-row[aria-current]{background:var(--color-primary);color:var(--bg-base);box-shadow:none}.wx-row[aria-current] .wx-n{color:var(--bg-base)}.wx-body{align-items:start;gap:12px;display:grid}.wx-mid{align-content:start;gap:4px;min-width:0;display:grid}.wx-grid{grid-template-columns:repeat(auto-fill,minmax(128px,1fr));align-content:start;justify-items:center;gap:22px 10px;margin:0;padding:14px 0 6px;list-style:none;display:grid}.wx-grid[hidden]{display:none}.wx-tile{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:0;text-decoration:none;display:block}.wx-tile:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}.wx-tile[aria-current] .card-pcb-hover{background-color:var(--color-signal)}.wx-tile[aria-current] .folder-icon,.wx-tile[aria-current] .folder-index{color:var(--bg-base)}.wx-empty{letter-spacing:.14em;text-transform:uppercase;color:#6f6658;grid-column:1/-1;padding:24px 0;font-size:10px;font-weight:700}.wx-panel{text-transform:none;background:#f7eed9}.wx-panel-head{justify-content:space-between;align-items:center;padding:0 0 12px;display:flex}.wx-panel-head span{letter-spacing:.16em;text-transform:uppercase;color:#6f6658;font-size:9px;font-weight:700}.wx-preview[hidden],.wx-scrim[hidden]{display:none}@media (width<=1099px){.wx-panel{z-index:70;overscroll-behavior:contain;border-top:1.5px solid var(--color-ink);max-height:80svh;padding:14px max(16px, env(safe-area-inset-right,0px)) calc(20px + env(safe-area-inset-bottom,0px)) max(16px, env(safe-area-inset-left,0px));visibility:hidden;transition:transform .3s cubic-bezier(.22,.8,.3,1),visibility 0s linear .3s;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(105%)}.wx-panel.open{visibility:visible;transition:transform .3s cubic-bezier(.22,.8,.3,1);transform:none}.wx-panel-head{border-bottom:2px solid var(--color-ink);z-index:1;background:#f7eed9;margin:-14px -16px 12px;padding:12px 16px;position:sticky;top:-14px}.wx-scrim{z-index:69;background:#2a2a2a59;position:fixed;inset:0}html.wx-locked{overflow:hidden}}@media (width<=767px){.wx-grid{overscroll-behavior:contain;border-top:2px solid var(--color-ink);border-bottom:2px solid var(--color-ink);scrollbar-width:thin;grid-template-columns:repeat(2,112px);justify-content:center;gap:14px 44px;height:336px;padding:12px 4px 16px;overflow-y:auto}}@media (prefers-reduced-motion:reduce){.wx-panel,.wx-panel.open{transition:none}}@media (width>=1100px){.wx-pills,.wx-subpills{display:none!important}.wx-body{border-top:2px solid var(--color-ink);border-bottom:2px solid var(--color-ink);grid-template-columns:230px minmax(0,1fr) 360px;align-items:stretch;gap:0;height:600px}.wx-side,.wx-mid,.wx-panel{overscroll-behavior:contain;scrollbar-width:thin;min-height:0;overflow-y:auto}.wx-side{border-right:2px solid var(--color-ink);padding:12px 0;display:block}.wx-mid{padding:12px 20px}.wx-panel{border-left:2px solid var(--color-ink);padding:12px 18px 18px}.wx-panel-head .icon-btn{display:none}}.hub{--mh-gap:18px;font-family:var(--font-mono);color:var(--color-ink);background:var(--bg-base);flex-direction:column;gap:44px;padding:28px 16px 56px;display:flex}.hub-head{gap:12px;display:grid}.hub-head h1{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink);margin:0;font-size:40px;font-weight:700;line-height:1}.hub-head p{color:#6f6658;max-width:60ch;margin:0;font-size:13px;line-height:1.6}#my-work{scroll-margin-top:72px}.hub-note{letter-spacing:.12em;color:#6f6658;margin:-6px 0 6px;font-size:10px}@media (width>=768px){.hub{gap:56px;padding:48px max(40px,50% - 660px) 72px}.hub-head h1{font-size:56px}.hub-head p{font-size:15px}}