/* Morris Standard — Service Business v2.9.70
   Real Eclipse project imagery + full-bleed desktop hero + trust/enquiry evidence. */

@media (min-width:981px){
  .msc-completion-page .msc-svc38-hero{
    padding:0;
    background:#f6f2e9;
  }

  .msc-completion-page .msc-svc38-hero__grid{
    width:100%;
    max-width:none;
    min-height:clamp(640px,48vw,790px);
    margin:0;
    padding:0;
    grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);
    gap:0;
    align-items:stretch;
  }

  .msc-completion-page .msc-svc38-hero__rail{
    display:none;
  }

  .msc-completion-page .msc-svc38-hero__copy{
    align-self:center;
    max-width:780px;
    padding:clamp(4.8rem,7vw,7rem) clamp(3rem,5vw,5.5rem)
            clamp(4.4rem,6vw,6.2rem)
            max(28px,calc((100vw - 1440px)/2));
  }

  .msc-completion-page .msc-svc38-hero__visual{
    position:relative;
    align-self:stretch;
    min-width:0;
    min-height:clamp(640px,48vw,790px);
    margin:0;
    padding:0;
    overflow:hidden;
    background:#061f28;
  }

  .msc-completion-page .msc-svc38-hero__visual img{
    position:absolute;
    inset:0;
    display:block;
    width:100%;
    height:100%;
    max-width:none;
    object-fit:cover;
    object-position:center;
    border:0;
  }

  .msc-completion-page .msc-svc38-hero__visual figcaption{
    position:absolute;
    z-index:3;
    left:0;
    right:0;
    bottom:0;
    display:grid;
    grid-template-columns:max-content minmax(0,1fr);
    gap:1rem;
    margin:0;
    padding:1rem 1.3rem;
    background:rgba(6,31,40,.9);
    color:rgba(255,255,255,.76);
    backdrop-filter:blur(8px);
  }

  .msc-completion-page .msc-svc38-hero__visual figcaption span{color:#f0a08f}
  .msc-completion-page .msc-svc38-hero__visual figcaption strong{color:#fff}
}

/* Genuine website evidence sits beside the trust argument rather than as decoration. */
.msc-completion-page .msc-svc38-trust__visual{
  margin:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.14);
  background:#071f27;
  box-shadow:0 22px 48px rgba(0,0,0,.2);
}

.msc-completion-page .msc-svc38-trust__visual img{
  display:block;
  width:100%;
  aspect-ratio:3/2;
  object-fit:cover;
}

.msc-completion-page .msc-svc38-trust__visual figcaption{
  padding:.85rem 1rem 1rem;
  border-top:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.64);
  font-size:.68rem;
  line-height:1.45;
}

@media (min-width:981px){
  .msc-completion-page .msc-svc38-trust__grid{
    grid-template-columns:minmax(300px,.56fr) minmax(0,1.12fr);
    align-items:start;
  }

  .msc-completion-page .msc-svc38-trust__copy{
    grid-row:1/3;
    align-self:center;
  }

  .msc-completion-page .msc-svc38-trust__visual,
  .msc-completion-page .msc-svc38-trust__field{
    grid-column:2;
  }

  .msc-completion-page .msc-svc38-trust__field{
    margin-top:1.25rem;
  }
}

/* A real customer-facing journey now leads into the question/answer rows. */
.msc-completion-page .msc-svc38-conversation__visual{
  width:min(100%,1120px);
  margin:0 auto 2.6rem;
  overflow:hidden;
  border:1px solid rgba(10,40,50,.13);
  background:#fff;
  box-shadow:0 16px 40px rgba(10,40,50,.08);
}

.msc-completion-page .msc-svc38-conversation__visual img{
  display:block;
  width:100%;
  aspect-ratio:3/2;
  object-fit:cover;
}

.msc-completion-page .msc-svc38-conversation__visual figcaption{
  padding:.9rem 1rem 1rem;
  border-top:1px solid rgba(10,40,50,.12);
  color:var(--bp-muted);
  font-size:.68rem;
  line-height:1.45;
}

@media (max-width:980px){
  .msc-completion-page .msc-svc38-hero{
    background:#f6f2e9;
  }

  .msc-completion-page .msc-svc38-hero__grid{
    width:var(--bp-shell, min(92vw,1440px));
    max-width:none;
    margin-inline:auto;
    grid-template-columns:1fr;
    gap:2.4rem;
  }

  .msc-completion-page .msc-svc38-hero__rail{display:none}

  .msc-completion-page .msc-svc38-hero__visual{
    position:relative;
    grid-column:auto;
    min-height:0;
    margin:0;
    padding:0;
    overflow:hidden;
    background:#061f28;
  }

  .msc-completion-page .msc-svc38-hero__visual img{
    position:relative;
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:3/2;
    object-fit:cover;
  }

  .msc-completion-page .msc-svc38-hero__visual figcaption{
    position:relative;
    display:grid;
    grid-template-columns:max-content minmax(0,1fr);
    gap:.75rem;
    margin:0;
    padding:.9rem 1rem 1rem;
    background:#061f28;
    color:rgba(255,255,255,.7);
  }

  .msc-completion-page .msc-svc38-hero__visual figcaption span{color:#f0a08f}

  .msc-completion-page .msc-svc38-trust__visual,
  .msc-completion-page .msc-svc38-conversation__visual{
    width:100%;
  }
}

@media (max-width:620px){
  .msc-completion-page .msc-svc38-hero__visual{
    margin-inline:-1rem;
    width:calc(100% + 2rem);
  }

  .msc-completion-page .msc-svc38-hero__visual figcaption{
    grid-template-columns:1fr;
    gap:.3rem;
  }

  .msc-completion-page .msc-svc38-trust__visual img,
  .msc-completion-page .msc-svc38-conversation__visual img{
    aspect-ratio:4/3;
  }
}
