/* Centre the DONE. wordmark on the navigation; allow the agency line below it. */
body.done-silk .brand-header {
  padding-top:34px;
  padding-bottom:52px;
  min-height:152px;
  align-items:center;
  overflow:visible;
}
body.done-silk .brand-header .brand-lockup {
  position:relative;
  display:inline-block;
  align-self:center;
  line-height:1;
}
body.done-silk .brand-header .brand-logo {
  display:block;
  font-size:66px;
  line-height:1;
  letter-spacing:-4.3px;
}
body.done-silk .brand-header .brand-agency {
  position:absolute;
  top:calc(100% + 7px);
  left:0;
  width:100%;
  margin:0;
  transform:none;
  text-align:center;
  font-size:7px;
  line-height:1.5;
}
body.done-silk .brand-header nav {align-self:center;}
@media(max-width:760px) {
  body.done-silk .brand-header {
    padding:28px 24px 20px;
    min-height:0;
    column-gap:12px;
    row-gap:18px;
  }
  body.done-silk .brand-header .brand-lockup {
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:6px;
  }
  body.done-silk .brand-header .brand-logo {font-size:52px;letter-spacing:-3.5px;}
  body.done-silk .brand-header .brand-agency {
    position:static;
    width:auto;
    font-size:6px;
    line-height:1.5;
  }
}
@media(max-width:380px) {
  body.done-silk .brand-header .brand-logo {font-size:49px;letter-spacing:-3.4px;}
  body.done-silk .brand-header .done-whatsapp-header {padding-inline:9px;gap:6px;font-size:10px;}
  body.done-silk .brand-header .done-whatsapp-header svg {width:19px;height:19px;}
}