.work-page header.site{padding-block:24px}
.work-page .wrap{max-width:1240px}
.work-intro,.project-intro{padding-top:96px;padding-bottom:72px}
.work-intro .eyebrow,.project-intro .eyebrow{color:var(--accent-ink)}
.work-intro h1,.project-intro h1{font-size:clamp(44px,6vw,76px);line-height:1.04;letter-spacing:-.055em;max-width:920px}
.work-intro .lede,.project-intro .lede{max-width:52ch;font-size:18px;color:var(--ink-muted)}
.work-index{padding-bottom:96px}
.work-row{display:grid;grid-template-columns:38px 112px minmax(260px,1fr) 180px 28px;gap:24px;align-items:center;padding:22px 0;border-top:1px solid var(--rule);color:inherit;text-decoration:none}
.work-row:last-child{border-bottom:1px solid var(--rule)}
.work-row:hover{text-decoration:none}
.work-row:hover .row-main strong,.work-row:hover .row-arrow{color:var(--accent-ink)}
.row-number{font-size:10px;color:var(--ink-faint)}
.row-image{display:block;height:76px;border-radius:8px;overflow:hidden;background:#1b1235}
.row-image img{width:100%;height:100%;object-fit:cover;transition:transform .2s ease;image-rendering:pixelated}
.datum-row-image{background:var(--surface-sunken);padding:10px}
.datum-row-image img{object-fit:contain;border-radius:10px;image-rendering:auto}
.work-row:hover .row-image img{transform:scale(1.04)}
.row-main{display:grid;gap:5px}
.row-main strong{font-size:24px;letter-spacing:-.035em;color:var(--ink);transition:color .2s ease}
.row-main>span{font-size:13px;color:var(--ink-muted)}
.row-meta{display:grid;gap:5px;font-size:11px;color:var(--ink-faint)}
.row-arrow{font-size:20px;color:var(--ink);transition:color .2s ease}
.back-link{display:inline-block;margin-bottom:48px;font-size:13px;text-decoration:none}
.project-intro .lede{font-size:21px;line-height:1.6}
.project-image{padding-bottom:80px}
.project-image img{display:block;width:100%;max-height:720px;object-fit:cover;object-position:center 42%;border-radius:var(--radius-lg);image-rendering:pixelated;background:#1b1235}
.project-summary{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-top:72px;padding-bottom:96px;border-top:1px solid var(--rule)}
.project-summary h2{font-size:clamp(32px,4vw,48px);line-height:1.1;letter-spacing:-.045em}
.project-summary>div:last-child{padding-top:34px;max-width:58ch}
.project-summary p{font-size:16px;line-height:1.8}
.status-note{border-left:3px solid var(--accent);padding:16px 20px;background:var(--surface-raised);font-size:13px!important}
.work-page footer.site{padding-block:40px 48px}
.work-page footer.site .wrap{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.work-page footer.site nav{align-content:start;font-size:12px;gap:18px;margin:0}
.work-page .legal{font-size:11px;gap:8px 24px}
@media(max-width:700px){.work-page header.site{padding-block:16px}.work-intro,.project-intro{padding-top:56px;padding-bottom:48px}.work-intro h1,.project-intro h1{font-size:44px}.work-intro .lede,.project-intro .lede{font-size:16px}.work-index{padding-bottom:64px}.work-row{grid-template-columns:26px 72px 1fr 20px;gap:14px;padding:18px 0}.row-image{height:60px}.row-main strong{font-size:19px}.row-main>span{font-size:12px;line-height:1.45}.row-meta{grid-column:3;display:flex;gap:14px}.row-arrow{grid-column:4;grid-row:1 / span 2}.back-link{margin-bottom:34px}.project-image{padding-inline:0;padding-bottom:56px}.project-image img{height:auto;min-height:0;object-fit:contain;border-radius:0}.project-summary{grid-template-columns:1fr;gap:22px;padding-top:52px;padding-bottom:64px}.project-summary>div:last-child{padding-top:0}.work-page footer.site .wrap{grid-template-columns:1fr;gap:28px}.work-page .legal{grid-template-columns:1fr}}