/* Gloway case studies — unified editorial photographic covers, October 2026.
   Photography is illustrative unless explicitly documented as client evidence. */
.gloway-case-photo {
  position:relative; isolation:isolate; display:block; overflow:hidden;
  width:100%; aspect-ratio:16/9; background:#164c34;
  border-radius:12px 12px 0 0; line-height:0;
}
.gloway-case-photo * { box-sizing:border-box; }
.gloway-case-photo > img {
  position:absolute; inset:0; display:block; width:100%; height:100%;
  max-width:none; object-fit:cover; object-position:center center;
  filter:saturate(.88) contrast(1.04); transition:transform .45s ease;
  border:0; border-radius:0; margin:0;
}
.gloway-case-photo::after {
  content:""; position:absolute; z-index:1; inset:0; pointer-events:none;
  background:
    linear-gradient(90deg,rgba(4,57,35,.91) 0%,rgba(5,68,40,.76) 33%,rgba(7,75,44,.42) 64%,rgba(11,102,56,.22) 100%),
    linear-gradient(180deg,rgba(5,48,30,.22) 0%,rgba(3,43,29,0) 47%,rgba(2,38,26,.37) 100%);
}
.gloway-case-photo__label {
  position:absolute; z-index:2; top:14px; left:15px; max-width:75%;
  display:inline-flex; align-items:center; gap:6px;
  padding:8px 10px; background:#0f6938; border:1px solid #ffffff30;
  border-radius:3px; box-shadow:0 2px 8px #06271929;
  color:#fff; font:700 10px/1.1 Arial,Helvetica,sans-serif; letter-spacing:.11em;
  text-transform:uppercase; white-space:nowrap;
}
.gloway-case-photo__label::before { content:""; width:5px; height:8px; background:#ff8046; flex:none; }
.gloway-case-photo__accent {
  position:absolute; z-index:2; bottom:0; left:0; width:33%; height:5px;
  background:#ff8046; pointer-events:none;
}
.gloway-case-photo--container > img { object-position:50% 51%; }
.gloway-case-photo--fda > img { object-position:50% 49%; }
.gloway-case-photo--sellthrough > img {
  transform:scale(1.55); transform-origin:100% 50%;
  object-position:50% 50%; filter:saturate(.94) contrast(1.07);
}
.gloway-case-photo--sellthrough::after {
  background:
    linear-gradient(90deg,rgba(4,57,35,.92) 0%,rgba(5,68,40,.78) 31%,rgba(7,75,44,.46) 60%,rgba(11,102,56,.20) 100%),
    linear-gradient(180deg,rgba(5,48,30,.20),rgba(2,38,26,.26));
}
.gloway-case-v2 .gloway-case-photo { border-radius:14px 14px 0 0; }
.case-card .gloway-case-photo { border-radius:12px; }
.case-detail .case-feature-cover .gloway-case-photo {
  aspect-ratio:16/9!important; border-radius:16px!important;
}
.case-detail .case-feature-cover .gloway-case-photo--sellthrough > img { transform:none; }
.gloway-case-photo-note {
  margin:10px 4px 0; color:#667b70; font:400 12px/1.5 Arial,Helvetica,sans-serif;
}
.gloway-case-photo-note a { color:#0f6938; text-underline-offset:2px; }
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  a:hover .gloway-case-photo--container > img, a:hover .gloway-case-photo--fda > img { transform:scale(1.035); }
  a:hover .gloway-case-photo--sellthrough > img { transform:scale(1.61); }
}
@media (max-width:650px) {
  .gloway-case-photo { aspect-ratio:16/9!important; }
  .gloway-case-photo__label { top:10px; left:10px; padding:6px 8px; font-size:8px; }
  .gloway-case-photo__accent { height:4px; }
}
@media (prefers-reduced-motion:reduce) {
 .gloway-case-photo > img { transition:none!important; }
}


/* Shared outcome headline across case-study cards and article hero covers.
   Labels distinguish reported client outcomes from illustrative scenarios. */
.gloway-case-photo__metric {
  position:absolute; z-index:3; left:5.5%; bottom:13%;
  display:flex; flex-direction:column; align-items:flex-start;
  gap:8px; max-width:88%;
  color:#fff; text-align:left; line-height:1.08;
  text-shadow:0 2px 8px rgba(0,30,18,.27);
  pointer-events:none;
}
.gloway-case-photo__value {
  display:block; color:#fff; font-family:Arial,Helvetica,sans-serif;
  font-weight:850; font-size:clamp(35px,3.8vw,62px);
  line-height:.98; letter-spacing:-.05em;
  white-space:nowrap;
}
.gloway-case-photo__context {
  display:block; color:#f3fbf5; font-family:Arial,Helvetica,sans-serif;
  font-size:clamp(8px,.85vw,13px); font-weight:750;
  letter-spacing:.09em; text-transform:uppercase; line-height:1.38;
  max-width:280px;
}
.gloway-case-photo__evidence {
  display:block; margin-top:3px; padding:5px 7px;
  border:1px solid rgba(255,255,255,.38);
  border-radius:3px; color:#e5f6ea;
  font:650 clamp(8px,.72vw,10px)/1.1 Arial,Helvetica,sans-serif;
  letter-spacing:.04em; text-transform:none;
}
.case-detail .case-feature-cover .gloway-case-photo__metric {
  left:6%; bottom:12%; gap:12px;
}
.case-detail .case-feature-cover .gloway-case-photo__value {
  font-size:clamp(50px,6.2vw,95px);
}
.case-detail .case-feature-cover .gloway-case-photo__context {
  font-size:clamp(11px,1.15vw,16px); max-width:420px;
}
@media(max-width:650px) {
  .gloway-case-photo__metric { left:6%; bottom:12%; gap:5px; }
  .gloway-case-photo__value { font-size:clamp(29px,8.3vw,48px); }
  .gloway-case-photo__context { font-size:clamp(7px,2.2vw,11px); }
  .gloway-case-photo__evidence { font-size:8px; padding:4px 6px; }
  .case-detail .case-feature-cover .gloway-case-photo__value { font-size:clamp(36px,10vw,70px); }
}