.page-work .head{text-align:center;padding:80px 0 24px}.page-work .head .kicker{justify-content:center}.page-work .head h1{font-family:var(--font-display);letter-spacing:-.03em;margin:18px 0 0;font-size:clamp(46px,6.4vw,86px);font-weight:300;line-height:.96}.page-work .head .lead{max-width:50ch;margin:24px auto 0}.page-work .status{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;font-size:11.5px;display:inline-flex}.page-work .status:before{content:"";border-radius:50%;width:7px;height:7px}.page-work .status.live{color:var(--green)}.page-work .status.live:before{background:var(--green);box-shadow:0 0 8px var(--green),0 0 0 0 #5fd3a08c;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse-green}@keyframes pulse-green{0%{box-shadow:0 0 8px var(--green),0 0 0 0 #5fd3a08c}70%{box-shadow:0 0 8px var(--green),0 0 0 10px #5fd3a000}to{box-shadow:0 0 8px var(--green),0 0 0 0 #5fd3a000}}@media (prefers-reduced-motion:reduce){.page-work .status.live:before{animation:none}}.page-work .status.wip{color:var(--amber)}.page-work .status.wip:before{display:none}.page-work .status.wip .wip-sign{background:var(--amber);flex:none;width:16px;height:16px;display:block;-webkit-mask:url(/under-construction.svg) 50%/contain no-repeat;mask:url(/under-construction.svg) 50%/contain no-repeat}.page-work .status.on{color:var(--accent-bright)}.page-work .status.on:before{background:var(--accent-bright)}.page-work .status.tbd{color:var(--faint)}.page-work .status.tbd:before{background:var(--faint)}.page-work .spread{grid-template-columns:1fr 1fr;align-items:center;gap:56px;padding:70px 0;display:grid}.page-work .spread+.spread{border-top:1px solid var(--line)}.page-work .spread__art-link{display:contents}.page-work .spread__art{border-radius:var(--radius);aspect-ratio:4/3;border:1px solid var(--line);transition:border-color .2s;position:relative;overflow:hidden}.page-work .spread__art-link{cursor:pointer}.page-work .spread__art-link:hover .spread__art{border-color:var(--accent)}.page-work .spread:nth-child(2n) .spread__art{order:2}.page-work .spread:nth-child(2n) .spread__body{order:1}.page-work .art-shot{aspect-ratio:16/9;background:#0a0a0f}.page-work .art-shot img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.page-work .art-cpcv{background:radial-gradient(90% 120% at 30% 8%,#405daa38,#0000 55%),linear-gradient(160deg,#1b1d2b,#0e0f17)}.page-work .art-cpcv .tick{font-family:var(--font-mono);letter-spacing:.1em;color:var(--accent-bright);font-size:10px;position:absolute}.page-work .art-cpcv .hist{border-bottom:1px solid var(--line-strong);align-items:flex-end;gap:7px;height:46%;display:flex;position:absolute;bottom:24%;left:9%;right:9%}.page-work .art-cpcv .hist span{background:linear-gradient(to top,#7ca0ff24,var(--accent));border-radius:3px 3px 0 0;flex:1}.page-work .cap{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--faint);z-index:2;font-size:10.5px;position:absolute;bottom:14px;left:18px}.page-work .spread__body .no{font-family:var(--font-mono);color:var(--accent-bright);letter-spacing:.14em;font-size:13px}.page-work .spread__body h2{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:pretty;margin:16px 0 18px;font-size:clamp(30px,3.4vw,42px);font-weight:400;line-height:1.08;transition:color .18s}.page-work .spread__title-link{color:inherit;text-decoration:none}.page-work .spread__title-link:hover h2{color:var(--accent-bright)}.page-work .spread__body p{color:var(--muted);margin:0 0 24px;font-size:17px;line-height:1.66}.page-work .spread__meta{flex-wrap:wrap;gap:10px;margin-bottom:28px;display:flex}.page-work .spread__body .row{align-items:center;gap:16px;margin-bottom:22px;display:flex}.page-work .spread__body .cta{font-family:var(--font-sans);color:var(--text);border-bottom:1px solid var(--accent);align-items:center;gap:10px;padding-bottom:5px;font-size:15px;font-weight:600;transition:gap .2s,color .2s;display:inline-flex}.page-work .spread__body .cta:hover{color:var(--accent-bright);gap:16px}.page-work .more-label{align-items:center;gap:18px;margin:8px 0 0;display:flex}.page-work .more-label span{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--faint);white-space:nowrap;font-size:11px}.page-work .more-label:after{content:"";background:var(--line);flex:1;height:1px}.page-work .ledger-h{border-bottom:1px solid var(--line-strong);grid-template-columns:54px 1fr 240px 150px;gap:30px;margin-top:30px;padding:0 8px 16px;display:grid}.page-work .ledger-h span{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--faint);font-size:10.5px}.page-work .ledger-h .r{text-align:right}.page-work .entry{border-bottom:1px solid var(--line);grid-template-columns:54px 1fr 240px 150px;align-items:center;gap:30px;padding:34px 8px;text-decoration:none;transition:background .2s;display:grid}.page-work .entry:hover{background:var(--bg-2)}.page-work .entry.entry--static{cursor:default}.page-work .entry.entry--static:hover{background:0 0}.page-work .entry.entry--static:hover .no{color:var(--faint)}.page-work .entry.entry--static:hover .ttl h3{color:var(--text)}.page-work .entry .no{font-family:var(--font-mono);color:var(--faint);letter-spacing:.04em;align-self:start;padding-top:6px;font-size:14px}.page-work .entry:hover .no{color:var(--accent-bright)}.page-work .entry .ttl h3{font-family:var(--font-display);letter-spacing:-.015em;color:var(--text);text-wrap:pretty;margin:0;font-size:30px;font-weight:400;line-height:1.1;transition:color .18s}.page-work .entry:hover .ttl h3{color:var(--accent-bright)}.page-work .entry .ttl p{color:var(--muted);max-width:54ch;margin:9px 0 0;font-size:15px;line-height:1.55}.page-work .entry .stk{flex-wrap:wrap;align-content:start;gap:7px;display:flex}.page-work .entry .st{flex-direction:column;align-items:flex-end;gap:9px;display:flex}.page-work .entry .yr{font-family:var(--font-mono);color:var(--faint);font-size:12.5px}@media (max-width:820px){.page-work .spread{grid-template-columns:1fr;gap:28px;padding:48px 0}.page-work .spread:nth-child(2n) .spread__art,.page-work .spread:nth-child(2n) .spread__body{order:0}.page-work .ledger-h{display:none}.page-work .entry{grid-template-columns:40px 1fr;gap:18px}.page-work .entry .stk,.page-work .entry .st{grid-column:2;align-items:flex-start}.page-work .entry .st{flex-direction:row;justify-content:space-between;width:100%;margin-top:6px}}
