/* Work page (/work/). Same language as the home page: plain grotesk, dotted dividers, picture blocks. */
.wk-wrap{max-width:1160px;margin:0 auto}
.wk-band{padding:clamp(2.5rem,6vw,5rem) 1.25rem clamp(3rem,7vw,6rem);background:var(--t-page)}

.wk-proj{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(1.5rem,5vw,4rem);align-items:center;padding:clamp(2.5rem,6vw,4.5rem) 0;border-top:1px dotted color-mix(in srgb,var(--fg) 35%,transparent)}
.wk-proj.is-flip{grid-template-columns:minmax(0,7fr) minmax(0,4fr)}
.wk-proj.is-flip .wk-copy{order:2}
.wk-meta{margin:0 0 .6rem;font:500 1rem/1.3 var(--disp);color:var(--muted)}
.wk-n{font-family:var(--mono);margin-right:.6rem}
.wk-copy h2{margin:0;font:700 clamp(2.4rem,5vw,4rem)/1.02 var(--disp);letter-spacing:-.04em}
.wk-line{margin:1rem 0 0;font:500 clamp(1.15rem,1.8vw,1.4rem)/1.35 var(--disp);letter-spacing:-.012em}
.wk-spec{display:flex;flex-wrap:wrap;gap:1rem 2.2rem;margin:1.4rem 0 0}
.wk-spec div{display:flex;flex-direction:column;gap:.15rem}
.wk-spec dt{font:500 .95rem/1.2 var(--disp);color:var(--muted)}
.wk-spec dd{margin:0;font:600 1.1rem/1.2 var(--disp)}
.wk-facts{margin:1.2rem 0 0;padding:0;list-style:none}
.wk-facts li{padding:.5rem 0;border-top:1px dotted color-mix(in srgb,var(--fg) 28%,transparent);font:400 1rem/1.45 var(--disp)}
.wk-link{margin:.85rem 0 0;font:600 1.05rem/1.3 var(--disp)}
.wk-link a{display:inline-flex;align-items:center;min-height:44px;color:var(--t-link)}
.wk-link a:hover{text-decoration:underline;text-underline-offset:3px}

.wk-media{min-width:0}
.wk-media figure{margin:0}
.wk-media figcaption{margin-top:.8rem;font:400 .95rem/1.45 var(--disp);color:var(--muted)}
.wk-media figcaption a{color:var(--t-link);text-decoration:underline;text-underline-offset:3px}
.wk-media img{display:block;width:100%;height:auto;border-radius:0}
.wk-proj{min-height:clamp(24rem,40vw,34rem)}

