.case-feature{border-top:1px solid var(--line)}.case-feature__intro{align-items:end;gap:var(--space-12);margin-bottom:var(--space-8);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);display:grid}.case-feature__intro h2{max-width:22ch}.case-feature__intro>p{color:var(--muted);font-size:var(--text-body)}.case-feature__showcase{padding:var(--space-8);border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface-warm)}.case-feature__tools{align-items:center;gap:var(--space-8);margin-bottom:var(--space-8);grid-template-columns:minmax(0,1fr) auto;display:grid}.case-feature__tools h3{font-size:20px}.case-feature__tools p{max-width:50ch;margin-top:var(--space-3);color:var(--muted);font-size:15px}.workflow-tools{align-items:start;gap:var(--space-6);grid-template-columns:repeat(5,minmax(0,1fr));width:520px;max-width:100%;margin:0;padding:0;list-style:none;display:grid}.workflow-tools li{text-align:center;align-items:center;gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.workflow-tools img{object-fit:contain;flex:0 0 40px;width:40px;height:40px;display:block}.workflow-tools__name{color:var(--heading);font-size:14px;font-weight:600;line-height:1.5;display:block}.workflow-tools__role{color:var(--muted);font-size:14px;line-height:1.5;display:block}.workflow-figure{width:100%;max-width:720px;margin:0 auto}.workflow-figure__frame{border:1px solid var(--line);border-radius:var(--radius-button);background:var(--surface);display:block;position:relative;overflow:hidden}.workflow-figure img{width:100%;height:auto;display:block}.case-feature__highlights{gap:var(--space-8);margin:var(--space-8) 0;grid-template-columns:repeat(3,minmax(0,1fr));padding:0;list-style:none;display:grid}.case-feature__highlights li{padding-top:var(--space-6);border-top:1px solid var(--line)}.case-feature__highlights h3{font-size:20px}.case-feature__highlights p{margin-top:var(--space-3);color:var(--muted);font-size:16px}.case-feature__footer{justify-content:space-between;align-items:center;gap:var(--space-6);flex-wrap:wrap;display:flex}.case-feature__footer p{max-width:48ch;color:var(--muted);font-size:14px}.case-intro .workflow-tools,.case-image-section .workflow-figure{margin-top:var(--space-8)}@media (width<=1100px){.case-feature__tools{gap:var(--space-6);grid-template-columns:minmax(0,1fr)}}@media (width<=800px){.case-feature__intro{gap:var(--space-6);grid-template-columns:minmax(0,1fr)}.case-feature__showcase{padding:var(--space-6)}}@media (width<=600px){.case-feature__showcase{padding:var(--space-4)}.workflow-tools{gap:var(--space-6) var(--space-4);grid-template-columns:repeat(6,minmax(0,1fr));width:100%}.workflow-tools li{grid-column:span 2}.workflow-tools li:nth-last-child(-n+2){grid-column:span 3}.workflow-tools li{gap:var(--space-2)}.workflow-tools img{flex-basis:36px;width:36px;height:36px}.workflow-tools__name,.workflow-tools__role{font-size:14px}.case-feature__highlights{gap:var(--space-6);grid-template-columns:minmax(0,1fr)}.case-feature__footer{align-items:flex-start;gap:var(--space-4);flex-direction:column}}
