/* DP Business Solutions: the homepage folder system, with the original case-study copy. */
.case-page{display:flow-root;--case-gutter:clamp(22px,4vw,76px);--case-line:#13131330;background:#fff;padding:14px 0 0;color:#131313}
.case-page a{text-decoration:none}.case-page svg{width:18px;height:18px;flex:none}
.case-page :is(a,button):focus-visible{outline:3px solid #aa8500;outline-offset:5px}
.case-page :is(h1,h2,h3){font-weight:600;letter-spacing:-.035em}
.case-page .eyebrow{font-size:11px;letter-spacing:.12em;margin-bottom:16px}
.case-page .eyebrow::before,.case-page .eyebrow::after{content:none}
.case-page .wrap:not(.site-crumbs),.cs-outer{width:calc(100% - 2 * var(--case-gutter));max-width:1344px;margin-inline:auto;padding:0}
.case-page .cs-outer{margin-top:28px}
.cs-folder-tab{display:flex;align-items:center;gap:18px;width:fit-content;max-width:100%;height:40px;padding:0 48px 0 26px;background:#131313;color:white;border-radius:10px 0 0;clip-path:polygon(0 0,calc(100% - 28px) 0,100% 100%,0 100%);font-size:12px;font-weight:600}
.cs-folder-tab span{font-size:9px;letter-spacing:.08em;color:#ffe01a}
.cs-hero{background:#131313;color:#fff;border-radius:0 18px 18px 18px;padding:clamp(28px,4vw,56px)}
.cs-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(28px,4vw,60px);align-items:center}
.cs-grid>*{min-width:0}.cs-hero .eyebrow{color:#ffe01a}
.cs-hero h1{font-size:clamp(34px,3.9vw,56px);line-height:1.12;margin-bottom:22px;text-wrap:balance}
.cs-hero h1 em{font-style:normal;color:#ffe01a;white-space:nowrap}
.cs-hero .lead-p{font-size:14px;line-height:1.85;color:#ffffffb8;margin-bottom:26px;max-width:620px}
.cs-ctas .btn{font:600 12px/1.5 var(--font-body);letter-spacing:0;text-transform:none;border-radius:7px;padding:15px 20px}
.cs-visual{position:relative;background:#efeee9 url('/img/logos/dp-gradient-1000.webp') center/cover;border-radius:12px;padding:28px;margin:18px 0}
.cs-card{background:#f7f6f1;color:#17221e;border-radius:12px;padding:24px;transform:rotate(-1deg);box-shadow:0 12px 30px #17221e15}
.cs-card-top{margin-bottom:16px}.dp-brand{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;line-height:1.4}.dp-brand img{width:30px;height:30px;object-fit:contain;mix-blend-mode:multiply}
.cs-card-top .live{font-size:9px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#656a66;display:flex;align-items:center;gap:6px;margin-top:8px}.live i{width:6px;height:6px;background:#65ab75;border-radius:50%}
.cs-mini{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:14px;height:134px;border-bottom:1px solid #17221e30}
.cs-mini .mb{display:grid;grid-template-rows:auto var(--h);justify-items:center;align-items:end;gap:6px}
.cs-mini .mb span{font-size:12px;font-weight:600;line-height:18px}
.cs-mini .mb i{height:100%;width:100%;max-width:72px;background:#ffe01a;border-radius:4px 4px 0 0}
.cs-base{display:none}.cs-mini-l{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;text-align:center;font-size:9px;font-weight:600;color:#656a66;margin-top:9px}
.cs-card-foot{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-top:20px}.cs-card-foot b{font-size:36px;font-weight:600;line-height:1.1;letter-spacing:-.04em}.cs-card-foot span{font-size:10px;color:#656a66}
.cs-visual .chip{position:absolute;font-size:11px;font-weight:600;border-radius:999px;padding:10px 14px;color:#131313;box-shadow:0 5px 14px #0001;background:#fff}
.cs-visual .c2{top:12px;right:-8px;background:#ffe01a}.cs-visual .c3{bottom:8px;right:8px}
.case-page .home-emblem-divider{display:flex;align-items:center;gap:20px;height:32px;max-width:1344px;width:calc(100% - 2 * var(--case-gutter));margin:44px auto;background:#fff}
.case-page .home-emblem-divider span{height:1px;flex:1;background:var(--case-line)}.case-page .home-emblem-divider img{width:32px;height:32px;flex:none}
.case-page .sec-head,.case-page .sec-head.center{max-width:760px;text-align:left;margin:0 0 32px}
.case-page .h2{font-size:clamp(30px,3.3vw,46px);line-height:1.14;margin-bottom:16px;text-wrap:balance}
.case-page .lead{font-size:14px;line-height:1.85;max-width:640px;margin-left:0!important}
.t-s-yellow,.s-yellow{--c:#ffe01a}.t-s-green,.s-green{--c:#d7ead9}.t-s-blue,.s-blue{--c:#dce7f5}.t-s-pink,.s-pink{--c:#f3ddd5}.t-s-purple,.s-purple{--c:#e8e0f3}.t-s-coral,.s-coral{--c:#eed9bd}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px 20px;padding-top:32px}
.stat{position:relative;min-width:0;background:var(--c);border-radius:0 14px 14px 14px;padding:26px;min-height:160px;display:flex;flex-direction:column;justify-content:center}
.stat .tab{position:absolute;bottom:100%;left:0;display:flex;align-items:center;gap:9px;height:32px;background:var(--c);padding:0 32px 0 18px;clip-path:polygon(0 0,calc(100% - 20px) 0,100% 100%,0 100%);border-radius:8px 0 0;font-size:11px;font-weight:600}
.stat .tab svg{width:15px;height:15px}.stat b{font-size:clamp(30px,3.3vw,48px);line-height:1.12;letter-spacing:-.045em;font-weight:600}.stat small{font-size:12px;line-height:1.6;margin-top:12px;max-width:270px}
.chart-card{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:10px 0}
.chart-total b{display:block;font-size:clamp(50px,6vw,80px);font-weight:600;letter-spacing:-.05em;line-height:1.1;margin:22px 0 8px}.chart-total>span:not(.eyebrow){font-size:12px;color:#636363}.chart-note{font-size:13px;color:#636363;line-height:1.8;max-width:440px;margin-top:20px}
.chart{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding-top:24px}
.bar{min-width:0;text-align:center}.bar .area{height:250px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;border-bottom:1px solid #13131360;background:repeating-linear-gradient(to top,transparent 0 49px,#1313130c 49px 50px)}
.bar b{font-size:19px;font-weight:600;line-height:1.3;padding:0 5px 8px;background:#fff}.bar i{display:block;flex:none;width:65%;max-width:100px;height:var(--h);background:#ffe01a;border-radius:4px 4px 0 0}
.bar .lbl{display:block;font-size:12px;font-weight:600;padding:14px 4px 0}.bar small{display:block;font-size:9px;text-transform:uppercase;color:#777;margin-top:5px}.bar em{display:inline-block;font-style:normal;font-size:10px;font-weight:500;border:1px solid #ddd;border-radius:30px;padding:3px 8px;margin-top:10px}
.case-page #about{padding-top:32px}
.about-band{position:relative;background:#f3f4f4;border-radius:0 18px 18px 18px;padding:40px;display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center;margin-top:0}
.about-band::before{content:'THE TEAM BEHIND THE WORK';position:absolute;bottom:100%;left:0;height:32px;background:#f3f4f4;padding:8px 32px 8px 22px;clip-path:polygon(0 0,calc(100% - 20px) 0,100% 100%,0 100%);border-radius:8px 0 0;font-size:9px;font-weight:600;letter-spacing:.08em}
.about-band p{font-size:14px;line-height:1.85;color:#636363}.about-facts{list-style:none;display:grid;gap:22px}.about-facts li{display:flex;align-items:flex-start;gap:12px;font-size:14px;line-height:1.7;font-weight:500}.about-facts .ck{display:flex;color:#328254;flex:none;padding-top:3px}.about-facts svg{width:21px;height:21px}
.cs-system-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 20px}
.cs-system-folder{min-width:0;display:flex;flex-direction:column;padding:0}
.cs-system-tab{width:fit-content;background:var(--c);padding:9px 32px 9px 20px;clip-path:polygon(0 0,calc(100% - 22px) 0,100% 100%,0 100%);border-radius:8px 0 0;font-size:9px;font-weight:600;letter-spacing:.08em}
.cs-system-body{background:var(--c);border-radius:0 14px 14px 14px;padding:26px;flex:1;display:flex;flex-direction:column}
.cs-system-body h3{font-size:25px;line-height:1.18;margin-bottom:16px}.cs-system-body .sub{font-size:13px;line-height:1.6;font-weight:600;margin-bottom:10px}.cs-system-body p{font-size:12px;line-height:1.85;margin-bottom:24px}.stp-get{display:flex;gap:10px;align-items:flex-start;font-size:11px;line-height:1.7;font-weight:600;border-top:1px solid #13131325;padding-top:18px;margin-top:auto}.stp-get svg{margin-top:1px}
.cs-system-folder:last-child{grid-column:1/-1}.cs-system-folder:last-child .cs-system-body{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}.cs-system-folder:last-child p{grid-column:2;grid-row:1/3;margin:0}.cs-system-folder:last-child .stp-get{grid-column:1/-1;margin-top:16px}
.tl-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding-top:32px}
.tl{position:relative;background:#f3f4f4;border-radius:0 14px 14px 14px;padding:24px;min-width:0}.tl .when{position:absolute;bottom:100%;left:0;background:var(--c);padding:8px 30px 8px 20px;clip-path:polygon(0 0,calc(100% - 20px) 0,100% 100%,0 100%);border-radius:8px 0 0;font-size:10px;font-weight:600}
.tl h3{font-size:19px;line-height:1.3;margin-bottom:14px}.tl p{font-size:12px;line-height:1.85;color:#636363}
@media(min-width:1000px){.cs-system-folder:nth-child(3n+2){transform:translateY(10px)}}
@media(max-width:1000px){.cs-grid{grid-template-columns:1fr 1fr;gap:28px}.cs-hero{padding:30px}.cs-card{padding:18px}.cs-visual{padding:20px}.cs-card-foot b{font-size:29px}.cs-system-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tl-list{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:52px}.chart-card{gap:30px}.about-band{gap:30px;padding:30px}}
@media(max-width:800px){.cs-grid,.chart-card,.about-band{grid-template-columns:1fr}.cs-visual{width:100%;max-width:560px;margin:10px auto 0}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-hero h1{max-width:650px}.chart{max-width:560px;width:100%;margin:auto}.about-facts{gap:18px}.cs-card-foot b{font-size:36px}}
@media(max-width:540px){.case-page{--case-gutter:18px}.case-page .cs-outer{margin-top:24px}.cs-folder-tab{height:36px;font-size:10px;padding-inline:18px 28px;gap:12px}.cs-folder-tab span{font-size:8px}.cs-hero{padding:26px 22px;border-radius:0 14px 14px 14px}.cs-hero h1{font-size:34px;line-height:1.12}.cs-hero .lead-p{font-size:12px}.cs-hero .eyebrow{font-size:9px}.cs-ctas .btn{font-size:11px;padding:14px 16px}.cs-visual{padding:16px}.cs-card{padding:18px 14px}.dp-brand{font-size:12px;gap:8px}.dp-brand img{width:25px;height:25px}.cs-visual .chip{font-size:9px;padding:7px 10px}.cs-visual .c2{top:4px;right:-8px}.cs-card-foot b{font-size:31px}.case-page .home-emblem-divider{margin-block:32px}.case-page .sec-head{margin-bottom:24px}.stats{gap:46px 12px}.stat{padding:20px 16px;min-height:155px}.stat b{font-size:29px}.stat small{font-size:10px;line-height:1.6}.stat .tab{font-size:9px;padding-left:12px;padding-right:24px;gap:6px}.stat .tab svg{width:13px;height:13px}.chart-card{gap:18px}.bar .area{height:220px}.bar i{height:calc(var(--h)*.85)}.bar b{font-size:17px}.bar .lbl{font-size:10px}.bar em{font-size:9px;padding:3px 6px}.about-band{padding:26px 22px;gap:24px}.about-band p,.about-facts li{font-size:12px}.cs-system-grid{grid-template-columns:1fr;gap:22px}.cs-system-body{padding:24px}.cs-system-folder:last-child .cs-system-body{display:flex;gap:0}.cs-system-folder:last-child p{margin-bottom:24px}.cs-system-folder:last-child .stp-get{margin-top:auto}.tl-list{grid-template-columns:1fr;gap:48px}.tl{padding:22px}.tl h3{font-size:21px}}

.case-page #timeline{padding-bottom:clamp(44px,5vw,64px)}