/* V68.102.42 — Brand Development footer contextual navigation & legal closure.
 * Keeps the approved V102.41 visual treatment.
 * Finalises footer navigation to the current Brand Master and groups legal metadata with copyright.
 */
.emwh-brand-development-body .emwh-brand-visual-footer{
  background:#18262f;
  color:#dce5ea;
  border-top:1px solid rgba(255,255,255,.065)
}
.emwh-brand-development-body .emwh-brand-visual-footer-inner{
  width:min(1240px,calc(100% - 64px));
  padding:30px 0 18px;
  grid-template-columns:minmax(300px,1.2fr) minmax(360px,1fr);
  column-gap:46px;
  row-gap:20px
}
.emwh-brand-development-body .emwh-brand-visual-footer-brand{
  position:relative;
  padding-top:10px
}
.emwh-brand-development-body .emwh-brand-visual-footer-brand:before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:38px;
  height:1px;
  background:#b68a49
}
.emwh-brand-development-body .emwh-brand-visual-footer-brand a{
  display:inline-grid;
  gap:4px;
  text-decoration:none
}
.emwh-brand-development-body .emwh-brand-visual-footer-brand strong{
  color:#fff;
  font-size:16px;
  line-height:1.1;
  letter-spacing:.08em
}
.emwh-brand-development-body .emwh-brand-visual-footer-brand span{
  color:#a9bac4;
  font-size:9px;
  line-height:1.35;
  letter-spacing:.135em;
  text-transform:uppercase
}
.emwh-brand-development-body .emwh-brand-visual-footer-context{
  display:block;
  margin-top:9px;
  color:#c1cdd3;
  font-size:11px;
  line-height:1.4;
  letter-spacing:.01em
}
.emwh-brand-development-body .emwh-brand-visual-footer-inner>.emwh-brand-visual-footer-primary-nav{
  display:flex;
  justify-content:flex-end;
  align-items:flex-start;
  gap:22px;
  padding-top:10px;
  flex-wrap:wrap
}
.emwh-brand-development-body .emwh-brand-visual-footer-primary-nav a{
  color:#dce5ea;
  text-decoration:none;
  font-size:11px;
  line-height:1.35;
  font-weight:700;
  transition:color .18s ease
}
.emwh-brand-development-body .emwh-brand-visual-footer-primary-nav a:hover,
.emwh-brand-development-body .emwh-brand-visual-footer-primary-nav a:focus-visible{
  color:#fff
}
.emwh-brand-development-body .emwh-brand-visual-footer-inner>.emwh-brand-visual-footer-meta{
  grid-column:1/-1;
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:20px;
  padding-top:13px;
  border-top:1px solid rgba(255,255,255,.07);
  color:#94a5ae;
  font-size:9px;
  line-height:1.35
}
.emwh-brand-development-body .emwh-brand-visual-footer-left-meta{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:7px;
  min-width:0;
  flex-wrap:wrap
}
.emwh-brand-development-body .emwh-brand-visual-footer-copyright{white-space:nowrap}
.emwh-brand-development-body .emwh-brand-visual-footer-legal{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:7px;
  white-space:nowrap
}
.emwh-brand-development-body .emwh-brand-visual-footer-legal a{
  color:#a6b5bd;
  text-decoration:none
}
.emwh-brand-development-body .emwh-brand-visual-footer-legal a:hover,
.emwh-brand-development-body .emwh-brand-visual-footer-legal a:focus-visible{
  color:#eef3f5
}
.emwh-brand-development-body .emwh-brand-visual-footer-b2b{justify-self:end;text-align:right}

@media(max-width:900px){
  .emwh-brand-development-body .emwh-brand-visual-footer-inner{
    width:calc(100% - 40px);
    grid-template-columns:1fr;
    gap:17px;
    padding:26px 0 17px
  }
  .emwh-brand-development-body .emwh-brand-visual-footer-inner>.emwh-brand-visual-footer-primary-nav{
    justify-content:flex-start;
    padding-top:0
  }
  .emwh-brand-development-body .emwh-brand-visual-footer-inner>.emwh-brand-visual-footer-meta{
    grid-template-columns:1fr auto;
    gap:10px 18px;
    padding-top:12px
  }
  .emwh-brand-development-body .emwh-brand-visual-footer-b2b{grid-column:2;grid-row:1}
}

@media(max-width:560px){
  .emwh-brand-development-body .emwh-brand-visual-footer-inner{
    width:calc(100% - 28px);
    padding:23px 0 15px
  }
  .emwh-brand-development-body .emwh-brand-visual-footer-inner>.emwh-brand-visual-footer-primary-nav{
    gap:10px 18px
  }
  .emwh-brand-development-body .emwh-brand-visual-footer-inner>.emwh-brand-visual-footer-meta{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:6px;
    padding-top:11px
  }
  .emwh-brand-development-body .emwh-brand-visual-footer-left-meta{gap:6px}
  .emwh-brand-development-body .emwh-brand-visual-footer-b2b{align-self:flex-start;text-align:left}
}
