/* Morris Standard — Branding Services v2.9.68
   Real project imagery + full-bleed right-hand hero + image-free launch pathway. */

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

  .msc-completion-page .msc-brand32-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-brand32-hero__copy{
    align-self:center;
    max-width:780px;
    padding:clamp(4.9rem,7vw,7.2rem) clamp(3rem,5vw,5.8rem)
            clamp(4.5rem,6vw,6.4rem)
            max(28px,calc((100vw - 1440px)/2));
  }

  .msc-completion-page .msc-brand32-hero__art{
    position:relative;
    align-self:stretch;
    min-width:0;
    min-height:clamp(640px,48vw,790px);
    margin:0;
    overflow:hidden;
    display:block;
    background:#0b2227;
  }

  .msc-completion-page .msc-brand32-hero__art img{
    position:absolute;
    inset:0;
    display:block;
    width:100%;
    height:100%;
    max-width:none;
    margin:0;
    border-radius:0;
    object-fit:cover;
    object-position:center;
    box-shadow:none;
    filter:none;
  }

  .msc-completion-page .msc-brand32-hero__art figcaption{
    position:absolute;
    z-index:3;
    left:0;
    right:0;
    bottom:0;
    grid-template-columns:max-content minmax(0,1fr);
    gap:1rem;
    margin:0;
    padding:1rem 1.3rem;
    border:0;
    background:rgba(6,23,28,.9);
    backdrop-filter:blur(8px);
  }

  .msc-completion-page .msc-brand32-hero__art figcaption span{color:#f0a88f}
  .msc-completion-page .msc-brand32-hero__art figcaption strong{color:rgba(255,255,255,.88)}
}

/* Let the approved real-project imagery carry more visual weight in the four foundations. */
.msc-completion-page .msc-brand32-pillar>img{
  height:clamp(165px,12vw,205px);
  object-fit:cover;
  object-position:center;
}

/* Replace the old fictional launch illustration with a restrained, responsive process line. */
.msc-completion-page .msc-brand32-pathway__visual{
  display:grid;
  grid-template-columns:auto 1fr auto 1fr auto 1fr auto 1fr auto;
  align-items:center;
  gap:0;
  margin:0;
  padding:1.5rem 0;
  border-top:1px solid rgba(103,88,66,.14);
  border-bottom:1px solid rgba(103,88,66,.14);
}

.msc-completion-page .msc-brand32-pathway__visual>span{
  display:grid;
  place-items:center;
  width:112px;
  min-height:92px;
  padding:.85rem;
  border:1px solid rgba(11,42,53,.16);
  border-radius:999px;
  background:#fbf8f1;
  text-align:center;
  box-shadow:0 10px 24px rgba(45,39,30,.05);
}

.msc-completion-page .msc-brand32-pathway__visual>span b{
  color:var(--brand32-terracotta);
  font-size:.6rem;
  letter-spacing:.1em;
}

.msc-completion-page .msc-brand32-pathway__visual>span strong{
  margin-top:.28rem;
  color:#18303a;
  font-family:var(--wp--preset--font-family--serif,Georgia,serif);
  font-size:1rem;
  font-weight:400;
}

.msc-completion-page .msc-brand32-pathway__visual>i{
  display:block;
  height:1px;
  background:linear-gradient(90deg,rgba(201,78,54,.34),rgba(62,70,57,.42));
}

@media(max-width:980px){
  .msc-completion-page .msc-brand32-hero__grid{
    grid-template-columns:1fr;
    gap:2.4rem;
  }

  .msc-completion-page .msc-brand32-hero__art{
    margin:0;
  }

  .msc-completion-page .msc-brand32-hero__art img{
    width:100%;
    max-width:none;
    margin:0;
    border-radius:14px 14px 0 0;
  }

  .msc-completion-page .msc-brand32-pathway__visual{
    grid-template-columns:1fr;
    gap:.55rem;
  }

  .msc-completion-page .msc-brand32-pathway__visual>span{
    width:100%;
    min-height:0;
    grid-template-columns:auto 1fr;
    justify-content:start;
    gap:.75rem;
    border-radius:4px;
    text-align:left;
  }

  .msc-completion-page .msc-brand32-pathway__visual>span strong{margin:0}
  .msc-completion-page .msc-brand32-pathway__visual>i{
    width:1px;
    height:18px;
    margin-left:1.3rem;
    background:linear-gradient(rgba(201,78,54,.34),rgba(62,70,57,.42));
  }
}

@media(max-width:620px){
  .msc-completion-page .msc-brand32-hero__art{
    margin-inline:-1rem;
  }
  .msc-completion-page .msc-brand32-hero__art img{border-radius:0}
  .msc-completion-page .msc-brand32-hero__art figcaption{
    grid-template-columns:1fr;
    gap:.3rem;
    padding:.85rem 1rem 1rem;
  }
  .msc-completion-page .msc-brand32-pillar>img{height:185px}
}
