/* Clearer glass: the photograph remains visible through the surface.
   Background dimming keeps small white text readable on bright photographs. */
.expertise-v21 .expertise-cover-copy,
.case-visual .case-caption {
  background:rgb(27 32 36 / .28);
  -webkit-backdrop-filter:blur(8px) saturate(1.16) brightness(.58);
  backdrop-filter:blur(8px) saturate(1.16) brightness(.58);
  border-color:rgb(255 255 255 / .46);
}
.case-visual .case-view-business { background:rgb(255 255 255 / .05); }
.case-caption .case-caption-meta>span { color:#fff; }

/* Industry photographs span the whole story; the buyer's questions sit over
   them as a single glass sheet. Content determines height, never clipping. */
.industry-v22 .industry-explorer { background:transparent; }
.industry-v22 .bm-story-industry { background:transparent; }
.industry-v22 .industry-panel {
  display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:1fr;
  position:relative; isolation:isolate; min-height:600px; padding:30px;
  background:#23272b; overflow:hidden; border-radius:4px;
}
.industry-v22 .industry-panel[hidden] { display:none; }
.industry-v22 .industry-panel .industry-photo {
  position:absolute; inset:0; margin:0; width:100%; height:100%; min-height:0;
  aspect-ratio:auto; clip-path:none; z-index:-1;
}
.industry-v22 .industry-photo>img { object-position:50% 50%; }
.industry-v22 #industry-panel-production .industry-photo>img { object-position:40% 50%; }
.industry-v22 .industry-copy {
  position:relative; grid-area:1/1; justify-self:end; align-self:end;
  width:47%; max-width:580px; padding:28px 30px; color:#fff;
  border:1px solid rgb(255 255 255 / .48); border-radius:24px;
  background:rgb(27 32 36 / .28);
  -webkit-backdrop-filter:blur(8px) saturate(1.16) brightness(.58);
  backdrop-filter:blur(8px) saturate(1.16) brightness(.58);
  box-shadow:inset 0 1px 0 rgb(255 255 255 / .24),inset 0 -1px 0 rgb(0 0 0 / .16),0 8px 24px rgb(0 0 0 / .12);
}
.industry-v22 .industry-copy::before {
  content:""; pointer-events:none; position:absolute; inset:5px; border-radius:19px;
  border:1px solid rgb(255 255 255 / .09); border-bottom-color:transparent;
}
.industry-v22 .industry-copy .industry-copy-label {
  color:#fff; font-size:10px; font-weight:500; letter-spacing:.12em;
  display:flex; align-items:center; gap:10px; margin-bottom:23px;
}
.industry-v22 .industry-copy-label::before { content:""; width:5px; height:5px; background:#f5921e; flex:0 0 5px; }
.industry-v22 .industry-copy h3 { color:#fff; font-size:clamp(30px,2.9vw,43px); line-height:1.1; letter-spacing:-.045em; }
.industry-v22 .industry-copy>p:not(.industry-copy-label) { color:#fff; font-size:13px; line-height:1.75; margin-top:20px; }
.industry-v22 .industry-focus { margin-top:24px; border-color:rgb(255 255 255 / .32); }
.industry-v22 .industry-focus>div { grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); font-size:12px; gap:16px; padding:11px 0; border-color:rgb(255 255 255 / .22); }
.industry-v22 .industry-focus dt,.industry-v22 .industry-focus dd { color:#fff; }
.industry-v22 .industry-focus dt { font-weight:600; }
.industry-v22 .industry-photo .industry-number {
  left:26px; top:26px; bottom:auto; padding:10px 15px; font-size:16px;
  border:1px solid rgb(255 255 255 / .4); border-radius:50px;
  background:rgb(27 32 36 / .3); -webkit-backdrop-filter:blur(8px) brightness(.65); backdrop-filter:blur(8px) brightness(.65);
}
.industry-v22 .industry-number>span { color:#fff; font-size:10px; }
.industry-v22 .bm-story-progress { background:#f4f5f6; }
.industry-v22 .bm-scroll-story.is-flow .industry-panel { min-height:600px; }
.industry-v22 .bm-scroll-story.is-flow .bm-story-chapter {
  position:absolute; z-index:2; top:20px; left:20px; right:auto; width:auto;
  min-height:0; padding:10px 14px; gap:15px; border:1px solid rgb(255 255 255 / .4);
  border-radius:50px; background:rgb(27 32 36 / .3);
  -webkit-backdrop-filter:blur(8px) brightness(.65); backdrop-filter:blur(8px) brightness(.65);
}
.industry-v22 .industry-link { margin-top:16px; border-radius:4px; }
@media(min-width:761px) and (max-width:1100px) {
  .industry-v22 .industry-panel { min-height:580px; padding:22px; }
  .industry-v22 .industry-copy { width:55%; padding:25px; }
  .industry-v22 .industry-copy h3 { font-size:32px; }
  .industry-v22 .industry-copy>p:not(.industry-copy-label) { font-size:12px; }
  .industry-v22 .industry-focus>div { font-size:11px; gap:10px; }
}
@media(max-width:760px) {
  .industry-v22 .industry-panel,
  .industry-v22 .bm-scroll-story.is-flow .industry-panel {
    display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:190px auto;
    min-height:0; padding:12px; gap:0; border-radius:4px;
  }
  .industry-v22 .industry-panel .industry-photo { position:absolute; height:100%; aspect-ratio:auto; }
  .industry-v22 .industry-copy { grid-area:2/1; width:100%; max-width:none; padding:23px 21px; border-radius:21px; }
  .industry-v22 .industry-copy::before { border-radius:16px; }
  .industry-v22 .industry-copy .industry-copy-label { font-size:9px; margin-bottom:19px; }
  .industry-v22 .industry-copy h3 { font-size:29px; line-height:1.12; }
  .industry-v22 .industry-copy>p:not(.industry-copy-label) { font-size:12px; line-height:1.7; margin-top:17px; }
  .industry-v22 .industry-focus { margin-top:20px; }
  .industry-v22 .industry-focus>div { font-size:11px; gap:12px; padding:10px 0; }
  .industry-v22 .bm-scroll-story.is-flow .bm-story-chapter { top:14px; left:14px; font-size:10px; padding:9px 12px; }
  .industry-v22 .industry-link { margin-top:10px; }
}
@media(max-width:370px) {
  .industry-v22 .industry-panel,.industry-v22 .bm-scroll-story.is-flow .industry-panel { padding:10px; grid-template-rows:175px auto; }
  .industry-v22 .industry-copy { padding:20px 17px; }
  .industry-v22 .industry-copy h3 { font-size:26px; }
  .industry-v22 .industry-focus>div { grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr); gap:9px; font-size:10px; }
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  .expertise-v21 .expertise-cover-copy,.case-visual .case-caption,.industry-v22 .industry-copy { background:rgb(35 39 43 / .94); }
}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more) {
  .expertise-v21 .expertise-cover-copy,.case-visual .case-caption,.industry-v22 .industry-copy,
  .industry-v22 .bm-scroll-story.is-flow .bm-story-chapter,.industry-v22 .industry-photo .industry-number {
    background:#23272b; -webkit-backdrop-filter:none; backdrop-filter:none;
  }
}
@media print {
  .industry-v22 .industry-panel { display:block; min-height:0; padding:0; background:#fff; }
  .industry-v22 .industry-panel .industry-photo { position:relative; height:220px; z-index:0; }
  .industry-v22 .industry-copy { width:100%; max-width:none; background:#23272b; -webkit-backdrop-filter:none; backdrop-filter:none; }
}