:root{--navy:#0f2d4a;--peach:#f5b39b;--terra:#a34f3d;--ivory:#fffaf6;--sage:#7d8e83;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}
html{scroll-behavior:smooth}body{margin:0;color:var(--navy);background:var(--ivory)}
.shell{width:min(1170px,calc(100% - 52px));margin:auto}h1,h2,h3{color:var(--navy)}em{font-style:italic;color:var(--terra)}
@media(max-width:650px){.shell{width:min(100% - 32px,1170px)}}

.case-hero{padding:90px 0;background:linear-gradient(130deg,#fffaf6,#fae9df)}.case-hero-content{display:grid;grid-template-columns:1.3fr .7fr;gap:55px;align-items:center}.case-hero h1{font:400 clamp(48px,5.8vw,83px)/1.05 var(--serif);letter-spacing:-.04em;margin:20px 0}.case-hero p{font:17px/1.8 var(--sans);color:#566975;max-width:590px}.case-jump{display:inline-block;margin-top:22px;color:var(--terra);font-weight:700}.case-hero-aside{background:var(--navy);color:#fff;padding:28px;border-radius:11px}.case-aside-head{font:700 11px var(--sans);letter-spacing:.15em;color:#f7c0ac;display:flex;justify-content:space-between;margin-bottom:19px}.case-aside-row{display:flex;align-items:center;gap:20px;border-top:1px solid #ffffff30;padding:17px 0}.case-aside-row b{font:400 36px var(--serif);color:#f5b39b}.case-aside-row span{font:14px/1.5 var(--sans)}.case-aside-row .case-aside-dot{width:8px;height:8px;background:#f5b39b;border-radius:50%;margin-left:auto}.case-hero-aside small{color:#d6dde0;line-height:1.6}
.case-browse,.case-evidence{padding:85px 0}.case-browse{background:#fffaf6}.browse-heading{display:flex;justify-content:space-between;gap:30px;align-items:end}.browse-heading h2,.case-evidence h2{font:400 clamp(43px,4.5vw,68px)/1.1 var(--serif);margin:17px 0}.browse-heading p{max-width:350px;font:15px/1.7 var(--sans);color:#586874}.case-filters{margin:30px 0 28px}.case-filters .filters{display:flex;gap:10px;flex-wrap:wrap}.case-filters .filter{padding:11px 17px;border:1px solid #e4cbbc;border-radius:30px;cursor:pointer;background:#fff;color:var(--navy)}.case-filters .filter.is-active,.case-filters .filter[aria-pressed=true]{background:var(--navy);color:white}.case-browse input{background:white;border:1px solid #dccfc5;border-radius:5px;padding:12px;min-width:220px}
.case-grid,.case-gallery,.project-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.case-card,.project-card{background:white;border:1px solid #e7d8cd;border-radius:11px;overflow:hidden;box-shadow:0 6px 18px #0f2d4a0a}.case-card img,.project-card img{width:100%;height:175px;object-fit:cover}.case-card-body,.project-card-body{padding:24px}.case-card h3,.project-card h3{font:400 27px/1.15 var(--serif);margin:12px 0}.case-card p,.project-card p{font:14px/1.7 var(--sans);color:#586874}.case-card a,.project-card a{color:var(--terra);font-weight:700}.case-evidence{background:#f5e8df}
@media(max-width:900px){.case-hero-content{grid-template-columns:1fr}.case-grid,.case-gallery,.project-gallery{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.case-hero,.case-browse,.case-evidence{padding:55px 0}.case-grid,.case-gallery,.project-gallery{grid-template-columns:1fr}.browse-heading{display:block}}


/* CASE STUDY EDITORIAL GALLERY — distinct hand-built illustration treatments */
.case-filters{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.case-filters .filters{gap:9px}.case-count{font:12px/1.5 var(--sans);color:#657580;margin:0 0 23px}.count-extra{color:#9b8477}
.case-review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px;align-items:stretch}
.case-review-grid a[hidden]{display:none!important}
.case-tile{display:flex;flex-direction:column;min-width:0;overflow:hidden;background:#fff;border:1px solid #e5d5c9;border-radius:12px;color:var(--navy);text-decoration:none;box-shadow:0 7px 23px #0f2d4a0a;transition:transform .2s ease,box-shadow .2s ease}
.case-tile:hover,.case-tile:focus-visible{transform:translateY(-3px);box-shadow:0 16px 30px #0f2d4a1a;outline-color:var(--terra)}
.case-feature{grid-column:span 2;display:grid;grid-template-columns:1.08fr 0.92fr}
.case-tile .tile-visual{min-height:267px;position:relative;overflow:hidden;padding:23px 25px 35px;display:flex;flex-direction:column;gap:18px;justify-content:space-between}
.case-feature .tile-visual{min-height:330px;padding:28px 33px 36px}
.case-tile .tile-topline{display:flex;justify-content:space-between;align-items:center;gap:12px;font:700 10px/1.5 var(--sans);letter-spacing:.1em;z-index:2}
.case-tile .visual-disclaimer{position:relative;z-index:2;font:600 9px/1.5 var(--sans);letter-spacing:.085em;opacity:.75}
.case-tile .tile-info{padding:29px 33px 26px;display:flex;flex-direction:column;gap:12px;flex:1}
.case-feature .tile-info{justify-content:center;padding:42px}
.case-tile .tile-kicker{display:flex;justify-content:space-between;gap:5px;color:var(--terra);font:700 10px/1.5 var(--sans);letter-spacing:.1em;text-transform:uppercase}
.case-tile h3{font:400 clamp(27px,3.0vw,39px)/1.11 var(--serif);color:var(--navy);letter-spacing:-.025em;margin:0}
.case-feature h3{font-size:clamp(36px,3.4vw,49px)}
.case-tile h3 em{color:var(--terra)}
.case-tile .tile-info>p{font:14px/1.72 var(--sans);color:#536573;margin:0 0 12px}
.case-tile .tile-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;padding-top:15px;border-top:1px solid #eadcd2;color:var(--terra);font:700 12px/1.5 var(--sans);margin-top:auto}
.case-tile .tile-tags{font:500 10px/1.5 var(--sans);color:#78848b;text-align:right}
.visual-walkme{background:linear-gradient(130deg,#f2bda5,#ffe5da);color:#0f2d4a}
.walkme-flow{position:relative;display:grid;grid-template-columns:1fr 0.78fr;gap:18px;align-items:center;padding-bottom:7px}
.flow-app{background:#fffaf6;border:1px solid #e9c5b6;border-radius:9px;box-shadow:0 9px 21px #85493421;padding:12px;min-height:144px}
.mini-app-top{display:flex;justify-content:space-between;border-bottom:1px solid #e7d7ca;padding-bottom:8px;font:700 9px var(--sans);color:#5b6d7a}
.flow-app-content{padding:16px 4px}.skeleton-line{height:7px;background:#e9dbd3;border-radius:20px;margin:9px 0}.w60{width:60%}.w80{width:80%}.w45{width:45%}
.highlight-field{display:flex;align-items:center;justify-content:space-between;padding:9px 11px;border:2px solid #a34f3d;border-radius:6px;background:#fff5eb;font:700 10px var(--sans);color:#7a4435}
.flow-tip{background:#0f2d4a;color:white;padding:17px 14px;border-radius:9px;box-shadow:0 12px 25px #0f2d4a33;display:flex;align-items:flex-start;gap:10px}
.flow-tip b{font:600 19px/1.08 var(--serif);display:block}.flow-tip small{display:block;font:10px/1.5 var(--sans);color:#d3dfe4;margin-top:8px}
.tip-spark{color:#f5b39b;font-size:22px}.flow-check{position:absolute;right:7px;bottom:-9px;background:#fffaf6;padding:8px 12px;border-radius:20px;color:#5a6d64;font:700 10px var(--sans)}
.visual-salesforce{background:linear-gradient(125deg,#f4f0ea,#d5e7e0)}
.crm-concept{display:flex;align-items:center;gap:12px}.crm-screen{flex:1;background:white;border:1px solid #d3ddd9;border-radius:8px;box-shadow:0 8px 19px #173d4030;padding:14px;min-width:0}.crm-screen.quote{border-top:4px solid #f5b39b}.crm-label{font:700 10px Arial;color:#0f2d4a;letter-spacing:.04em}.crm-pill{display:inline-block;margin-top:9px;background:#e0f1e9;color:#3c6e5d;border-radius:15px;padding:6px 8px;font:700 9px Arial}.crm-arrow{font-size:34px;color:#a34f3d}
.visual-netflix{background:linear-gradient(115deg,#162b42,#243f5b);color:#fff}.visual-netflix .visual-disclaimer{color:#d6e2e9}
.incident-panel{padding:16px 19px;background:#0e2338;border:1px solid #5d7180;border-radius:10px;color:#fff;box-shadow:0 10px 30px #0004}
.incident-head{display:flex;justify-content:space-between;font:700 10px Arial;letter-spacing:.07em}.incident-head i{width:9px;height:9px;background:#e98b7f;border-radius:50%}
.incident-wave{display:flex;align-items:end;gap:8px;height:42px;margin:17px 0}.incident-wave span{flex:1;min-width:2px;background:#f5b39b;border-radius:3px;height:17px}.incident-wave span:nth-child(2n){height:36px}.incident-wave span:nth-child(3n){height:24px}.incident-wave span:nth-child(5n){height:13px}.incident-events{display:flex;flex-wrap:wrap;gap:8px}.incident-events div{font:10px Arial;padding:7px 9px;border:1px solid #667988;border-radius:5px}.incident-events i{display:inline-block;width:5px;height:5px;background:#f5b39b;border-radius:50%;margin-right:3px}
.visual-epic{background:linear-gradient(130deg,#eaf0e8,#d7e7e2)}.registration-sample{background:#fff;border:1px solid #ccddd4;padding:16px;border-radius:9px;box-shadow:0 6px 16px #34644b22}
.registration-label{font:700 10px Arial;letter-spacing:.08em;color:#3a5b4b;margin-bottom:7px}.reg-row{display:flex;justify-content:space-between;gap:10px;padding:9px 3px;border-bottom:1px solid #e8efea;font:12px Arial}.reg-row:last-child{border-bottom:none}.reg-row b{color:#476c58}
.visual-career{background:linear-gradient(120deg,#fbe3d5,#f4c5ae)}.product-pipeline{background:#fff9f3;border:1px solid #d7ae9b;border-radius:12px;padding:22px 18px;box-shadow:0 10px 25px #804f3422}
.pipeline-title{font:700 10px Arial;letter-spacing:.1em;margin-bottom:19px}.pipe-steps{display:flex;justify-content:space-between;gap:8px}.pipe-steps b{flex:1;background:#f7e8de;border-radius:7px;padding:10px 4px;text-align:center;font:600 19px Georgia}.pipe-steps small{font:10px Arial}.pipe-steps b.chosen{background:#0f2d4a;color:#fff}.pipeline-note{font:italic 12px Georgia;text-align:center;margin-top:17px;color:#a34f3d}
.visual-dod{background:linear-gradient(130deg,#e3ebef,#c7d4de)}.ai-cycle{display:flex;gap:9px;justify-content:space-between}.ai-cycle>div{flex:1;background:#fff;border:1px solid #d1dce1;box-shadow:0 6px 17px #2e455b12;border-radius:8px;display:flex;flex-direction:column;gap:13px;padding:17px 9px}.ai-cycle span{font:400 23px Georgia;color:#a34f3d}.ai-cycle strong{font:600 12px Arial;overflow-wrap:anywhere}
.visual-micro{background:linear-gradient(135deg,#f7e6dc,#fffaf6)}.micro-decision{background:white;border:1px solid #eed5c6;border-radius:10px;padding:17px;box-shadow:0 8px 22px #51331d14}.micro-question{font:600 17px/1.3 Georgia;margin-bottom:13px}.micro-choice{display:flex;justify-content:space-between;padding:10px;border:1px solid #9eae99;border-radius:5px;background:#e6f3e7;color:#355848;font:600 11px Arial;margin-top:6px}.micro-choice.muted{background:#f7ebe5;border-color:#e7d6cc;color:#8a7770}
.evidence-inner{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.evidence-inner p{font:15px/1.8 Arial;color:#526777}
@media(max-width:900px){.case-review-grid{grid-template-columns:1fr 1fr}.case-feature{grid-column:span 2;grid-template-columns:1fr 1fr}.case-feature .tile-info{padding:25px}.case-tile .tile-info{padding:22px}.case-tile h3{font-size:31px}}
@media(max-width:690px){.case-review-grid{grid-template-columns:1fr}.case-feature{grid-column:auto;display:flex;flex-direction:column}.case-feature .tile-visual{min-height:255px}.case-feature .tile-info{padding:25px}.case-filters{align-items:stretch}.case-filters input{width:100%}.case-feature h3{font-size:36px}.case-evidence .evidence-inner{grid-template-columns:1fr;gap:8px}.ai-cycle strong{font-size:11px}}
@media(prefers-reduced-motion:reduce){.case-tile{transition:none}}