/* Compact, evidence-led Case Studies hero. Loaded after brand-2026.css. */
.case-studies-page .portfolio-hero{
  grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);
  gap:64px;
  min-height:390px!important;
  padding:48px 0 52px!important;
  overflow:hidden;
  background:linear-gradient(108deg,#031522 0%,#062b40 68%,#07485b 100%)!important;
}
.case-studies-page .portfolio-hero:before{
  right:-150px;
  top:-275px;
  width:620px;
  height:620px;
  box-shadow:0 0 0 82px rgba(255,255,255,.018),0 0 0 164px rgba(190,238,0,.014);
}
.case-studies-page .portfolio-hero:after{right:4%;bottom:0;width:44%;}
.case-studies-page .portfolio-hero-copy h1{
  max-width:650px;
  margin:8px 0 15px;
  font-size:clamp(42px,4.5vw,59px)!important;
  line-height:1.01;
}
.case-studies-page .portfolio-hero-copy>p{max-width:650px;font-size:16px!important;line-height:1.62;}
.case-studies-page .portfolio-stat-row{max-width:560px;margin-top:24px;}
.case-studies-page .portfolio-stat-row div{padding:13px 16px;}
.case-studies-page .portfolio-stat-row strong{font-size:25px!important;}
.case-studies-page .portfolio-stat-row span{font-size:9.5px!important;}
.case-studies-page .case-journey{
  padding:22px 24px 20px;
  border-color:rgba(255,255,255,.2);
  background:rgba(1,16,26,.56);
  box-shadow:0 20px 54px rgba(0,0,0,.23);
}
.case-studies-page .case-journey-kicker{margin-bottom:12px;font-size:10px;}
.case-studies-page .outcome-grid{display:grid;grid-template-columns:1fr;gap:0;}
.case-studies-page .case-journey article{
  grid-template-columns:42px 1fr;
  gap:13px;
  margin:0;
  padding:10px 0;
  border-bottom:1px solid rgba(255,255,255,.12);
}
.case-studies-page .case-journey article:last-child{border-bottom:0;}
.case-studies-page .case-journey-icon{width:42px;height:42px;border-width:1px;border-radius:10px;}
.case-studies-page .case-journey-icon img{width:27px;height:27px;}
.case-studies-page .case-journey article small{font-size:8px;}
.case-studies-page .case-journey article strong{font-size:14px;}
.case-studies-page .case-journey article span{margin-top:2px;font-size:10.5px;line-height:1.4;}
.case-studies-page .case-journey-proof{
  margin-top:13px;
  padding:12px 15px;
  text-decoration:none;
  transition:transform .18s ease,background .18s ease;
}
.case-studies-page .case-journey-proof:hover{transform:translateY(-2px);background:#dcff20;}
.case-studies-page .case-journey-proof b{font-size:26px;}
.case-studies-page .case-journey-proof span{font-size:10.5px;}
.case-studies-page .case-journey-proof i{font-size:18px;}

/* Stronger outcome cards: high contrast, layered depth and distinct accents. */
.case-studies-page .case-journey{
  border-color:rgba(200,243,0,.28);
  background:linear-gradient(145deg,rgba(2,18,29,.9),rgba(4,41,57,.82));
}
.case-studies-page .outcome-grid{gap:8px;}
.case-studies-page .case-journey article{
  --outcome-accent:#c8f300;
  position:relative;
  overflow:hidden;
  min-height:78px;
  padding:13px 16px;
  border:1px solid rgba(255,255,255,.12);
  border-left:4px solid var(--outcome-accent);
  border-radius:9px;
  background:linear-gradient(105deg,rgba(255,255,255,.1),rgba(255,255,255,.045));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.case-studies-page .case-journey article:nth-child(2){--outcome-accent:#27c1ba;}
.case-studies-page .case-journey article:nth-child(3){--outcome-accent:#4b9eea;}
.case-studies-page .case-journey article:before{
  content:"";
  position:absolute;
  right:-34px;
  top:-48px;
  width:115px;
  height:115px;
  border-radius:50%;
  background:color-mix(in srgb,var(--outcome-accent) 13%,transparent);
}
.case-studies-page .case-journey-icon{
  border:1px solid color-mix(in srgb,var(--outcome-accent) 75%,white);
  background:color-mix(in srgb,var(--outcome-accent) 12%,#031522);
}
.case-studies-page .case-journey article small{
  color:var(--outcome-accent);
  font-size:10px;
  letter-spacing:.1em;
}
.case-studies-page .case-journey article strong{
  color:#fff;
  font-size:16px;
  line-height:1.25;
}
.case-studies-page .case-journey article span{
  color:#d6e2e7;
  font-size:13px;
  line-height:1.45;
}
@media(max-width:980px){
  .case-studies-page .portfolio-hero{grid-template-columns:1fr;gap:28px;min-height:0!important;padding:42px 0 46px!important;}
  .case-studies-page .case-journey{max-width:none;}
  .case-studies-page .outcome-grid{grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.12);}
  .case-studies-page .case-journey article{grid-template-columns:1fr;align-content:start;padding:15px;border:0;background:#061f30;}
}
@media(max-width:700px){
  .case-studies-page .portfolio-hero{padding:34px 0 38px!important;}
  .case-studies-page .portfolio-hero-copy h1{font-size:37px!important;}
  .case-studies-page .portfolio-stat-row{grid-template-columns:repeat(3,1fr);}
  .case-studies-page .portfolio-stat-row div{padding:11px 8px;}
  .case-studies-page .portfolio-stat-row strong{font-size:21px!important;}
  .case-studies-page .portfolio-stat-row span{font-size:8px!important;}
  .case-studies-page .case-journey{padding:19px 18px 17px;}
  .case-studies-page .outcome-grid{grid-template-columns:1fr;}
  .case-studies-page .case-journey article{grid-template-columns:40px 1fr;padding:10px 0;background:transparent;border-bottom:1px solid rgba(255,255,255,.12);}
  .case-studies-page .case-journey article:last-child{border-bottom:0;}
}

/* Approved image-led Case Studies hero. */
.case-studies-page .portfolio-hero{
  grid-template-columns:minmax(460px,.92fr) minmax(520px,1.18fr);
  gap:38px;
  min-height:470px!important;
  padding:55px 0 58px!important;
  overflow:visible;
}
.case-studies-page .portfolio-hero:before{
  right:18%;
  top:-330px;
  width:700px;
  height:700px;
  opacity:.55;
}
.case-studies-page .portfolio-hero:after{display:none;}
.case-studies-page .portfolio-hero-copy{z-index:3;}
.case-studies-page .portfolio-hero-copy h1{font-size:clamp(45px,4.2vw,61px)!important;}
.case-studies-page .portfolio-stat-row{max-width:600px;margin-top:28px;}
.case-studies-page .portfolio-stat-row div{
  padding:14px 18px;
  background:transparent;
  border-right:1px solid rgba(255,255,255,.22);
}
.case-studies-page .portfolio-stat-row div:last-child{border-right:0;}
.case-studies-page .hero-outcomes-link{
  display:inline-flex;
  gap:9px;
  align-items:center;
  margin-top:25px;
  padding-bottom:4px;
  border-bottom:1px solid rgba(200,243,0,.55);
  color:#c8f300;
  font:700 14px/1.3 Manrope,Inter,sans-serif;
}
.case-studies-page .hero-outcomes-link span{font-size:17px;transition:transform .18s ease;}
.case-studies-page .hero-outcomes-link:hover span{transform:translateY(3px);}
.case-studies-page .case-hero-collage{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  align-self:stretch;
  min-height:360px;
  margin:-55px calc(50% - 50vw) -58px 0;
  overflow:hidden;
}
.case-studies-page .case-hero-collage:before{
  content:"";
  position:absolute;
  z-index:4;
  inset:0 auto 0 0;
  width:30%;
  pointer-events:none;
  background:linear-gradient(90deg,#05283b,transparent);
}
.case-studies-page .case-hero-collage:after{
  content:"";
  position:absolute;
  z-index:4;
  inset:auto 0 0;
  height:30%;
  pointer-events:none;
  background:linear-gradient(transparent,rgba(3,21,34,.72));
}
.case-studies-page .case-hero-collage figure{
  position:relative;
  overflow:hidden;
  height:100%;
  margin:0 -20px 0 0;
  clip-path:polygon(18% 0,100% 0,82% 100%,0 100%);
}
.case-studies-page .case-hero-collage figure:nth-child(2){z-index:2;border-left:6px solid #c8f300;}
.case-studies-page .case-hero-collage figure:nth-child(3){z-index:3;border-left:6px solid #118e9b;}
.case-studies-page .case-hero-collage img{width:100%;height:100%;object-fit:cover;filter:saturate(.88) contrast(1.04);}
.case-studies-page .case-hero-collage figure:first-child img{object-position:47% center;}
.case-studies-page .case-hero-collage figure:nth-child(2) img{object-position:54% center;}
.case-studies-page .case-hero-collage figure:nth-child(3) img{object-position:55% center;}
@media(max-width:1050px){
  .case-studies-page .portfolio-hero{grid-template-columns:1fr;gap:34px;min-height:0!important;}
  .case-studies-page .case-hero-collage{min-height:340px;margin:0;box-shadow:0 20px 45px rgba(0,0,0,.22);}
}
@media(max-width:700px){
  .case-studies-page .portfolio-hero{padding:38px 0 42px!important;}
  .case-studies-page .portfolio-hero-copy h1{font-size:39px!important;}
  .case-studies-page .case-hero-collage{min-height:230px;}
  .case-studies-page .case-hero-collage figure{margin-right:-9px;}
  .case-studies-page .case-hero-collage figure:nth-child(2),
  .case-studies-page .case-hero-collage figure:nth-child(3){border-left-width:3px;}
}

/* Human-centred photographs for the Case Studies overview panels. */
.case-studies-page .case-card-photo{
  position:relative;
  overflow:hidden;
  height:138px;
  margin:-35px -35px 24px;
  background:#dfe7ea;
}
.case-studies-page .case-card-photo:after{
  content:"";
  position:absolute;
  inset:auto 0 0;
  height:45%;
  background:linear-gradient(transparent,rgba(3,21,34,.28));
}
.case-studies-page .case-card-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease;}
.case-studies-page .feature-case:hover .case-card-photo img,
.case-studies-page .library-grid article:hover .case-card-photo img{transform:scale(1.025);}
.case-studies-page .feature-case:has(.case-card-photo){min-height:550px!important;}
.case-studies-page .feature-case:has(.case-card-photo) .feature-number{top:122px;color:#fff;text-shadow:0 2px 12px rgba(3,21,34,.5);}
.case-studies-page .portfolio-band .library-grid{grid-template-columns:repeat(3,1fr);}
.case-studies-page .library-grid article:has(.case-card-photo){min-height:385px!important;padding-top:25px!important;}
.case-studies-page .library-grid .case-card-photo{height:132px;margin:-25px -25px 21px;}
@media(max-width:980px){
  .case-studies-page .portfolio-band .library-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:700px){
  .case-studies-page .feature-case:has(.case-card-photo){min-height:530px!important;}
  .case-studies-page .portfolio-band .library-grid{grid-template-columns:1fr;}
  .case-studies-page .library-grid article:has(.case-card-photo){min-height:365px!important;}
}

/* Final compact hero — matched to the About Us hero height and approved artwork. */
@media(min-width:1051px){
  .case-studies-page .portfolio-hero{
    grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);
    gap:30px;
    min-height:310px!important;
    padding:26px 0!important;
  }
  .case-studies-page .portfolio-hero-copy h1{
    max-width:610px;
    margin:6px 0 10px;
    font-size:44px!important;
    line-height:1.02;
  }
  .case-studies-page .portfolio-hero-copy>p{max-width:610px;font-size:14px!important;line-height:1.5;}
  .case-studies-page .portfolio-stat-row{max-width:565px;margin-top:15px;}
  .case-studies-page .portfolio-stat-row div{padding:9px 14px;}
  .case-studies-page .portfolio-stat-row strong{font-size:22px!important;}
  .case-studies-page .portfolio-stat-row span{margin-top:3px;font-size:9px!important;text-transform:uppercase;letter-spacing:.04em;}
  .case-studies-page .hero-outcomes-link{margin-top:13px;font-size:13px;}
  .case-studies-page .case-hero-collage{
    display:block;
    min-height:310px;
    height:calc(100% + 52px);
    margin:-26px calc(50% - 50vw) -26px 0;
  }
  .case-studies-page .case-hero-collage:before,
  .case-studies-page .case-hero-collage:after{display:none;}
  .case-studies-page .case-hero-collage>img{
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:left center;
    filter:none;
  }
}
@media(max-width:1050px){
  .case-studies-page .case-hero-collage{display:block;}
  .case-studies-page .case-hero-collage:before,
  .case-studies-page .case-hero-collage:after{display:none;}
  .case-studies-page .case-hero-collage>img{display:block;width:100%;height:100%;object-fit:cover;filter:none;}
}