.case-back{color:#155491;font-size:15px;text-decoration:none}
.case-back:hover{text-decoration:underline}
.project-case{max-width:1120px;width:90%;margin:32px auto 56px;color:#102237}
.project-case h1{font-size:clamp(44px,5.5vw,78px);line-height:1;letter-spacing:-.055em;margin:14px 0 22px}
.project-case .spread p{font-size:clamp(18px,1.6vw,23px);line-height:1.45;max-width:42ch;margin:0 0 26px}
.project-case small,.project-case .spread figcaption{display:block;font:700 12px/1.5 monospace;letter-spacing:.12em;text-transform:uppercase;color:#275483}
.project-case .spread figure{margin:0}.project-case .spread img{display:block;max-width:100%;width:auto;object-fit:contain;mix-blend-mode:multiply}
.project-case .spread{display:grid;gap:6%;align-items:center;padding:34px 0}
.spread{grid-template-columns:1.15fr 1fr}.spread figure{text-align:center}.spread img{height:300px;margin:auto}.spread figcaption{margin-top:12px}
.facts{border-block:1px solid #c8d0d2;display:grid;grid-template-columns:repeat(3,1fr);padding:18px 0;font-size:18px}.facts small{margin-bottom:6px}
@media (max-width:760px){
  .project-case{display:grid;grid-template-columns:minmax(0,1fr);width:calc(100% - 40px);margin:12px auto 32px}
  .project-case .case-back{grid-row:1;justify-self:start;display:inline-flex;align-items:center;min-height:44px}
  .project-case .spread,.project-case .spread>div{display:contents}
  .project-case .spread small{grid-row:2;margin-top:12px;font-size:10px}
  .project-case .spread h1{grid-row:3;font-size:clamp(42px,11vw,56px);margin:8px 0 18px;line-height:1.02}
  .project-case .spread figure{grid-row:4;text-align:center;padding:8px 0 10px}
  .project-case .spread img{height:auto;width:min(61%,220px);margin:auto}
  .project-case .spread figcaption{margin-top:6px;font-size:9px}
  .project-case .spread p{grid-row:5;font-size:18px;line-height:1.45;margin:12px 0 18px}
  .project-case .facts{grid-row:6;display:block;padding:2px 0}
  .project-case .facts>div{display:grid;grid-template-columns:32% 1fr;align-items:baseline;padding:7px 0;font-size:15px}
  .project-case .facts small{margin:0}
}

.case-body{max-width:76ch;min-width:0;margin:32px auto 0;line-height:1.65;overflow-wrap:anywhere}.case-body img{max-width:100%;height:auto}.case-body figure{max-width:100%;margin-inline:0}.case-body figcaption{font-size:.9em;color:#435662}

.erp-story{width:min(90%,1120px);margin:35px auto 60px;color:#102237;font-size:17px;line-height:1.5}
.erp-story img{max-width:100%;display:block;mix-blend-mode:multiply}
.erp-story h1{font-size:clamp(42px,5vw,76px);line-height:1.03;letter-spacing:-.05em;margin:22px 0}
.erp-story h2,.erp-story summary{font-size:clamp(20px,2vw,29px);line-height:1.15;font-weight:700;margin:0}
.erp-story p{margin:10px 0}.erp-lead,.erp-question,.erp-steps,.erp-examples,.erp-details,.erp-facts{display:grid;gap:24px;align-items:start;padding:26px 0}
.erp-lead{grid-template-columns:1fr 1.15fr;align-items:center}.erp-lead img,.erp-examples img{width:100%}.erp-lead p{font-size:1.3em}.erp-lead a{color:#1454a0}
.erp-question{grid-template-columns:.65fr 1.1fr 1.65fr;align-items:center}.erp-question blockquote{margin:0;border:1px solid #647487;border-radius:20px;padding:16px;font:italic 1.1em/1.45 Georgia,serif}
.erp-steps,.erp-examples,.erp-details,.erp-facts{border-top:1px solid #97a3aa}
.erp-steps,.erp-details{grid-template-columns:repeat(3,minmax(0,1fr))}.erp-steps{list-style:none;margin:0}.erp-steps li{position:relative}.erp-steps li:not(:last-child)::after{content:'→';position:absolute;right:0;top:20%;color:#155491}.erp-steps img{height:120px;width:80%;object-fit:contain;margin:0 auto 12px}.erp-steps b{background:#1656a2;color:white;border-radius:50%;font-size:15px;padding:3px 9px;vertical-align:middle}
.erp-examples{grid-template-columns:1fr 1fr}.erp-examples section+section{border-left:1px solid #bcc5c9;padding-left:24px}.erp-examples img{margin-top:18px}
.erp-details summary{cursor:pointer;font-size:20px}.erp-facts{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap}.erp-facts span{font-weight:600}
@media(max-width:760px){.erp-story{width:calc(100% - 38px);margin:12px auto 35px;font-size:16px}.erp-lead,.erp-examples,.erp-details,.erp-steps{grid-template-columns:1fr;gap:16px}.erp-lead{padding-top:12px}.erp-lead img{max-width:410px;margin:auto}.erp-question{grid-template-columns:28% 1fr;gap:12px}.erp-question div{grid-column:1/-1}.erp-steps li{display:grid;grid-template-columns:28% 1fr;column-gap:18px}.erp-steps img{grid-row:span 2;width:100%;height:90px;margin:0}.erp-steps li:not(:last-child)::after{display:none}.erp-steps p{grid-column:2}.erp-examples section+section{border:0;padding:0}.erp-examples img{max-height:115px;object-fit:contain}.erp-details details{border-bottom:1px solid #ccd0cf;padding-bottom:12px}.erp-facts{display:grid;gap:9px}}
