.solution-dialog-shell{padding:0 0 48px;border-top:7px solid var(--amber)}
.dialog-close{position:absolute;z-index:5;float:none;top:18px;right:18px;margin:0;border-color:rgba(255,255,255,.45);background:rgba(255,255,255,.94);box-shadow:0 8px 24px rgba(3,15,25,.22)}
.dialog-visual{position:relative;height:290px;overflow:hidden;background:var(--navy)}
.dialog-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.dialog-visual-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,15,25,.95) 0%,rgba(3,15,25,.48) 58%,rgba(3,15,25,.12) 100%)}
.dialog-visual-copy{position:absolute;z-index:2;left:clamp(26px,7vw,76px);right:clamp(26px,7vw,76px);bottom:34px;color:#fff}
.dialog-visual-copy .dialog-number{color:var(--amber);margin-bottom:12px}
.solution-dialog .dialog-visual-copy h2{color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.3)}
.dialog-body{padding:0 clamp(26px,7vw,76px)}
.dialog-body .dialog-lead{margin-top:34px}
.dialog-body h3{padding-left:15px;border-left:3px solid var(--amber)}

@media(max-width:620px){
  .solution-dialog-shell{padding:0 0 34px;border-top-width:5px}
  .dialog-close{top:14px;right:14px;margin:0}
  .dialog-visual{height:250px}
  .dialog-visual>img{object-position:center}
  .dialog-visual-copy{left:20px;right:66px;bottom:24px}
  .solution-dialog .dialog-visual-copy h2{font-size:clamp(2rem,9vw,2.55rem);line-height:1.02}
  .dialog-body{padding:0 20px}
  .dialog-body .dialog-lead{margin-top:26px}
  .dialog-body h3{margin-top:30px}
}