@media (min-width:1100px){
  .masthead{
    grid-template-columns:minmax(0,1fr) max-content minmax(0,1fr);
  }
  .masthead>.mast-context{
    grid-column:1;
    min-width:0;
    justify-self:start;
  }
  .masthead>.brand{
    grid-column:2;
    justify-self:center;
  }
  .masthead>.header-actions{
    grid-column:3;
    min-width:0;
    justify-self:end;
  }
  .hero>.hero-grid.container{
    width:min(var(--content),calc(100% - 64px));
    max-width:var(--content);
  }
  .hero .hero-story{
    padding-inline-start:0;
  }
  .hero .briefing{
    margin-inline:0;
  }
}