.dp-case-page{background:#040e14;color:#c0d0d8;padding:80px 28px 100px;font-family:Inter,Arial,sans-serif}.dp-case-wrap{max-width:1280px;margin:auto}.dp-case-page a{color:#71e6ed}.dp-case-page a:focus-visible{outline:2px solid #71e6ed;outline-offset:5px}.dp-case-back{display:inline-block;margin-bottom:36px}.dp-case-intro{max-width:960px;margin-bottom:40px}.dp-case-page h1{color:#f4f8fb;font-size:clamp(32px,4vw,58px);line-height:1.12;letter-spacing:-.035em;margin:16px 0 24px}.dp-case-page h2{color:#f4f8fb;font-size:30px;margin:36px 0 18px}.dp-case-page .dp-case-eyebrow{color:#8fc1d2;text-transform:uppercase;font-size:12px;letter-spacing:.12em;margin-bottom:12px}.dp-case-client{font-size:22px;color:#fff}.dp-case-summary{font-size:18px;line-height:1.7}.dp-detail-tags{display:flex;gap:8px;flex-wrap:wrap;list-style:none!important;margin:24px 0 0!important;padding:0!important}.dp-detail-tags li{font-size:12px;border:1px solid #385863;border-radius:30px;padding:5px 12px;line-height:1.5}.dp-case-cover{margin:36px 0;border:1px solid #244751;border-radius:22px;overflow:hidden;background:#081b24}.dp-case-cover img{display:block;width:100%;max-height:640px;object-fit:contain}.dp-case-body{font-size:17px;line-height:1.85;max-width:920px}.dp-case-body li{margin-bottom:12px}.dp-case-body ul{padding-left:24px}.dp-case-body a{text-decoration:underline}.dp-case-mockup{padding:32px;margin:40px 0;background:radial-gradient(ellipse,#103440,transparent 70%)}.dp-case-mockup img{display:block;max-height:580px;width:auto;max-width:100%;margin:auto;object-fit:contain}.dp-case-button{display:inline-flex;border:1px solid #3bd8e7;border-radius:40px;padding:14px 24px;margin-top:24px}.dp-case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.dp-case-tile{border:1px solid #244751;border-radius:20px;overflow:hidden;background:#08151e}.dp-case-tile-cover{display:block;aspect-ratio:16/10;overflow:hidden}.dp-case-tile-cover img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.dp-case-tile:hover .dp-case-tile-cover img{transform:scale(1.035)}.dp-case-tile-text{padding:24px}.dp-case-tile-text h2{font-size:23px;margin:12px 0 18px;line-height:1.3}.dp-case-tile-text h2 a{color:#f4f8fb}.dp-case-tile-text>p{font-size:14px;line-height:1.65}.dp-case-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:32px}.dp-case-filters a{padding:8px 16px;border:1px solid #365461;border-radius:30px;font-size:13px}.dp-case-filters a[aria-current]{background:#0d3540;border-color:#3bd8e7;color:#fff}.dp-case-page .pagination{margin-top:40px}.dp-case-page .nav-links{display:flex;gap:12px;flex-wrap:wrap}.dp-case-page .page-numbers{padding:8px 14px;border:1px solid #365461;border-radius:8px}.dp-case-page .page-numbers.current{background:#0d3540;color:#fff}@media(max-width:1024px){.dp-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.dp-case-page{padding:40px 18px 64px}.dp-case-grid{grid-template-columns:1fr}.dp-case-summary{font-size:16px}.dp-case-body{font-size:16px}.dp-case-mockup{padding:12px}}@media(prefers-reduced-motion:reduce){.dp-case-tile-cover img{transition:none}}
/* Keep the same black canvas behind the inherited, transparent site header. */
body:is(.single-devprove_case,.post-type-archive-devprove_case,.tax-devprove_case_sector),
body:is(.single-devprove_case,.post-type-archive-devprove_case,.tax-devprove_case_sector) :is(#pxl-wapper,#pxl-main){background-color:#000!important}
body:is(.single-devprove_case,.post-type-archive-devprove_case,.tax-devprove_case_sector) :is(#pxl-footer-elementor,#pxl-footer-default){background-color:#040e14!important}
body:is(.single-devprove_case,.post-type-archive-devprove_case,.tax-devprove_case_sector) #pxl-main{padding:0!important}
/* A case starts below the header; the homepage alone overlays its hero. Using
   normal flow reserves the header's actual height and keeps mobile unchanged. */
body:is(.single-devprove_case,.post-type-archive-devprove_case,.tax-devprove_case_sector) #pxl-header-elementor .pxl-header-elementor-main.px-header--transparent{position:relative}
/* The homepage keeps these brand/menu rules in page-only Elementor CSS. Apply
   the same presentation to its shared desktop, sticky and mobile case headers. */
body:is(.single-devprove_case,.post-type-archive-devprove_case,.tax-devprove_case_sector) #pxl-header-elementor img[src*="logo"],
body:is(.single-devprove_case,.post-type-archive-devprove_case,.tax-devprove_case_sector) #pxl-header-mobile img[alt="Devprove"]{
  content:var(--dp-case-brand-logo,normal)!important;
  width:39px!important;
  height:47px!important;
  max-width:39px!important;
  object-fit:contain!important;
}
body:is(.single-devprove_case,.post-type-archive-devprove_case,.tax-devprove_case_sector) #pxl-header-elementor .elementor-widget-pxl_menu .pxl-menu__primary > li > a > i,
body:is(.single-devprove_case,.post-type-archive-devprove_case,.tax-devprove_case_sector) .pxl-header-mobile-search{display:none!important}