@keyframes wfade{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.work-page{--work-pad:clamp(24px,4vw,64px);min-height:100vh;overflow-x:clip}.work-nav{height:96px;padding:0 var(--work-pad);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-55);align-items:center;gap:clamp(18px,3vw,32px);font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.work-nav>.mono-brand{color:var(--fg)}.work-nav>span{gap:clamp(16px,2.4vw,30px);margin-left:auto;display:flex}.work-nav a.active{color:var(--fg);border-bottom:1px solid var(--accent);padding-bottom:3px}.work-nav .theme-toggle{writing-mode:initial;border:1px solid var(--line);gap:9px;padding:8px 12px;position:static}.work-nav .theme-toggle i{background:var(--accent);border-radius:50%;width:7px;height:7px}.work-header{min-height:clamp(260px,42vh,440px);padding:clamp(64px,10vh,110px) var(--work-pad);border-bottom:1px solid var(--line);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.work-header>p{letter-spacing:.16em;text-transform:uppercase;color:var(--fg-42);margin:0 0 clamp(18px,3vh,28px);font:10px JetBrains Mono,monospace;animation:.7s cubic-bezier(.16,1,.3,1) both wfade}.work-header h1{letter-spacing:-.05em;margin:0;font-size:clamp(44px,6vw,82px);font-weight:500;line-height:.96;animation:.9s cubic-bezier(.16,1,.3,1) 80ms both wfade}.work-controls{z-index:40;background:var(--bg);padding:clamp(16px,2.4vh,22px) var(--work-pad);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:24px;display:flex;position:sticky;top:0}.work-filters,.work-view{align-items:baseline;gap:clamp(18px,2.6vw,34px);display:flex}.work-view{letter-spacing:.16em;text-transform:uppercase;gap:12px;font:11px JetBrains Mono,monospace}.work-view>span{color:var(--fg-34)}.work-controls button{appearance:none;cursor:pointer;letter-spacing:.16em;text-transform:uppercase;color:var(--fg);opacity:.45;background:0 0;border:0;border-bottom:1px solid #0000;align-items:baseline;gap:8px;padding:0 0 3px;font:11px JetBrains Mono,monospace;transition:border-color .4s,opacity .4s;display:flex}.work-controls button.is-active{opacity:1;border-bottom-color:var(--accent)}.work-filters button span+span{opacity:.45}.work-list{padding:clamp(30px,6vh,70px) var(--work-pad) clamp(110px,20vh,240px)}.work-row{border-bottom:1px solid var(--line);grid-template-columns:56px minmax(0,1.6fr) minmax(0,.9fr) 110px;align-items:baseline;gap:28px;padding:clamp(30px,4.4vw,58px) 4px;animation:.5s cubic-bezier(.16,1,.3,1) both wfade;display:grid}.work-row:hover{color:var(--accent)}.work-row>span{letter-spacing:.14em;color:var(--fg-34);font:11px JetBrains Mono,monospace}.work-row>span:nth-child(3){text-transform:uppercase;color:var(--fg-42)}.work-row>span:last-child{text-align:right}.work-row strong{letter-spacing:-.04em;text-wrap:balance;font-size:clamp(24px,3.4vw,46px);font-weight:500;line-height:1.05}.work-preview-box{aspect-ratio:4/3;pointer-events:none;opacity:0;z-index:70;background:var(--surface);border:1px solid var(--line);width:clamp(200px,22vw,320px);transition:opacity .35s;position:fixed;top:0;left:0;overflow:hidden}.work-preview-layer{opacity:0;transition:opacity .3s;position:absolute;inset:0}.work-preview-layer img{object-fit:cover;width:100%;height:100%}.work-preview-box[data-active=flowpress] [data-slug=flowpress],.work-preview-box[data-active=konektado] [data-slug=konektado],.work-preview-box[data-active=cjnet] [data-slug=cjnet],.work-preview-box[data-active=homelab] [data-slug=homelab],.work-preview-box[data-active=solesource] [data-slug=solesource],.work-preview-box[data-active=league-champion-explorer] [data-slug=league-champion-explorer],.work-preview-box[data-active=art2cart] [data-slug=art2cart],.work-preview-box[data-active=japan-tours] [data-slug=japan-tours],.work-preview-box[data-active=ps5-landing-page] [data-slug=ps5-landing-page]{opacity:1}.work-grid{padding:clamp(40px,7vh,80px) var(--work-pad) clamp(110px,20vh,240px);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:clamp(50px,9vw,130px) clamp(24px,3.4vw,60px);display:grid}.work-card{animation:.5s cubic-bezier(.16,1,.3,1) both wfade;display:block}.work-card:hover{color:var(--accent)}.work-cover{background:var(--surface);border:1px solid var(--line);overflow:hidden}.work-cover img{object-fit:cover;width:100%;height:100%}.work-card>div+div{justify-content:space-between;align-items:baseline;gap:16px;margin-top:22px;display:flex}.work-card strong{letter-spacing:-.03em;font-size:clamp(19px,1.9vw,25px);font-weight:500}.work-card span{letter-spacing:.16em;color:var(--fg-34);white-space:nowrap;font:10px JetBrains Mono,monospace}.work-card p{letter-spacing:.16em;text-transform:uppercase;color:var(--fg-42);margin:12px 0 0;font:10px JetBrains Mono,monospace}.work-footer{padding:clamp(34px,5vh,48px) var(--work-pad) clamp(60px,10vh,110px);border-top:1px solid var(--line);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-42);flex-wrap:wrap;justify-content:space-between;gap:30px;font:11px JetBrains Mono,monospace;display:flex}.work-footer button{color:var(--fg);font:inherit;letter-spacing:inherit;text-transform:inherit;opacity:.55;cursor:pointer;background:0 0;border:0;padding:0}.work-footer button:hover{opacity:1}.palette-overlay{z-index:120;background:#0000008c;justify-content:center;padding:clamp(60px,14vh,150px) clamp(16px,4vw,40px) 40px;animation:.22s both wfade;display:flex;position:fixed;inset:0}.palette{background:var(--bg);border:1px solid var(--line);flex-direction:column;width:100%;max-width:620px;height:max-content;max-height:70vh;display:flex}.palette-search{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:20px 22px;display:flex}.palette-search>span{letter-spacing:.16em;text-transform:uppercase;color:var(--fg-34);font:10px JetBrains Mono,monospace}.palette-search>span:first-child{color:var(--accent);font-size:11px}.palette-search input{min-width:0;color:var(--fg);background:0 0;border:0;outline:0;flex:1;font:17px Space Grotesk,sans-serif}.palette-results{padding:8px 0;overflow:auto}.palette-results button{text-align:left;width:100%;color:var(--fg);opacity:.5;cursor:pointer;background:0 0;border:0;justify-content:space-between;gap:18px;padding:13px 22px;display:flex;position:relative}.palette-results button.is-active{opacity:1}.palette-results button i{background:var(--accent);opacity:0;width:2px;position:absolute;top:8px;bottom:8px;left:0}.palette-results button.is-active i{opacity:1}.palette-results button>span:first-of-type{font-size:16px}.palette-results button>span:last-child{letter-spacing:.16em;text-transform:uppercase;color:var(--fg-42);font:10px JetBrains Mono,monospace}.palette-help{border-top:1px solid var(--line);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-34);flex-wrap:wrap;gap:22px;padding:14px 22px;font:10px JetBrains Mono,monospace;display:flex}@media (width<=900px){.work-nav>.mono-brand span{display:none}.work-controls{flex-direction:column;align-items:flex-start;gap:16px}.work-row{grid-template-columns:34px minmax(0,1fr);gap:6px 14px}.work-row>span:nth-child(3),.work-row>span:nth-child(4){text-align:left;grid-column:2}.work-card{grid-column:1/-1!important;margin-top:0!important}}@media (pointer:coarse){.work-preview-box{display:none}}@media (width<=620px){.work-nav,.work-nav>span{gap:14px}.work-nav>span a:first-child,.work-nav>span a:nth-child(3){display:none}.work-footer{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.work-header>*,.work-row,.work-card,.palette-overlay{animation-duration:.001ms!important}.work-preview-box{display:none}}