/* Opening slides, approved copy and department details. */
.automation-badge,.case-badge { color:var(--blue-text); background:var(--surface-blue); border:1px solid #c4d9fa; border-radius:100px; display:inline-block; font-size:12px; line-height:1.3; font-weight:600; letter-spacing:0; padding:6px 12px; }
.experience-heading { display:grid; justify-items:start; gap:10px; }
.case-badge { font-size:.7em; padding:.15em .45em; vertical-align:baseline; }
.leaders-copy .key-thought { color:var(--blue-text); padding:18px 20px; background:#ffffffb8; border-left:4px solid var(--blue); border-radius:0 16px 16px 0; }
.leaders-art img { max-height:360px; }
.clients-grid { grid-template-columns:repeat(4,minmax(0,1fr)); grid-template-rows:1.3fr 1fr; }
.clients-grid .client { grid-column:auto; }
.clients-grid .client-vkusvill { grid-column:1 / -1; min-height:180px; }
.client-vkusvill img { width:420px; max-width:70%; max-height:90px; }
.client-epromo { flex-direction:column; gap:12px; }
.client-epromo .client-caption { margin:0; color:var(--body); font-size:clamp(12px,1.1vw,14px); line-height:1.3; }
.client-cult img { width:190px; max-height:80px; }
.client-subbota img { width:180px; }
.departments li { display:flex; align-items:center; justify-content:space-between; gap:12px; text-align:left; }
.case-view { color:var(--blue-text); font-size:12px; font-weight:600; text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px; white-space:nowrap; padding:6px 0; }
.case-view:hover { color:var(--blue-deep); }
.case-process + .case-process { margin-top:24px; }
.case-process h3 { font-size:19px; line-height:1.25; color:var(--blue-text); margin:0 0 8px; letter-spacing:-.02em; }
.case-process p { font-size:16px; line-height:1.55; color:var(--body); margin:0; }
@media screen and (min-width:761px) and (max-width:1100px) {
  .departments li { flex-direction:column; align-items:flex-start; gap:0; }
}
@media screen and (max-width:760px) {
  .has-viewer .leaders-copy .key-thought { padding:clamp(6px,1.5cqh,12px) 12px; }
  .has-viewer .experience-heading { gap:4px; }
  .has-viewer .automation-badge { font-size:clamp(9px,2cqh,12px); padding:3px 8px; }
  .has-viewer .clients-grid { grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:1.35fr 1fr 1fr; gap:clamp(10px,2.5cqh,18px); }
  .has-viewer .clients-grid .client { grid-column:auto; min-height:0; padding:clamp(14px,3cqh,24px); }
  .has-viewer .clients-grid .client-vkusvill { grid-column:1 / -1; }
  .has-viewer .client-vkusvill img { max-width:86%; width:360px; max-height:90px; }
  .has-viewer .client:not(.client-vkusvill) img { width:100%; max-height:60px; }
  .has-viewer .departments { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(4px,1cqh,10px); margin-top:clamp(6px,1.5cqh,14px); }
  .has-viewer .departments li { flex-direction:column; align-items:flex-start; white-space:normal; gap:0; padding:clamp(4px,1.2cqh,9px) 10px; line-height:1.2; font-size:clamp(11px,2.5cqh,14px); }
  .has-viewer .case-view { font-size:clamp(10px,2.2cqh,12px); line-height:1.15; padding:4px 0 1px; }
  .has-viewer .slide-case h2 { font-size:clamp(20px,min(6vw,5.3cqh),32px); }
  .has-viewer .case-intro { margin-top:clamp(6px,1.4cqh,12px); }
  .has-viewer .case-metrics { margin-top:clamp(8px,1.8cqh,16px); gap:6px; }
  .has-viewer .case-metric { padding:clamp(6px,1.3cqh,12px) 12px; }
  .has-viewer .case-metric strong { font-size:clamp(28px,6.5cqh,48px); }
  .has-viewer .case-metric p { font-size:clamp(11px,2.5cqh,15px); }
  .case-process h3 { font-size:18px; }
  .case-process p { font-size:15px; }
}
@media screen and (min-width:761px) and (max-height:500px) {
  .has-viewer .experience-heading { gap:3px; }
  .has-viewer .automation-badge { font-size:9px; padding:2px 7px; }
  .has-viewer .leaders-copy .key-thought { padding:6px 12px; }
  .has-viewer .clients-grid { grid-template-columns:1.6fr repeat(4,minmax(0,1fr)); grid-template-rows:1fr; }
  .has-viewer .clients-grid .client { grid-column:auto; min-height:75px; padding:14px; }
  .has-viewer .client-vkusvill img { max-width:100%; }
  .has-viewer .departments li { padding:4px 8px; gap:6px; }
  .has-viewer .case-view { padding:3px 0; font-size:10px; }
  .has-viewer .case-badge { font-size:.65em; }
}
@media print {
}
@media screen and (max-width:760px) {
  @container (max-height:640px) {
    .has-viewer .slide-experience .intro { margin-top:6px; line-height:1.25; }
    .has-viewer .slide-experience .stats-grid { gap:6px; margin-top:6px; }
    .has-viewer .slide-experience .stat { padding:5px 8px; }
    .has-viewer .slide-experience .stat strong { font-size:clamp(22px,5.2cqh,34px); }
    .has-viewer .slide-experience .stat p { font-size:clamp(11px,2.2cqh,14px); line-height:1.15; }
    .has-viewer .slide-experience .experience-note { padding:6px 8px; margin-top:6px; gap:3px; }
    .has-viewer .slide-experience .experience-heading { gap:2px; }
    .has-viewer .slide-experience .automation-badge { font-size:clamp(9px,1.9cqh,12px); padding:2px 7px; }
    .has-viewer .slide-experience .experience-note h3 { font-size:clamp(14px,2.8cqh,20px); line-height:1.15; }
    .has-viewer .slide-experience .experience-note p { font-size:clamp(11px,2.2cqh,14px); line-height:1.15; }
  }
}
@media screen and (min-width:761px) and (max-height:370px) {
  .has-viewer .slide-experience { padding-block:8px; }
  .has-viewer .slide-experience h2,.has-viewer .slide-case h2 { font-size:20px; }
  .has-viewer .slide-experience .intro { font-size:11px; line-height:1.2; margin-top:6px; }
  .has-viewer .slide-experience .stats-grid { margin-top:8px; }
  .has-viewer .slide-experience .stat { padding:6px 8px; }
  .has-viewer .slide-experience .stat strong { font-size:24px; }
  .has-viewer .slide-experience .stat p { font-size:11px; line-height:1.15; margin-top:4px; }
  .has-viewer .slide-experience .experience-note { padding:6px 10px; margin-top:8px; gap:10px; }
  .has-viewer .slide-experience .experience-note h3 { font-size:14px; }
  .has-viewer .slide-experience .experience-note h3 br { display:none; }
  .has-viewer .slide-experience .experience-note p { font-size:11px; line-height:1.2; }
}