/* Case pages (/clients/<slug>/): logo tile on the cover, the story rows, tags, next case. */
.hero-kicker{font-size:12px;letter-spacing:1px;text-transform:uppercase;font-weight:600;color:#ffffffd9;margin:0 0 14px}
.case-tile{justify-self:end;display:flex;align-items:center;justify-content:center;width:min(100%,360px);min-height:200px;padding:36px;border-radius:var(--radius-panel);background:white;box-shadow:0 24px 60px #0003}
.case-tile img{max-width:100%;max-height:72px;width:auto;height:auto}
.case-story{padding-bottom:48px}
.case-row{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:16px 64px;padding-block:32px;border-top:1px solid var(--border)}
.case-row:first-child{border-top:0;padding-top:0}
.case-row h2{font-size:26px;margin:0}
.case-row>p{font-size:18px;line-height:1.65;color:var(--muted);margin:0}
.case-did .own-grid{grid-template-columns:1fr;gap:0}
.case-did .own-grid article{grid-template-columns:44px 1fr;padding-block:18px}
.case-did .own-grid article:first-child{border-top:0;padding-top:0}
.case-did .own-grid p{font-size:17px;color:var(--ink)}
.case-did .own-grid .card-number{grid-row:auto;padding-top:2px}
.case-closing{font-size:17px;line-height:1.65;color:var(--muted);margin:8px 0 0;padding-top:32px;border-top:1px solid var(--border)}
.case-tags-section{padding-block:0 56px}
.case-tags-section .project-tags{margin:0}
.case-related{grid-template-columns:1fr}
.case-next-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:28px}
.case-next-head h2{margin:0}
.case-next-card{max-width:560px}
@media (max-width:920px){
  .case-tile{justify-self:start;min-height:140px;padding:26px}
}
@media (max-width:720px){
  .case-row{grid-template-columns:1fr;padding-block:26px}
  .case-row h2{font-size:23px}
  .case-row>p{font-size:16px}
  .case-tags-section{padding-bottom:40px}
}