:root{
  --ab-font:"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;

  --ab-blue-1:#1f5aa6;
  --ab-blue-2:#0b3b76;
  --ab-text:#ffffff;

  --ab-height-top:44px;
  --ab-height-bottom:34px;

  --ab-max:1200px;
  --ab-pad-x:16px;
}

*,
*::before,
*::after{
  box-sizing:border-box;
}

html,
body{
  width:100%;
  margin:0;
  padding:0;
}

body{
  font-family:var(--ab-font);
}

.announcement{
  width:100%;
  display:block;
  color:var(--ab-text);
}

.announcement__inner{
  width:100%;
}

.announcement__row{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0 var(--ab-pad-x);
}

.announcement__row--top{
  height:var(--ab-height-top);
  background:var(--ab-blue-1);
}

.announcement__row--bottom{
  height:var(--ab-height-bottom);
  background:var(--ab-blue-2);
}

.announcement__brand{
  display:inline-flex;
  align-items:center;
  gap:10px;
  max-width:var(--ab-max);
  width:100%;
  justify-content:center;
}

.announcement__icon{
  display:inline-block;
  width:20px;
  height:20px;
  color:var(--ab-text);
  flex-shrink:0;
}

.announcement__title{
  font-weight:700;
  letter-spacing:.6px;
  font-size:18px;
  line-height:1;
  text-transform:uppercase;
  white-space:nowrap;
}

.announcement__subtitle{
  font-weight:600;
  font-size:13px;
  letter-spacing:.7px;
  text-transform:uppercase;
  opacity:.95;
}