body.work{--work-paper:#f5f4f0;--work-ink:#14120d;background:var(--work-paper);color:var(--work-ink);transition:background-color .9s var(--ease-out), color .9s var(--ease-out);overflow-x:hidden}body.work.night{color:var(--work-paper);background:#100e0a}body.work .wrap{max-width:1180px;margin:0 auto;padding:0 clamp(20px,4vw,56px)}body.work .lead{padding:22vh 0 10vh}body.work .lead .kick{letter-spacing:2px;text-transform:uppercase;opacity:.65;margin-bottom:18px;font-size:12px}body.work .lead h1{letter-spacing:-.03em;font-size:clamp(2.6rem,8vw,6rem);font-weight:300;line-height:.98}body.work .lead .sub{letter-spacing:1.5px;text-transform:uppercase;opacity:.65;margin-top:18px;font-size:13px}body.work figure{margin:0 0 clamp(56px,11vh,150px)}body.work figure .imgwrap{border-radius:var(--radius);background:#785a321f;overflow:hidden}body.work figure img{will-change:transform;width:100%;height:auto;display:block}body.work figcaption{opacity:.65;justify-content:space-between;gap:16px;margin-top:13px;font-size:12.5px;display:flex}body.work figcaption .n{letter-spacing:.3px}body.work .sectlabel{text-align:left;letter-spacing:3px;text-transform:uppercase;opacity:.65;margin:2vh 0 3vh;font-size:12px}body.work .thumbs{grid-template-columns:repeat(4,1fr);gap:clamp(10px,1.4vw,18px);max-width:860px;margin:0 0 clamp(64px,13vh,150px);display:grid}body.work .thumbs a{color:inherit;text-decoration:none}body.work .thumbs .ph{aspect-ratio:1;border-radius:var(--radius);background:#785a3224;overflow:hidden}body.work .thumbs .ph img{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease-out)}body.work .thumbs a:hover .ph img{transform:scale(1.06)}body.work .thumbs .cap{letter-spacing:.4px;opacity:.65;align-items:baseline;gap:6px;margin-top:9px;font-size:11px;display:flex}body.work .thumbs .cap b{opacity:.9;font-weight:500}@media (width<=620px){body.work .thumbs{grid-template-columns:repeat(2,1fr)}}body.work .detail{grid-template-columns:minmax(0,1.7fr) minmax(200px,.75fr);align-items:center;gap:clamp(22px,4vw,60px);margin-bottom:clamp(72px,15vh,190px);scroll-margin-top:96px;display:grid}body.work .detail .big{border-radius:var(--radius);background:#785a3224;overflow:hidden}body.work .detail .big img{will-change:transform;width:100%;height:auto;display:block}body.work .detail .desc .lbl{letter-spacing:2px;text-transform:uppercase;opacity:.65;font-size:11px}body.work .detail .desc h2{letter-spacing:-.01em;margin:10px 0 12px;font-size:clamp(1.4rem,2.4vw,2rem);font-weight:300}body.work .detail .desc .up{letter-spacing:1.5px;text-transform:uppercase;opacity:.65;border-bottom:1px solid;margin-top:22px;padding-bottom:2px;font-size:11px;transition:opacity .3s;display:inline-block}body.work .detail .desc .up:hover{opacity:.9}@media (width<=820px){body.work .detail{grid-template-columns:1fr;gap:16px}body.work .detail .desc{order:2}}body.work .info{border-top:1px solid;padding:9vh 0 5vh}body.work .info .tags{flex-wrap:wrap;gap:10px;margin-bottom:40px;display:flex}body.work .info .tag{letter-spacing:1px;text-transform:uppercase;opacity:.75;border:1px solid;border-radius:100px;padding:6px 14px;font-size:12px}body.work table{border-collapse:collapse;width:100%;max-width:660px}body.work th,body.work td{text-align:left;vertical-align:top;border-bottom:1px solid;padding:16px 0;font-weight:400}body.work th{letter-spacing:1.5px;text-transform:uppercase;opacity:.65;width:180px;font-size:12px}body.work td{font-size:15.5px}body.work .pager{border-top:1px solid;justify-content:space-between;align-items:flex-end;gap:24px;margin-top:5vh;padding:9vh 0 16vh;display:flex}body.work .pager a.step{transition:transform .4s var(--ease-out);flex-direction:column;gap:6px;max-width:45%;display:flex}body.work .pager .lbl{letter-spacing:1.5px;text-transform:uppercase;opacity:.65;font-size:11px}body.work .pager .ttl{letter-spacing:-.01em;font-size:clamp(1.1rem,2.4vw,1.7rem);font-weight:300}body.work .pager .next{text-align:right;margin-left:auto}body.work .pager .next:hover{transform:translate(6px)}body.work .pager .prev:hover{transform:translate(-6px)}body.work .rev{opacity:0;transform:translateY(34px)}@media (prefers-reduced-motion:reduce){body.work .rev{opacity:1!important;transform:none!important}}
