/* V5 solutions: four independent engineering scenario illustrations.
   Art is authored for each energy system, not slices of a common montage. */
body.v5-site .tabpanel .scene-hero{
  grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);
  gap:clamp(34px,4vw,56px);align-items:center;
  margin-bottom:37px;
}
body.v5-site .tabpanel .scene-hero figure{
  display:block;overflow:hidden;position:relative;
  border:1px solid rgba(195,205,225,.8);
  border-radius:14px;aspect-ratio:900/555;
  background:#f1f5fc;
  box-shadow:0 16px 42px rgba(48,68,122,.075);
  isolation:isolate;
}
body.v5-site .tabpanel .scene-hero figure:after{
  content:"";pointer-events:none;position:absolute;inset:0;
  border-radius:inherit;box-shadow:inset 0 1px rgba(255,255,255,.8);
}
body.v5-site .tabpanel .scene-hero figure img{
  display:block;width:100%;height:100%;object-fit:cover!important;
  object-position:center!important;
  filter:none!important;opacity:1!important;
  transition:none!important;transform:none!important;
}
body.v5-site #heating .scene-hero figure{
  border-color:#d8dde8;
  background:#e8eefb;
}
body.v5-site #park .scene-hero figure{
  border-color:#D8E7D9;background:#EFF9F0;
}
body.v5-site #datacenter .scene-hero figure{
  border-color:#DCE3F1;background:#eaf0fc;
}
body.v5-site #manufacturing .scene-hero figure{
  border-color:#EDE3D7;background:#FAF2E9;
}
body.v5-site .tabpanel .scene-hero h3{
  color:#253256;font-size:clamp(23px,2.1vw,29px);
  line-height:1.4;letter-spacing:-.025em;
}
body.v5-site .tabpanel .scene-hero p{
  color:#5a698c;font-size:15px;line-height:1.9;
  max-width:570px;
}
/* This tab is user-controlled: no page-load animation per panel. */
body.v5-site .tabpanel{animation:none!important}
body.v5-site .tabpanel .scene-hero{opacity:1;transform:none}
@media(max-width:920px){
 body.v5-site .tabpanel .scene-hero{
  grid-template-columns:1fr;gap:23px
 }
 body.v5-site .tabpanel .scene-hero figure{
  width:100%;max-width:850px;margin:0
 }
}
@media(max-width:600px){
 body.v5-site .tabpanel .scene-hero{gap:18px}
 body.v5-site .tabpanel .scene-hero figure{border-radius:11px}
 body.v5-site .tabpanel .scene-hero h3{font-size:23px}
 body.v5-site .tabpanel .scene-hero p{font-size:14px;line-height:1.85}
}
@media(prefers-reduced-motion:reduce){
 body.v5-site .tabpanel .scene-hero *{transition:none!important;animation:none!important}
}
