.case-study-showcase-variant-e{
  scroll-margin-top:var(--hdr-h);
  padding:clamp(72px,8vw,112px) 0;
  border-top:1px solid var(--rule);
  background:var(--paper);
  color:var(--black);
}
.case-study-showcase-variant-e--gold-tint{
  background:var(--gold-10);
}
.case-study-showcase-variant-e__in{
  width:var(--shell);
  margin:0 auto;
}
.case-study-showcase-variant-e__head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:30px;
  flex-wrap:wrap;
  padding:0;
  margin-bottom:56px;
}
.case-study-showcase-variant-e__intro{
  flex:0 1 75%;
  max-width:75%;
  display:flex;
  flex-direction:column;
  gap:14px;
}
.case-study-showcase-variant-e__eyebrow{
  font-family:var(--mono);
  font-size:12px;
  line-height:var(--lh-tight);
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--deep);
}
.case-study-showcase-variant-e__title{
  font-family:var(--display);
  font-weight:var(--display-weight);
  font-size:32px;
  line-height:var(--lh-tight);
  letter-spacing:0;
  color:var(--deep);
  text-wrap:pretty;
}
.case-study-showcase-variant-e__all{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding-bottom:5px;
  border-bottom:1px solid var(--gold);
  font-family:var(--display);
  font-size:14px;
  line-height:var(--lh-copy);
  letter-spacing:0;
  color:var(--deep);
  transition:gap .2s var(--ease);
}
.case-study-showcase-variant-e__all:hover{
  gap:14px;
}
.case-study-showcase-variant-e__all:focus-visible{
  gap:14px;
}
.case-study-showcase-variant-e__strip{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.case-study-showcase-variant-e__panel{
  position:relative;
  min-width:0;
  display:grid;
  grid-template-rows:minmax(128px,1fr) auto;
  row-gap:22px;
  padding:clamp(24px,2.8vw,30px) clamp(20px,2.4vw,28px);
  color:var(--paper);
  background:var(--panel);
  transition:transform .45s var(--ease),box-shadow .45s var(--ease);
}
.case-study-showcase-variant-e__panel:hover,
.case-study-showcase-variant-e__panel:focus-visible{
  transform:translateY(-12px);
  box-shadow:0 18px 34px rgba(24,24,24,.22);
}
.case-study-showcase-variant-e__panel--friction{--panel:#6E1E2E}
.case-study-showcase-variant-e__panel--vulnerability{--panel:#3B2440}
.case-study-showcase-variant-e__panel--hr{--panel:#2B4A64}
.case-study-showcase-variant-e__panel--nlp{--panel:#8A4726}
.case-study-showcase-variant-e__image{
  align-self:center;
  justify-self:center;
  width:100%;
  height:auto;
  max-width:min(190px, 76%);
  margin:0;
  object-fit:contain;
  filter:invert(1);
  mix-blend-mode:screen;
  opacity:.5;
  transition:opacity .45s var(--ease);
}
.case-study-showcase-variant-e__body{
  position:relative;
  display:grid;
  grid-template-rows:auto auto minmax(4.5em,auto) auto;
  gap:14px;
}
.case-study-showcase-variant-e__meta{
  font-family:var(--mono);
  font-size:12px;
  line-height:var(--lh-tight);
  letter-spacing:.15em;
  text-transform:uppercase;
  color:rgba(255,255,255,.7);
}
.case-study-showcase-variant-e__figure{
  font-family:var(--display);
  font-weight:var(--display-weight);
  font-size:clamp(36px,3.1vw,44px);
  line-height:1.05;
  letter-spacing:0;
  color:var(--gold);
  overflow-wrap:anywhere;
}
.case-study-showcase-variant-e__figure--large{
  font-size:clamp(56px,5vw,66px);
  line-height:.95;
}
.case-study-showcase-variant-e__copy{
  font-size:16px;
  line-height:var(--lh-copy);
  color:var(--paper);
}
.case-study-showcase-variant-e__read{
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.22);
  font-family:var(--display);
  font-size:14px;
  line-height:var(--lh-copy);
  letter-spacing:.06em;
  color:var(--gold);
}
@media (max-width:1040px){
  .case-study-showcase-variant-e__strip{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .case-study-showcase-variant-e__panel{
    min-height:0;
  }
}
@media (max-width:760px){
  .case-study-showcase-variant-e{
    padding:clamp(56px,16vw,72px) 0;
  }
  .case-study-showcase-variant-e__head{
    display:block;
    padding:0;
    margin-bottom:48px;
  }
  .case-study-showcase-variant-e__intro{
    max-width:100%;
  }
  .case-study-showcase-variant-e__title{
    font-size:32px;
  }
  .case-study-showcase-variant-e__all{
    margin-top:20px;
  }
  .case-study-showcase-variant-e__strip{
    grid-template-columns:1fr;
  }
  .case-study-showcase-variant-e__panel{
    min-height:0;
    grid-template-rows:minmax(116px,1fr) auto;
    padding:24px 22px;
  }
  .case-study-showcase-variant-e__image{
    max-width:150px;
    max-height:120px;
  }
  .case-study-showcase-variant-e__meta{
    font-size:12px;
    letter-spacing:.15em;
  }
  .case-study-showcase-variant-e__figure{
    font-size:36px;
  }
  .case-study-showcase-variant-e__figure--large{
    font-size:56px;
  }
}
@media (prefers-reduced-motion:reduce){
  .case-study-showcase-variant-e__all,
  .case-study-showcase-variant-e__panel,
  .case-study-showcase-variant-e__image{
    transition:none;
  }
  .case-study-showcase-variant-e__panel:hover,
  .case-study-showcase-variant-e__panel:focus-visible{
    transform:none;
  }
}

/* Template title standard: section H2 */
[data-section="case-study-showcase-variant-e"][data-section="case-study-showcase-variant-e"] h2,
.case-study-showcase-variant-e.case-study-showcase-variant-e h2,
.case-study-showcase-variant-e__root.case-study-showcase-variant-e__root h2{
  font-size:50px !important;
  font-weight:500 !important;
  line-height:var(--lh-tight) !important;
  overflow-wrap:anywhere;
}

/* Section padding standard 2026-09-21: reusable section roots keep 80px between their border and content. */
.case-study-showcase-variant-e{
  padding-block:clamp(72px,7vw,120px);
}