@media screen{
  .page-intro>p:not(.eyebrow){max-width:68ch;font-size:18px;line-height:1.65}
  .project-entry-copy p{font-size:16px;line-height:1.7}
  .project-entry-copy h2{font-size:clamp(28px,3vw,38px);line-height:1.18}
  .project-entry-copy .work-kicker{font-size:12px;letter-spacing:.06em;color:#bac6ce}
  .tag-list span{font-size:12px}
  .workflow-case-art{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:12px;padding:30px;text-align:left;background:linear-gradient(145deg,#12241f,#0d171b 72%)}
  .workflow-case-label{margin:0 0 7px;font-size:14px;line-height:1.5;color:#d0dbe0}
  .workflow-case-inputs{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .workflow-case-inputs>div,.workflow-case-output{padding:12px 14px;border:1px solid #35494c;border-radius:4px;background:#0c1518}
  .workflow-case-inputs span,.workflow-case-output span{display:block;color:#aebbc3;font-size:12px;line-height:1.4}
  .workflow-case-inputs strong,.workflow-case-output strong{display:block;margin-top:3px;color:#edf3f5;font-size:18px;font-weight:600}
  .workflow-case-arrow{margin:0;text-align:center;color:#a0ffda;font-size:20px!important;line-height:1.2!important}
  .workflow-case-steps{display:grid;gap:8px;margin:0;padding:0;list-style:none;counter-reset:workflow-case}
  .workflow-case-steps li{counter-increment:workflow-case;padding:10px 12px;border:1px solid #2d3d43;border-radius:4px;background:#101b20;color:#d6e0e4;font-size:14px;line-height:1.45}
  .workflow-case-steps li:before{content:counter(workflow-case,decimal-leading-zero);display:inline-block;width:32px;color:#a0ffda;font:11px Consolas,monospace}
  .workflow-case-output{border-color:#476454}
  .workflow-case-output strong{color:#a0ffda}
}
@media(max-width:580px){.workflow-case-art{padding:22px}}