/* One-page case study treatment for the analytics version. */
body.analytics-case{background:var(--ink);color:var(--paper)}
body.analytics-case .nav{height:88px}
body.analytics-case .nav-contact{border-bottom:1px solid var(--paper)}
body.analytics-case .case{width:min(1120px,calc(100% - 48px));max-width:none;margin:24px auto 72px;padding:clamp(34px,6vw,72px);border-radius:var(--radius);background:var(--paper);color:var(--ink)}
body.analytics-case .case>.eyebrow{color:var(--muted)}
body.analytics-case .case h1{max-width:950px;margin:20px 0 24px;font:600 clamp(48px,7vw,92px)/.93 "Space Grotesk",sans-serif;letter-spacing:-.08em}
body.analytics-case .case h1 em{font:400 .9em Georgia,serif}
body.analytics-case .case .lede{max-width:780px;margin:0;color:#424640;font-size:20px;line-height:1.55}
body.analytics-case .case-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:42px 0 54px}
body.analytics-case .case-metrics div{min-height:106px;padding:19px;border:1px solid var(--line);border-radius:12px;background:var(--soft)}
body.analytics-case .case-metrics b{display:block;color:#4c5d0d;font:600 34px/1 "Space Grotesk",sans-serif;letter-spacing:-.08em}
body.analytics-case .case-metrics span{display:block;margin-top:10px;color:var(--muted);font-size:13px;line-height:1.35}
body.analytics-case .case-section{margin-top:46px;padding-top:22px;border-top:1px solid var(--line)}
body.analytics-case .case-section h2{margin:0 0 13px;color:var(--ink);font:600 31px/1 "Space Grotesk",sans-serif;letter-spacing:-.065em}
body.analytics-case .case-section h2::before{display:block;margin-bottom:8px;color:#667a14;font:500 11px "DM Mono",monospace;letter-spacing:.08em}
body.analytics-case .case-section:nth-of-type(1) h2::before{content:"S / SITUATION"}
body.analytics-case .case-section:nth-of-type(2) h2::before{content:"T / TASK"}
body.analytics-case .case-section:nth-of-type(3) h2::before{content:"A / ACTION"}
body.analytics-case .case-section:nth-of-type(4) h2::before{content:"R / RESULT"}
body.analytics-case .case-section:nth-of-type(5) h2::before{content:"D / DATA & NEXT MEASUREMENT"}
body.analytics-case .case-section p,body.analytics-case .case-section li{max-width:820px;color:#424640;font-size:16px;line-height:1.62}
body.analytics-case .case-section b{color:var(--ink)}
body.analytics-case .case-artifact{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;margin-top:24px}
body.analytics-case .artifact-card{padding:24px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink)}
body.analytics-case .artifact-card .eyebrow{color:var(--muted)}
body.analytics-case .artifact-card h3{margin:9px 0 18px;color:var(--ink);font:600 23px/1 "Space Grotesk",sans-serif;letter-spacing:-.06em}
body.analytics-case .artifact-card p{color:#424640;font-size:14px;line-height:1.55}
body.analytics-case .artifact-list{display:grid;gap:9px;margin:0;padding:0;list-style:none}
body.analytics-case .artifact-list li{padding-top:9px;border-top:1px solid var(--line);color:#424640;font-size:13px;line-height:1.48}
body.analytics-case .signal-bars{display:grid;gap:13px}
body.analytics-case .signal-bars div{display:grid;grid-template-columns:100px 1fr 44px;gap:10px;align-items:center;color:#424640;font-size:12px}
body.analytics-case .signal-bars i{height:11px;background:#8da92a}
body.analytics-case .signal-bars div:nth-child(2) i{background:#8c7bc2}
body.analytics-case .signal-bars div:nth-child(3) i{background:var(--coral)}
body.analytics-case .case-dashboard{margin-top:24px;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fff}
body.analytics-case .case-dashboard img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
body.analytics-case .case-dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px}
body.analytics-case .case-dashboard-grid .case-dashboard{margin-top:0}
body.analytics-case .skills-used{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
body.analytics-case .skills-used span{padding:7px 9px;border:1px solid var(--line);border-radius:999px;color:#424640;font:500 11px "DM Mono",monospace}
body.analytics-case .case-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:40px}
body.analytics-case .case-actions .button-light{background:var(--ink);color:var(--paper)}
body.analytics-case .case-actions .button-light:hover{background:#2b312a}
@media(max-width:700px){
  body.analytics-case .nav{height:76px}
  body.analytics-case .nav-contact{display:inline-flex;min-height:44px;font-size:12px}
  body.analytics-case .case{width:min(100% - 30px,1120px);margin-top:12px;padding:28px 22px}
  body.analytics-case .case h1{font-size:clamp(43px,12vw,62px)}
  body.analytics-case .case .lede{font-size:17px}
  body.analytics-case .case-metrics{grid-template-columns:1fr;margin:32px 0 42px}
  body.analytics-case .case-metrics div{min-height:0;padding:16px}
  body.analytics-case .case-section h2{font-size:26px}
  body.analytics-case .case-artifact,.analytics-case .case-dashboard-grid{grid-template-columns:1fr}
  body.analytics-case .case-dashboard-grid .case-dashboard{margin-top:0}
  body.analytics-case .signal-bars div{grid-template-columns:85px 1fr 40px}
}