/* ZEITUNG.IO Option 4 master lockup v67 — restored editorial claim */
:root{--io-logo-red:#e10600;--io-logo-black:#0d0d0d;--io-logo-paper:#f6f2ea}

.io-brand-lockup{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  justify-self:center!important;
  align-self:center!important;
  width:max-content!important;
  max-width:100%!important;
  margin:0!important;
  padding:12px 24px 14px!important;
  overflow:visible!important;
}
.io-brand-lockup .io-master-logo,
.io-brand-lockup>a.logo,
.io-brand-lockup>a.brand{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  color:var(--io-logo-black)!important;
  background:transparent!important;
  border:0!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  font-family:Arial Black,Arial,Helvetica,sans-serif!important;
  font-size:clamp(48px,4.55vw,76px)!important;
  font-weight:900!important;
  font-style:normal!important;
  line-height:.9!important;
  letter-spacing:-.07em!important;
  transform:none!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  inset:auto!important;
  clip:auto!important;
  clip-path:none!important;
}
.io-brand-lockup .io-master-logo>span,
.io-brand-lockup>a.logo>span,
.io-brand-lockup>a.brand>span{
  box-sizing:border-box!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:.9em!important;
  min-height:.9em!important;
  margin-left:.13em!important;
  padding:.04em .14em .025em .10em!important;
  background:var(--io-logo-red)!important;
  color:#fff!important;
  border:0!important;
  border-radius:0!important;
  font:900 .74em/.92 Arial Black,Arial,Helvetica,sans-serif!important;
  letter-spacing:-.06em!important;
  vertical-align:middle!important;
}
.io-brand-tagline{
  margin-top:13px!important;
  color:var(--io-logo-black)!important;
  font:800 clamp(8px,.72vw,11px)/1 Arial,Helvetica,sans-serif!important;
  letter-spacing:.28em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
}
.io-brand-tagline .dot{color:var(--io-logo-red)!important}

@media (min-width:821px){
  header.masthead,header.mast{
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr)!important;
    align-items:center!important;
    min-height:166px!important;
    padding:27px clamp(34px,4vw,72px)!important;
    column-gap:36px!important;
    overflow:visible!important;
  }
  header.masthead>.issue,header.mast>.date{justify-self:start!important}
  header.masthead>.claim,header.mast>.promise{justify-self:end!important}
  header.masthead>.claim,header.mast>.promise{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-end!important;
    justify-content:center!important;
    gap:8px!important;
    max-width:250px!important;
    text-align:left!important;
  }
  header.masthead>.claim strong,header.mast>.promise b{
    display:block!important;
    color:var(--io-logo-black)!important;
    font:700 22px/.92 Georgia,serif!important;
    letter-spacing:-.03em!important;
    white-space:normal!important;
  }
  header.masthead>.claim small,header.mast>.promise small{
    display:block!important;
    width:100%!important;
    padding-top:8px!important;
    border-top:2px solid var(--io-logo-red)!important;
    color:var(--io-logo-red)!important;
    font:800 10px/1 Arial,Helvetica,sans-serif!important;
    text-align:right!important;
    letter-spacing:.01em!important;
  }
  header.masthead>.claim::after,header.mast>.promise::after{content:none!important;display:none!important}
  /* fixed three-zone masthead: date | brand | editorial claim */
  .mast>.date{grid-column:1!important;grid-row:1!important;justify-self:start!important;z-index:3!important}
  .mast>.io-brand-lockup{grid-column:2!important;grid-row:1!important;justify-self:center!important;z-index:2!important}
  .mast>.promise{grid-column:3!important;grid-row:1!important;justify-self:end!important;align-self:center!important;z-index:3!important}
  .masthead>.issue{grid-column:1!important;grid-row:1!important;justify-self:start!important}
  .masthead>.io-brand-lockup{grid-column:2!important;grid-row:1!important;justify-self:center!important}
  .masthead>.claim{grid-column:3!important;grid-row:1!important;justify-self:end!important;align-self:center!important}
}

@media (max-width:820px){
  .io-brand-lockup{padding:9px 14px 10px!important}
  .io-brand-lockup .io-master-logo,
  .io-brand-lockup>a.logo,
  .io-brand-lockup>a.brand{font-size:32px!important;letter-spacing:-.065em!important}
  .io-brand-lockup .io-master-logo>span,
  .io-brand-lockup>a.logo>span,
  .io-brand-lockup>a.brand>span{height:.92em!important;font-size:.76em!important}
  .io-brand-tagline{display:none!important}
}

@media (max-width:820px){header.masthead>.claim,header.mast>.promise{display:none!important}}