.wk-logo,.wk-cosmo{display:flex;flex-direction:column;border-radius:0}
.wk-emblem-stage{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:clamp(17rem,32vw,25rem);
  padding:clamp(1.6rem,4vw,2.75rem) clamp(1rem,3vw,2.5rem);
  border-radius:0;
  border:1px solid color-mix(in srgb,var(--fg) 12%,transparent);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
}
.wk-logo .wk-emblem-stage{background:radial-gradient(circle at 50% 42%,#192229,#0c0e14 72%)}
.wk-cosmo .wk-emblem-stage{background:radial-gradient(circle at 50% 45%,#1a2030,#0c0e14 72%)}
.wk-emblem-stage img{
  width:clamp(11.5rem,23vw,15.5rem);
  border-radius:0;
  -webkit-mask-image:radial-gradient(closest-side,#000 72%,transparent 98%);
  mask-image:radial-gradient(closest-side,#000 72%,transparent 98%);
}
.wk-cosmo .wk-emblem-stage img{width:clamp(12.5rem,25vw,17rem)}
.wk-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin:clamp(1.1rem,2.4vw,1.6rem) 0 0;padding:0}
.wk-chips span{padding:.36rem .78rem;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.04);font:500 .88rem/1.2 var(--mono);color:#cfd6e4}

.wk-arts{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
.wk-arts div{position:relative;overflow:hidden;border-radius:0;border:1px solid color-mix(in srgb,var(--fg) 12%,transparent)}
.wk-arts img{border-radius:0;aspect-ratio:10/3;object-fit:cover}
.wk-arts span{position:absolute;left:.7rem;bottom:.5rem;font:600 .95rem/1.2 var(--disp);color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.85)}
.wk-arts figcaption{grid-column:1/-1;margin-top:.3rem}

@media (max-width:820px){
  .wk-proj,.wk-proj.is-flip{grid-template-columns:minmax(0,1fr)}
  .wk-proj.is-flip .wk-copy{order:0}
}

/* Dark terminal-style top, always dark like the home hero */
.wk-top{background:#08090d;color:#f2f4f8;padding:clamp(3.5rem,9vw,7rem) 1.25rem clamp(2.5rem,6vw,4.5rem);position:relative;overflow:hidden}
.wk-top::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 0,rgba(46,230,184,.12),transparent 55%),repeating-linear-gradient(0deg,rgba(255,255,255,.03) 0 1px,transparent 1px 3px);pointer-events:none}
.wk-top-in{position:relative;max-width:1160px;margin:0 auto}
.wk-prompt{margin:0 0 1rem;font:500 1.05rem/1.2 var(--mono);color:#9aa3b2}
.wk-prompt span{color:#2ee6b8;margin-right:.5rem}
.wk-top h1{margin:0;font:700 clamp(3.2rem,9vw,7rem)/1 var(--disp);letter-spacing:-.045em}
.wk-sub{margin:1.1rem 0 0;font:500 clamp(1.15rem,2vw,1.5rem)/1.35 var(--disp);color:#c4cad6}
.wk-jump{list-style:none;margin:2rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.6rem}
.wk-jump a{display:inline-flex;align-items:center;min-height:44px;padding:0 1rem;border:1px solid rgba(255,255,255,.2);border-radius:999px;font:500 1rem/1 var(--mono);color:#f2f4f8;text-decoration:none;transition:border-color .2s,color .2s}
.wk-jump a:hover{border-color:#2ee6b8;color:#2ee6b8;text-decoration:none}
.wk-jump a:focus-visible{outline:2px solid #2ee6b8;outline-offset:2px}

.wk-projects{padding-top:clamp(1rem,3vw,2rem)}
.wk-proj,.wk-hero{scroll-margin-top:70px}

/* Compact end blocks */
.wk-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.wk-card{display:flex;flex-direction:column;overflow:hidden;border-radius:0;background:var(--t-page);border:1px solid color-mix(in srgb,var(--fg) 12%,transparent)}
.wk-duo{margin-top:clamp(1rem,3vw,2rem);padding-top:clamp(2.5rem,6vw,4.5rem);border-top:1px dotted color-mix(in srgb,var(--fg) 35%,transparent)}
.wk-card{background:var(--t-soft);scroll-margin-top:80px}
.wk-card-pic img{display:block;width:100%;aspect-ratio:21/9;object-fit:cover}
.wk-card-note{margin:.9rem 0 0;font:400 1rem/1.5 var(--disp);color:var(--muted)}
.wk-card-body{flex:1;display:flex;flex-direction:column;padding:clamp(1.6rem,3.2vw,2.4rem)}
.wk-card-body .wk-link{margin-top:auto;padding-top:1.5rem}
.wk-card h2{margin:0;font:700 clamp(1.9rem,3.6vw,2.8rem)/1.05 var(--disp);letter-spacing:-.035em}
body.sc-tools .foot{margin-top:0}
@media (max-width:820px){.wk-duo{grid-template-columns:minmax(0,1fr)}}

/* Tools and scripts — Clean-Room Disassembly architectural card grid */
.wk-tools{
  border-top:1px dotted color-mix(in srgb,var(--fg) 35%,transparent);
  padding-top:clamp(2.5rem,6vw,4.5rem);
  scroll-margin-top:70px;
}
.wk-tools-head{
  margin:0 0 clamp(1.85rem,3.6vw,2.75rem);
}
.wk-tools-h{
  margin:0;
  font:700 clamp(2.1rem,4.6vw,3.4rem)/1.04 var(--disp);
  letter-spacing:-.038em;
  text-wrap:balance;
}
.wk-tools-sub{
  margin:.75rem 0 0;
  max-width:46ch;
  font:400 clamp(1.05rem,1.45vw,1.22rem)/1.45 var(--disp);
  color:var(--muted);
}
.wk-tgrid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
.wk-tcard{
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:clamp(1.45rem,2.6vw,2rem);
  border-radius:0;
  background:var(--t-soft);
  border:1px solid color-mix(in srgb,var(--fg) 12%,transparent);
  box-shadow:var(--t-spec,inset 0 1px 0 rgba(255,255,255,.08));
  color:var(--fg);
  text-decoration:none;
  transition:border-color .2s,background .2s,transform .2s;
}
.wk-tcard:hover{
  border-color:color-mix(in srgb,var(--t-link) 55%,var(--fg));
  background:color-mix(in srgb,var(--t-soft) 88%,var(--fg));
  transform:translateY(-2px);
  text-decoration:none;
}
.wk-tcard:focus-visible{
  outline:2px solid var(--t-link);
  outline-offset:3px;
}
.wk-tcard-top{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:.4rem .75rem;
  margin-bottom:1.05rem;
}
.wk-tidx{
  font:500 .86rem/1.2 var(--mono);
  color:var(--muted);
}
.wk-tidx span{
  color:var(--t-link);
  font-weight:600;
  margin-right:.45rem;
}
.wk-stat{
  display:inline-flex;
  align-items:center;
  gap:.32rem;
  font:500 .82rem/1.2 var(--mono);
  color:var(--fg);
  white-space:nowrap;
}
.wk-stat svg{
  flex:none;
  color:#e0a800;
}
.wk-stat b{
  font-weight:600;
}
.wk-stat i{
  font-style:normal;
  font-weight:400;
  color:var(--muted);
  margin-left:.2rem;
}
.wk-stat i::before{
  content:"· ";
}
.wk-sr{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
}
.wk-tcard h3{
  margin:0;
  font:700 clamp(1.55rem,2.6vw,2.1rem)/1.1 var(--disp);
  letter-spacing:-.03em;
  overflow-wrap:anywhere;
}
.wk-tsum{
  margin:.65rem 0 0;
  font:400 1rem/1.5 var(--disp);
  color:var(--muted);
}
.wk-tspec{
  margin:1.25rem 0 0;
  display:flex;
  flex-direction:column;
}
.wk-tspec div{
  display:grid;
  grid-template-columns:5.2rem minmax(0,1fr);
  gap:.65rem;
  align-items:baseline;
  padding:.58rem 0;
  border-top:1px dotted color-mix(in srgb,var(--fg) 22%,transparent);
  min-width:0;
}
.wk-tspec div:last-child{
  border-bottom:1px dotted color-mix(in srgb,var(--fg) 22%,transparent);
}
.wk-tspec dt{
  font:500 .76rem/1.3 var(--mono);
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--muted);
}
.wk-tspec dd{
  margin:0;
  min-width:0;
  font:400 .93rem/1.42 var(--disp);
  color:var(--fg);
  overflow-wrap:anywhere;
}
.wk-tspec dd.is-mono{
  font:400 .84rem/1.45 var(--mono);
}
.wk-tcard-act{
  margin-top:auto;
  padding-top:1.3rem;
  display:inline-flex;
  align-items:center;
  gap:.38rem;
  font:600 .96rem/1.2 var(--disp);
  color:var(--t-link);
}
.wk-tcard-act i{
  font-style:normal;
  font-family:var(--mono);
  transition:transform .2s;
}
.wk-tcard:hover .wk-tcard-act i{
  transform:translateX(3px);
}

@media (max-width:960px){
  .wk-tgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:680px){
  .wk-tgrid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:380px){
  .wk-tspec div{grid-template-columns:minmax(0,1fr);gap:.18rem}
}
@media (prefers-reduced-motion:reduce){
  .wk-tcard,.wk-tcard-act i,.wk-jump a{transition:none;transform:none}
}


/* Published research: the first band, same cards as the tools grid */
.wk-research{border-top:0}
.wk-research-all{margin-top:1.5rem;font-size:1.15rem}
.wk-research-all a::after{content:" \2192"}

/* Product screenshots and usage numbers */
.wk-shot img{border:1px solid color-mix(in srgb,var(--fg) 14%,transparent);box-shadow:0 20px 48px -24px rgba(0,0,0,.6)}
.wk-shot-duo{display:grid;gap:10px}
.wk-shot-duo figcaption{margin-top:.3rem}
.wk-copy h2 .wk-mark{display:inline-block;width:.95em;height:.95em;margin-right:.3em;vertical-align:-.12em;border-radius:22%}
.wk-stats{list-style:none;margin:1.5rem 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1.5rem}
.wk-stats li{padding:.9rem 0 1.1rem;border-top:1px dotted color-mix(in srgb,var(--fg) 28%,transparent)}
.wk-stats li:last-child:nth-child(odd){grid-column:1/-1}
.wk-stats b{display:block;font:700 clamp(1.7rem,3vw,2.4rem)/1.05 var(--disp);letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.wk-stats span{display:block;margin-top:.35rem;font:400 1rem/1.4 var(--disp);color:var(--muted)}