/* Mockup: full-width navy brand bar with an orange accent stripe. */
.brandbar{
  background:#12224a;
  border-bottom:8px solid #ff7a1a;
}
.brandlock{
  display:flex;
  align-items:center;
  gap:2vw;
  box-sizing:border-box;
  width:100%;
  max-width:none;
  margin:0;
  padding:18px 28px 16px;
  text-decoration:none;
  color:#eef2fa;
}
.brandlock .mark{
  width:clamp(72px, 8vw, 112px);
  height:clamp(72px, 8vw, 112px);
  border-radius:18px;
  flex:none;
  display:block;
}
.brandlock .wm{
  flex:1 1 auto;
  font-family:"Plus Jakarta Sans",Inter,system-ui,sans-serif;
  font-weight:800;
  font-size:clamp(40px, 7.15vw, 96px);
  letter-spacing:-0.04em;
  line-height:0.9;
  white-space:nowrap;
  color:#eef2fa;
}
.brandlock b{color:#ff7a1a}
@media (max-width:720px){
  .brandbar{border-bottom-width:4px}
  .brandlock{
    height:56px;
    padding:0 14px;
    gap:8px;
  }
  .brandlock .mark{
    width:36px;
    height:36px;
    border-radius:8px;
  }
  .brandlock .wm{font-size:clamp(16px, 4.7vw, 20px);letter-spacing:-0.03em}
}