/* Workspace evidence: shared portfolio colours, plain frames, readable images. */
.product.workspace{scroll-margin-top:90px}
.workspace-hero{margin:0 auto;max-width:430px;width:100%;border:1px solid var(--line);background:#101816;border-radius:12px;overflow:hidden}
.workspace-shot-heading{display:flex;justify-content:space-between;gap:16px;padding:17px 20px;font:700 10px/1.4 monospace;letter-spacing:.07em;color:#afb6b1;border-bottom:1px solid var(--line)}
.workspace-shot-heading b{color:var(--lime);font:inherit}
.workspace-hero img{display:block;width:100%;height:auto}
.workspace-hero figcaption{padding:19px 20px;font-size:14px;color:#c1c8c2;border-top:1px solid var(--line)}
.workspace-hero figcaption a{display:inline-block;margin-top:10px;color:var(--lime);font-size:13px;font-weight:700}
.workspace-proof{background:#101816;padding:28px 24px 66px;border-radius:12px;display:grid;grid-template-columns:1.18fr .82fr;gap:18px;align-items:center;min-height:0}
.workspace-proof figure{min-width:0;margin:0}
.workspace-proof img{display:block;width:100%;height:auto;border:1px solid #34433b;border-radius:7px}
.workspace-proof figcaption{font-size:11px;color:#b0bab3;margin-top:12px}
.workspace-proof-note{position:absolute;bottom:15px;left:24px;right:24px;margin:0;font:700 9px/1.5 monospace;letter-spacing:.05em;color:#8b9a90}
.cases-workspace{display:grid;grid-template-columns:.65fr 1.35fr;gap:65px;padding:40px;border:1px solid var(--line);background:#111418;align-items:center}
.cases-workspace-image{display:block;width:100%;max-width:250px;margin:auto}
.cases-workspace-image img{display:block;width:100%;height:auto;border:1px solid #34433b;border-radius:9px}
.cases-workspace-copy h3{font-size:clamp(34px,4.5vw,58px);line-height:1;letter-spacing:-.06em;margin:25px 0}
.cases-workspace-copy>p:not(.case-kicker):not(.case-notes-caption){font-size:16px;line-height:1.7;color:#b3b7b6;max-width:590px}
.workspace-case{max-width:1060px;margin:auto;padding:65px 24px 100px}
.workspace-case .back{font-size:13px;color:var(--lime)}
.workspace-case .case-intro{padding:60px 0 45px}
.workspace-case h1{max-width:850px;font-size:clamp(44px,6.5vw,80px);line-height:.98;letter-spacing:-.07em;margin:23px 0}
.workspace-case .intro{max-width:780px;font-size:clamp(19px,2.3vw,24px);line-height:1.5;color:#d0d3cc}
.workspace-facts{display:flex;flex-wrap:wrap;gap:9px;margin:30px 0 0}
.workspace-facts span{padding:9px 12px;border:1px solid #3b4147;font:11px/1.5 monospace;color:#abb5ad}
.workspace-case section:not(.case-intro){border-top:1px solid var(--line);padding:40px 0;scroll-margin-top:85px}
.workspace-case h2{font-size:clamp(29px,3.5vw,42px);line-height:1.1;letter-spacing:-.05em;margin:0 0 22px}
.workspace-case p,.workspace-case li{font-size:16px;line-height:1.75;color:#b2bab7;max-width:800px}
.workspace-case li+li{margin-top:12px}
.workspace-case ul{padding-left:22px}
.workspace-case figure{margin:0;min-width:0}
.workspace-case figure img{display:block;width:100%;height:auto;border:1px solid #34433b;border-radius:9px}
.workspace-case figcaption{font-size:13px;line-height:1.6;color:#a6b1aa;margin-top:15px;max-width:620px}
.workspace-context{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:start}
.workspace-context figure{width:100%;max-width:390px;margin:auto}
.workspace-compare{display:grid;grid-template-columns:1.2fr .8fr;gap:36px;align-items:start;margin:30px 0}
.workspace-workflow{display:grid;grid-template-columns:.75fr 1.25fr;gap:55px;align-items:center}
.workspace-workflow figure{max-width:330px;margin:auto}
.workspace-case .scope-note{border-left:2px solid var(--lime);background:#121917;padding:17px 20px;font-size:14px}
.workspace-case .case-actions{margin-top:26px}
@media(max-width:800px){
  .workspace-hero{max-width:390px}
  .workspace-proof{padding:24px 20px 60px;gap:16px}
  .cases-workspace{gap:30px;padding:28px}
  .workspace-case{padding:38px 20px 70px}
  .workspace-case .case-intro{padding-top:38px}
  .workspace-context,.workspace-workflow{grid-template-columns:1fr;gap:30px}
  .workspace-workflow figure{order:2}
}
@media(max-width:600px){
  .workspace-proof{grid-template-columns:1fr;justify-items:center}
  .workspace-proof-desktop{display:none}
  .workspace-proof-mobile{max-width:300px}
  .cases-workspace{grid-template-columns:1fr}
  .cases-workspace-image{max-width:260px}
  .cases-workspace-copy{order:-1}
  .workspace-compare{grid-template-columns:1fr;gap:35px}
  .workspace-compare figure{max-width:390px;margin:auto}
}