/* Page-scoped presentation for the ChargeApp case study. */
.chargeapp-study .case-hero{padding-bottom:76px}
.chargeapp-study .case-hero h1{font-size:clamp(4.2rem,12vw,12rem);line-height:.82;letter-spacing:-.095em}
.chargeapp-study .case-hero h1 em{font-style:normal;color:var(--accent)}
.chargeapp-subtitle{margin:22px 0 0;color:var(--accent);font-size:clamp(.72rem,1.2vw,.9rem)}
.chargeapp-study .case-summary{margin-top:32px;margin-bottom:38px}
.chargeapp-study .case-attribution{max-width:390px}
.chargeapp-figure{min-width:0}
.chargeapp-study .chargeapp-visual{aspect-ratio:16/9;min-height:0;padding:clamp(20px,4vw,44px);background:linear-gradient(135deg,#232323,#171717 62%,#272116);border:1px solid #ffffff20}
.chargeapp-study .chargeapp-visual>span{top:20px;left:22px;max-width:70%;color:var(--accent);font-size:.55rem;line-height:1.5;text-align:left}
.chargeapp-study .chargeapp-visual>b{z-index:1;color:#ffffffa6;font-size:clamp(1.8rem,5vw,4.6rem);line-height:.95;letter-spacing:-.07em;font-weight:500}
.chargeapp-study .chargeapp-visual--hero{aspect-ratio:2456/1380;min-height:0;padding:0;background:#101010}
.chargeapp-study .chargeapp-visual--hero:before,.chargeapp-study .chargeapp-visual--hero:after{display:none}
.chargeapp-study .chargeapp-visual--hero img{display:block;width:100%;max-width:100%;height:auto}
.chargeapp-study .chargeapp-stage{position:relative}
.chargeapp-study .chargeapp-stage--brand,.chargeapp-study .chargeapp-stage--mobile,.chargeapp-study .chargeapp-stage--evolution{background:#141414}
.chargeapp-brand-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:26px;margin-top:56px}
.chargeapp-brand-grid .chargeapp-visual--brand-primary{aspect-ratio:1.55}
.chargeapp-brand-support{display:grid;grid-template-rows:1fr 1fr;gap:26px;min-width:0}
.chargeapp-brand-support .chargeapp-visual--brand-detail{aspect-ratio:1.8}
.chargeapp-brand-grid .chargeapp-visual--brand-primary,.chargeapp-brand-support .chargeapp-visual--brand-detail{padding:0;background:#101010}
.chargeapp-brand-grid .chargeapp-visual--brand-primary:before,.chargeapp-brand-grid .chargeapp-visual--brand-primary:after,.chargeapp-brand-support .chargeapp-visual--brand-detail:before,.chargeapp-brand-support .chargeapp-visual--brand-detail:after{display:none}
.chargeapp-brand-grid .chargeapp-visual--brand-primary img,.chargeapp-brand-support .chargeapp-visual--brand-detail img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain}
.chargeapp-study .chargeapp-figure--wide{margin-top:48px}
.chargeapp-study .chargeapp-map-viewport{aspect-ratio:auto;min-height:0;padding:0;display:block;overflow-x:auto;overflow-y:hidden;background:#101010;overscroll-behavior-inline:contain;scrollbar-color:var(--accent) #242424}
.chargeapp-study .chargeapp-map-viewport:before,.chargeapp-study .chargeapp-map-viewport:after{display:none}
.chargeapp-study .chargeapp-map-viewport img{position:static;display:block;width:100%;max-width:none;height:auto;object-fit:contain}
.chargeapp-mobile-screens{display:grid;gap:clamp(18px,2.5vw,30px);margin-top:30px}
.chargeapp-mobile-screens img{display:block;width:100%;max-width:100%;height:auto}
.chargeapp-study .chargeapp-visual--backoffice,.chargeapp-study .chargeapp-visual--evolution{aspect-ratio:16/9}
.chargeapp-study .chargeapp-visual--evolution{background:linear-gradient(135deg,#242424,#171717 62%,#272116);border-color:#ffb50055}
.chargeapp-contribution-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px;margin:42px 0 0;padding:0;list-style:none;border-top:1px solid #3b3b3b}
.chargeapp-contribution-list li{padding:19px 0;border-bottom:1px solid #3b3b3b;color:#d0d0d0;font-size:.9rem;line-height:1.45}
.chargeapp-end{background:#171717}
.chargeapp-stage--problem .case-stage-body{align-items:start}
.chargeapp-survey-figure{margin:clamp(38px,5vw,66px) 0 0;padding-top:22px;border-top:1px solid #3b3b3b}
.chargeapp-survey-heading{display:block;color:var(--accent);font-size:.62rem;margin-bottom:16px}
.chargeapp-survey-list{list-style:none;margin:0;padding:0;border-top:1px solid #303030}
.chargeapp-survey-row{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(150px,1fr) 48px;grid-template-areas:"label track value";align-items:center;gap:18px;padding:13px 0;border-bottom:1px solid #303030}
.chargeapp-survey-label{grid-area:label;min-width:0;color:#d2d2d2;font-size:.78rem;line-height:1.4}
.chargeapp-survey-track{grid-area:track;display:block;height:7px;overflow:hidden;background:#383838}
.chargeapp-survey-track span{display:block;height:100%;background:var(--accent)}
.chargeapp-survey-value{grid-area:value;color:var(--accent);font:500 .72rem/1 var(--mono);text-align:right;white-space:nowrap}
.chargeapp-survey-source{margin:18px 0 0;color:#9b9b9b;font: .58rem/1.6 var(--mono)}
.chargeapp-opportunity{display:grid;grid-template-columns:minmax(100px, .28fr) minmax(0,1fr);gap:24px;margin:42px 0 0;padding:20px 0;border-top:1px solid #ffb50070;border-bottom:1px solid #3b3b3b;color:#e0e0e0;font-size:clamp(.9rem,1.35vw,1.05rem);line-height:1.55}
.chargeapp-opportunity .mono{color:var(--accent);font-size:.58rem}

@media(max-width:980px){
  .chargeapp-brand-grid{grid-template-columns:minmax(0,1fr) minmax(0,.8fr)}
}

@media(max-width:760px){
  .chargeapp-study .case-hero{padding-bottom:62px}
  .chargeapp-study .case-hero h1{font-size:clamp(3.7rem,17vw,7rem)}
  .chargeapp-study .case-summary{margin-top:24px}
  .chargeapp-study .chargeapp-visual{padding:20px;aspect-ratio:4/3}
  .chargeapp-study .chargeapp-visual--hero{aspect-ratio:2456/1380;min-height:0;padding:0}
  .chargeapp-study .chargeapp-visual>span{top:14px;left:14px;max-width:76%;font-size:.49rem}
  .chargeapp-study .chargeapp-visual>b{font-size:clamp(1.7rem,8vw,3rem)}
  .chargeapp-brand-grid{grid-template-columns:1fr;gap:18px;margin-top:34px}
  .chargeapp-brand-grid .chargeapp-visual--brand-primary{aspect-ratio:1.3}
  .chargeapp-brand-support{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;gap:14px}
  .chargeapp-brand-support .chargeapp-visual--brand-detail{aspect-ratio:1.15}
  .chargeapp-study .chargeapp-figure--wide{margin-top:32px}
  .chargeapp-study .chargeapp-map-viewport{aspect-ratio:auto;min-height:0;padding:0}
  .chargeapp-study .chargeapp-map-viewport img{width:720px;min-width:720px}
  .chargeapp-mobile-screens{gap:18px;margin-top:22px}
  .chargeapp-contribution-list{grid-template-columns:1fr;margin-top:30px}
  .chargeapp-contribution-list li{font-size:.84rem}
  .chargeapp-survey-figure{margin-top:34px;padding-top:18px}
  .chargeapp-survey-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"label value" "track track";gap:8px 14px;padding:14px 0}
  .chargeapp-survey-label{font-size:.73rem}
  .chargeapp-survey-track{height:6px}
  .chargeapp-survey-source{font-size:.53rem}
  .chargeapp-opportunity{grid-template-columns:1fr;gap:8px;margin-top:30px;padding:16px 0;font-size:.9rem}
}