/* INNOLIFE_V4524_CONSOLIDATION — conversion-first modal, proof media, lower repetition */

/* Lead popup: start with the customer's request. Marketing media never belongs here. */
.lead-video-block,.youtube-preview-lead{display:none!important}

/* Shared proof block for Solutions and Projects. Visually consistent with About, but lighter. */
.proof-media-v4524{padding:clamp(28px,4vw,58px) 0}
.proof-media-grid-v4524{
  display:grid;
  grid-template-columns:minmax(0,.86fr) minmax(420px,1.14fr);
  align-items:center;
  gap:clamp(28px,4.8vw,76px);
}
.proof-media-grid-reverse-v4524{grid-template-columns:minmax(420px,1.14fr) minmax(0,.86fr)}
.proof-media-copy-v4524{max-width:620px}
.proof-media-copy-v4524 h2{margin:.3rem 0 .85rem!important}
.proof-media-copy-v4524>p:not(.eyebrow){max-width:58ch;margin-bottom:1rem}
.proof-video-v4524{min-width:0}
.proof-video-v4524 .youtube-preview,.proof-video-v4524 .youtube-frame{
  width:100%!important;
  aspect-ratio:16/9!important;
  border-radius:18px!important;
  overflow:hidden!important;
  box-shadow:0 22px 52px #0005!important;
}
.proof-video-v4524 .youtube-preview img{width:100%!important;height:100%!important;object-fit:cover!important}

/* Slight separation from adjacent card grids without creating another visual 'island'. */
.proof-media-solutions-v4524{padding-top:12px;padding-bottom:38px}
.proof-media-projects-v4524{padding-top:12px;padding-bottom:42px}

/* Keep the restrained v45.2.3 hierarchy; narrow page leads get a comfortable measure. */
.page-hero .narrow>p:not(.eyebrow){max-width:68ch;line-height:1.7}
.section-head.compact h2{max-width:760px}

@media (max-width:1000px){
  .proof-media-grid-v4524,.proof-media-grid-reverse-v4524{grid-template-columns:1fr;gap:24px}
  .proof-media-copy-v4524{max-width:700px}
  .proof-media-projects-v4524 .proof-video-v4524{order:2}
  .proof-media-projects-v4524 .proof-media-copy-v4524{order:1}
}
@media (max-width:620px){
  .proof-media-v4524{padding:24px 0 32px}
  .proof-video-v4524 .youtube-preview,.proof-video-v4524 .youtube-frame{border-radius:14px!important}
}