/* Reference layouts for VAN Sales and Engagement Portal. */
.case-operations .case-hero-media{padding-bottom:0}
.case-operations .case-hero-image{aspect-ratio:16/8}
.case-operations .case-challenge .case-reference-section{padding-top:84px;padding-bottom:84px}
.case-operations .case-approach h2{max-width:18ch}
.case-operations-approach-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;border-top:2px solid #1f2a3c;border-left:2px solid #1f2a3c;margin-top:48px}
.case-operations-approach-grid article{min-height:140px;background:#f7f3ee;border-right:2px solid #1f2a3c;border-bottom:2px solid #1f2a3c;padding:24px 20px;display:flex;flex-direction:column;justify-content:space-between;gap:24px}
.case-operations-approach-grid strong{font:500 20px/1.15 'IBM Plex Serif',Georgia,serif}
.case-operations-approach-body{font-size:16px;line-height:27px;color:#3a4353;max-width:56ch;margin:40px 0 0}
.case-operations-app{padding-top:84px}
.case-operations-app .case-split{align-items:end}
.case-operations-app .case-copy{align-self:end}
.case-operations-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.case-operations-tags span{font-size:13px;line-height:1.2;padding:6px 12px;border:1px solid #1f2a3c;background:#f0f3ec;color:#3a4353}
.case-operations-visual-grid,.case-operations-screen-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:24px;margin-top:24px}
.case-operations-screen-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))}
.case-operations-van .case-operations-driver-screen-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.case-operations-van .case-operations-supervisor-screen-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.case-operations-visual{display:flex;flex-direction:column;gap:12px;min-width:0}
.case-operations-visual .case-visual-placeholder{aspect-ratio:4/3}
.case-operations-screen-grid .case-visual-placeholder{aspect-ratio:3/4;padding-left:20px;padding-right:20px}
.case-operations-van .case-operations-screen-grid:not(.case-operations-driver-screen-grid) .case-visual-placeholder{aspect-ratio:4/3;padding-left:0;padding-right:0}
.case-operations-van .case-operations-driver-screen-grid .case-visual-placeholder{aspect-ratio:4/3;padding-left:0;padding-right:0}
.case-operations-engagement .case-operations-portal-screen-grid .case-visual-placeholder{aspect-ratio:4/3;padding-left:0;padding-right:0}
.case-operations-visual>span{font-size:13px;line-height:1.2;letter-spacing:.06em;text-transform:uppercase;color:#545a66}
.case-operations-visual>p{font-size:14px;line-height:21px;color:#545a66;margin:0}
.case-operations-workflow-path{font:500 clamp(17px,1.6vw,22px)/1.4 'IBM Plex Serif',Georgia,serif;margin:0;font-feature-settings:'tnum' 1}
.case-operations-flow-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:0;border-top:2px solid #1f2a3c;border-left:2px solid #1f2a3c;margin-top:32px}
.case-operations-flow-grid article{background:#f7f3ee;border-right:2px solid #1f2a3c;border-bottom:2px solid #1f2a3c;padding:16px;display:flex;flex-direction:column;gap:14px;min-width:0}
.case-operations-flow-head{display:flex;justify-content:space-between;gap:8px}
.case-operations-arrow{font-size:12px;color:#c2613f}
.case-operations-flow-label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#c2613f}
.case-operations-flow-grid h3{font:500 15px/1.25 'IBM Plex Serif',Georgia,serif;margin:0}
.case-operations-flow-grid p{font-size:13.5px;line-height:20px;color:#3a4353;margin:0}
.case-operations-flow-image{aspect-ratio:4/3;background:#efe9e1;overflow:hidden}
.case-operations-flow-image img{width:100%;height:100%;object-fit:contain}
.case-operations-flow-image>span{height:100%;display:grid;place-items:center;padding:16px;text-align:center;color:#545a66;font:500 17px/1.2 'IBM Plex Serif',Georgia,serif}
.case-operations-outcome{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;margin-top:56px;padding-top:32px;border-top:2px solid #1f2a3c;max-width:820px;align-items:start}
.case-operations-outcome>span,.case-operations-validation-note>span{font-size:12px;line-height:1.2;padding:5px 10px;margin-top:4px;background:#c2613f;color:#fff;letter-spacing:.04em;text-transform:uppercase}
.case-operations-outcome p{font-size:17px;line-height:28px;font-weight:600;max-width:56ch;margin:0;color:#1f2a3c}
.case-operations-validation-path{display:flex;flex-wrap:wrap;gap:0;border-top:2px solid #1f2a3c;border-bottom:2px solid #1f2a3c;margin-top:48px}
.case-operations-validation-path span{padding:14px 16px 14px 0;font-size:14px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.case-operations-validation-path b{padding:14px 16px 14px 0;font-size:14px;color:#c2613f}
.case-operations-validation-note{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;margin-top:40px;max-width:720px;align-items:start}
.case-operations-validation-note p{font-size:17px;line-height:28px;font-weight:600;max-width:56ch;margin:0}
.case-operations-impact-body{font-size:16px;line-height:27px;color:#3a4353;max-width:56ch;margin:40px 0 0}
@media(max-width:900px){.case-operations-approach-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.case-operations-van .case-operations-driver-screen-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}
@media(max-width:900px){.case-operations-van .case-operations-supervisor-screen-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}}
@media(max-width:620px){.case-operations-approach-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-operations-visual-grid,.case-operations-screen-grid{grid-template-columns:1fr 1fr;gap:16px}.case-operations-van .case-operations-driver-screen-grid{grid-template-columns:1fr;gap:24px}.case-operations-van .case-operations-supervisor-screen-grid{grid-template-columns:1fr;gap:24px}.case-operations-validation-path span,.case-operations-validation-path b{padding-right:10px;font-size:12px}.case-operations-outcome,.case-operations-validation-note{grid-template-columns:1fr;gap:12px}}